Build
notes.
作ったものの、
その裏側。
完成したものだけでなく、なぜ作ったか、どう設計したか、 何を試して公開したかまで記録します。
1〜100の数字と読み方、10と1のまとまりを見て、10問の4択クイズで練習できるNumbersを作った記録。
1時〜12時と30分のアナログ時計を見て、読み上げと10問の4択クイズで練習できるClockを作った記録。
ドレミファソラシの音符を五線譜で見て、実際の音を聞きながら10問の4択クイズで練習できるMusic Notesを作った記録。
50色の名前を見て・聞き、10問の4択クイズで練習できるColorsを作った記録。
7okenmのシンボル、ワードマーク、タグラインをまとめ、faviconやOGPなどサイト全体へ展開したロゴ制作の記録。
1〜9の段やランダム問題を選び、ブラウザですぐ九九を繰り返し練習できるKuku Drillを作った記録。
A〜Zの大文字・小文字を選び、ブラウザ上でなぞり書きと読み方を練習できるAlphabet Traceを作った記録。
カタカナ46文字のなぞり書き・書き順練習ツール Katakana Trace を作った記録。五十音表の文字選択、読み上げ音声、SVGの出典とライセンスをまとめます。
ブラウザでひらがなを1画ずつなぞる練習ツール Hiragana Trace を作った記録。5つのことば、SVGの書き順ガイド、Canvasでの筆跡判定、読み上げ音声の実装をまとめます。
スクリーンショット内のメールアドレスや電話番号などをブラウザ内OCRで検出し、黒塗りやモザイクで隠すツールを作った記録。
JPEG・PNGのGPS、撮影日時、端末情報などを確認し、ブラウザ内だけで対応メタデータを削除するツールを作った記録。
複数のPDFから1ページ目だけを取り出して結合する無料ツールを、QPDF WebAssemblyとAstroで完全ローカル処理として作った記録。
7okenm.comの情報設計・デザインを考え、AIと対話しながらAstro、GitHub、Cloudflare Pagesで実装・公開した記録。