作ったものを置いて、触れるようにしておく場所
たくしお（takushio2525）です。自分が使っていて不便だったものを、 ツールを自作して改善し、そのまま公開して誰でも触れる形にするのが好きで、ターミナルや Web ツール、学習教材をつくっています。 公開しているものをここにまとめました。気になったカードをそのまま踏んでください。
サイト・アプリ
いま触れるものを上から並べています。見出しを押すとそのサイトが開きます。
ドットフォントを、そのままコードに貼れる配列へ
ドットフォントを C / Rust / Python などのバイナリ配列に変換するブラウザツールです。読み込みからピクセル単位の手直しまで、インストールなしでその場で終わります。
- Web ツール
- 組み込み
- フォント
Bit Rush
公開中ビット演算を、3 分間のタイムアタックで鍛える
0 と 1 の並びを、反転・左右のシフト・AND・OR の 5 つの操作で組み替えて、お手本と同じにするパズルです。最初の 1 問と 9 章のレッスンで操作を覚え、3 分間に何問そろえられるかを初級・中級・上級のラッシュとランキングで競えます。登録なしで、日本語と英語で遊べます。
- パズルゲーム
- ビット演算
- React
GitHubをはじめよう
公開中スクロールするだけで、GitHub の手順が動いて見える
Git も GitHub も初めての人向けの日本語教材です。スクロールに合わせて GitHub の画面の上でカーソルが動き、登録と Git の準備から Pull Request・他の人の変更の取り込みまでを全 8 章で順に見せます。
- 学習教材
- Git
- Astro
AI コーディングの言葉を、動く図でひとつずつ
AI に頼んでコードを書いたことがない人に向けて、AI と LLM のしくみから、Claude Code などの道具の使い方、指示ファイル・スキル・MCP までを順に説明する日本語の非公式サイトです。スクロールすると模式図が動いて、説明が 1 歩ずつ進みます。
- 学習教材
- AI コーディング
- Astro
コード
動くサイトではなく、リポジトリとして置いてあるものです。見出しを押すと GitHub が開きます。
mcr_camera_2026base
GR-PEACH（RZ/A1H）でマイコンカーラリーのカメラクラス機を走らせるためのベースプログラム。mbed OS を使わずレジスタを直接叩き、1ms の割り込みで Input → Logic → Output の 3 フェーズを回します。
- 組み込み
- C++
- ベアメタル
Embedded Module Architecture
マイコンのファームウェアを機能ごとのモジュールに切り分けて組み立てるための設計パターン集。実装例と解説をまとめています。
- 組み込み
- 設計パターン
ブログの新着
作ったものの使い方や、作りながら考えたことを書いています。
- ElecLab の紹介：LED を光らせる配線パズルと、本物の回路計算で判定する作り
電池・LED・抵抗・スイッチを線でつなぎ、「実行！」で本物の回路計算にかけて LED が光るかを確かめるブラウザの回路パズル「ElecLab」の紹介。遊び方と 11 の章の中身、修正節点解析（MNA）で回路を解いている作りをまとめた。
- chamfer の紹介：AI が作った HTML スライドの「最後の 5%」を GUI で直すエディタ
Claude や ChatGPT に作らせた HTML のスライドや資料を、生成し直さずに直して同じ HTML のまま返すエディタ「chamfer」の紹介。できることと苦手なこと、ファイルをサーバーに送らずに済ませている作り、作った理由をまとめた。
- ミニゲ！の紹介：4 桁のコードで集まってスマホで遊ぶミニゲーム集と、手札を覗かせない作り
ルームを作って 4 桁のコードかリンク・QR で集まり、スマホのブラウザで 21 種類のミニゲームを遊べる「ミニゲ！」の紹介。始め方とロビーの流れ、代表的な 3 つのゲームの進み方、手札や役職を覗かれないための作りをまとめた。