memo.xight.org

日々のメモ

段階的に難易度を上げていける時計

Summary



時計の表示方法を、以下の13段階で変更できる。

言葉で表示
針に時・分表示
針に数字だけ表示
今の時・分を強調表示
時・分の範囲を表示
全ての時・分を表示
色で時と分を区別
5分毎の分表示
秒針を見せない
時表示
分の目盛り表示
時の目盛り表示
なんもなし

Reference

kenlab - training clock
https://kenlab.web.app/trainingclock

GitHub - kenkawakenkenke/kenlab
https://github.com/kenkawakenkenke/kenlab/blob/main/src/pages/training_clock.js

via

Togetter - 2021-03-20 - 時計の読みに苦戦してる子供のために「段階的に難易度を上げていける時計」を作った人現る「これは頭いい」
https://togetter.com/li/1684914

Apple Silicon MacでGatsbyJSをビルド

Summary

gatsby new で darwin-arm64v8 向け libvips が利用できないエラーが発生する。

% npm install gatsby-cli
% npx gatsby new gatsby-blog https://github.com/gatsbyjs/gatsby-starter-blog
...
npm ERR! ERR! sharp Prebuilt libvips 8.10.5 binaries are not yet available for darwin-arm64v8
npm ERR! info sharp Attempting to build from source via node-gyp but this may fail due to the above error
npm ERR! info sharp Please see https://sharp.pixelplumbing.com/install for required dependencies
...


対策: homebrew で libvips をインストール

% brew intall vips


% npx gatsby new gatsby-blog https://github.com/gatsbyjs/gatsby-starter-blog
Cloning into 'gatsby-blog'...
remote: Enumerating objects: 41, done.
remote: Counting objects: 100% (41/41), done.
remote: Compressing objects: 100% (34/34), done.
remote: Total 41 (delta 1), reused 24 (delta 0), pack-reused 0
Receiving objects: 100% (41/41), 1.24 MiB | 9.26 MiB/s, done.
success Created starter directory layout
info Installing packages...

added 2475 packages, and audited 2476 packages in 19s

info Initialising git in gatsby-blog

Your new Gatsby site has been successfully bootstrapped. Start developing it by running:

  cd gatsby-blog
  gatsby develop


Reference

GatsbyJS
https://www.gatsbyjs.com/

Homebrew Formula - vips
https://formulae.brew.sh/formula/vips

Qiita - @yudwig - 2020-12-17 - Apple Silicon(M1)搭載MacでGatsbyJSをビルドする
https://qiita.com/yudwig/items/c533f676b7b8015da723