2ミニッツスターターやるページをつくった

from 20210124 #0124
2ミニッツスターターやるページをつくった
https://2.kbys.tk/
独学大全で2ミニッツスターターという技法を学んだ
オリジナルはタイマーを2分にセットして課題に取り組む、アラームが鳴ったら
1. 制限時間なしに作業を継続する
2. 同様にタイマーをセットして別の作業をはじめる
3. 休憩する
の3択を選ぶというもの
オヴシアンキーナー効果というものを利用しているらしい
こういうのを知ると、ついツールみたいなのを作ってしまう癖がある
2020 年はこういうちょっと手を動かす、みたいなことをあんまりしてなかった気がしてて、今年は少し積極的に取り組んでいる
ステータスページをつくった など
状態を持たないイミュータブルなアプリなので、最小限のスタックで作ることを考えてつくった
会場: https://github.com/kbystk/2
最初は素の html に素の css と素の javascript をガガッと書いてミニマルな素組みはできたが、脳が react のような単方向データバインディングに冒されているので DOM が状態を持ってゴニョゴニョするのがうざったくなってしまった
html にベタ書きしてると、vue や svelte はこういうのを書いて動くことを目的にしているんだなーと改めて感じたりした
仕方ないので preact と htm でパパッと書き直して、preact/hooks も使ってイイ感じに
こいつらは unpkg から es modules として読んでくるので特にバンドラは必要なかったが、なんとなくで snowpack を採用した
@snowpack/plugin-optimize をかけると全てのアセットがミニファイされてラクだった
css は Tailwind を入れるまでもなかったので、tailwind ライクなスタイルをササッと書いてあっさりめに仕上げた
デプロイ先はもちろん Netlify をチョイスしたんだけど、Netlify も流れ作業感あるのでなんか別のを触ってみたい機運があるけど、なんかないかなあ
wmr 試してもよかったかも、swc とか

関連ページとランダムに選ばれたページ

筆者について

jigsaw(ジグソウ、1991年6月12日-)は日本のプログラマ、会社代表。本名は小林貴也(こばやし たかや)。主にウェブ、フロントエンド領域で活動している。カミング・スーン合同会社の代表社員。
さらに詳しく

寄附について

面白かったらBTCETHでの寄附をお待ちしております。
寄附のきろく