🎨 アート
Flow Field 3D アート
数式から生まれる「流れる線」の3D作品
Before数式アートは手作業で大変
→
After指示でPLY・動く壁紙が出力
🔧 どう作る
3D Perlinノイズで「流れ」の場を作り、そこに数万の粒子を流して軌跡を記録 →
点群を Blender でカーブ化してレンダリング。計算は RTX4090＋PyTorch、出力は PLY/NPZ。
初心者ポイント：「流れる線のアート作って」レベルの一言から始められる。
🎨 アート
iPhone写真から3Dスキャン
Gaussian Splatting で現実を立体に取り込む
Before3Dスキャンは専用機材が必要
→
AfteriPhoneの写真/動画だけで3D化
🔧 どう作る
対象をぐるり撮影 → COLMAP でカメラ位置を推定 → nerfstudio（splatfacto）で約15分学習 →
.ply 出力 → SuperSplat で姿勢補正・圧縮。背景を消すマスク併用でファイル 1/10。
初心者ポイント：撮影ガイド通りに撮ってコマンド1つ。約15分で完成。
🎨 アート
自分の絵柄をAIに学習（LoRA）
手描きスケッチの画風で何でも描かせる
Before自分の絵柄は自分しか描けない
→
After合言葉一つで全部その画風に
🔧 どう作る
自作スケッチ14枚を1024pxに前処理 → キャプション自動生成 → kohya_ss で Flux1 LoRA 学習
（1500ステップ/約32分）→ ComfyUI の LoraLoader で適用。合言葉 「ohwx_sketch」で発動。
初心者ポイント：少ない枚数・短時間で「自分専用AI」が作れる。
🎨 アート
8bit BGM 動画 ＆ AI画像生成
ドット絵が動き、BGMが流れ続ける動画
🔧 どう作る
ComfyUI＋AnimateDiff（pixel art LoRA 併用）でドット絵をループアニメ化 →
Suno で BGM 生成 → DaVinci Resolve で合成・書き出し。文字描画が得意な
ローカル画像生成（HiDream）も併用。
初心者ポイント：素材作り〜編集の段取りごと相談できる。
🎨 アート
和柄ジェネレーター → BOOTHで販売
麻の葉文様をコード生成し、VRoid着物にして出品
Before幾何学和柄はAI生成だと線がよれて使えない
→
After数学的に正確なシームレス柄を色違いで量産
🔧 どう作る
三角格子に中線を引いて麻の葉文様を Python（Pillow/numpy）でシームレスタイル化
（色・線幅・スケールはCLI指定）→ VRoid の着物テクスチャに表地・裏地として適用 →
サムネ・柄解説図もコードで生成し、BOOTH で売り物として出品まで。
初心者ポイント：「AIが苦手な“正確な反復模様”はコードで」。作るだけでなく、出品素材まで一気通貫で“売り物”にできる。
📊 インフォグラフィック
献血者不足の構造分析
公的データを「伝わる3枚の図」に
Beforeデータはあるが伝わらない
→
After出典明示の説得力ある図
🔧 どう作る
政府統計などの一次データを CSV 化 → 出典を1件ずつ検証 →
Python（matplotlib）で Web 用・印刷用の図を描画。色・凡例・出典注記まで
コードで管理するので、数字を直せば図も自動更新。
初心者ポイント：「このデータを分かりやすい図に」で出典付きの図ができる。
📊 インフォグラフィック
主張のファクトチェック資料
Fable 5 で作る、査読用の検証監査レポート
Before「本当に正しい?」が確かめにくい
→
After25主張を多重検証した監査文書
🔧 どう作る
収集した111主張から重要25件を抽出 → 各主張に独立3体の検証AI（voter）が
「反証せよ」の指示で原典に当たる → 2/3が反証なら棄却（21確認・4棄却）→
検証経緯を査読可能な監査レポートに再構成。使用モデルは Fable 5、成果物は A4 33ページの論文。
初心者ポイント：AIに任せきりにせず、AI同士で裏取りさせる使い方。
📱 アプリ作成
ImageStudio — 写真を「言葉」で探す
17万枚の個人写真をプロンプト検索＋AI生成
Before大量の写真が探せない
→
After「桜の夕焼け」で言葉から検索
🔧 どう作る
Flask＋SQLite＋Vanilla JS の自作 Web アプリ。17万枚を CLIP（512次元）と
DINOv3（1024次元）でベクトル化して保存 →
言葉から画像を検索（多言語CLIP テキスト→画像）、似た写真の検出、地図/重複整理/
AI画像生成/深度生成まで7タブ。Tailscale 経由で iPhone/Mac から PWA として使える。
初心者ポイント：「プロンプト（言葉）で自分の写真が探せる」のが体感的にすごい。市販にない自分仕様。
📱 アプリ作成 ｜ ハード連携
Speed Editor を「万能コントローラ」化
Blackmagic Design DaVinci Resolve Speed Editor を他アプリでも使う
BeforeDaVinci 専用でしか使えない
→
Afterブラウザ・Blender・OBS・Macアプリを操作
🔧 どう作る
USB-HID の通信をリバースエンジニアリングし、独自の認証ハンドシェイクを突破 →
43個のボタンとジョグ（±4096）を全部読めるように → 前面アプリを検知して
キーマップを自動切替（TOML設定）→ 押すと対応するキー入力を注入する常駐ブリッジ
（Python＋hidapi）。例：ジョグでYouTubeをコマ送り、Blenderで視点移動。
初心者ポイント：「この専用機器を別用途で使いたい」という難題も、解析から実装まで伴走してくれる。
📱 アプリ作成
ui-finder（画面を言葉で探す）
「ビットレート上げたい」でUIを案内
🔧 どう作る
画面を mss でキャプチャ → Windows OCR で文字と座標を取得 →
Ollama（qwen3.5:35b, think:false）が質問と照合 → 番号付き矢印でオーバーレイ表示。
LLM が落ちても rapidfuzz で動くフォールバック付き。トレイ常駐。
初心者ポイント：自分の「困った」をそのままアプリにできる。
📱 アプリ作成
live_translate（リアルタイム字幕）
PCの英語音声を即・日本語字幕に
🔧 どう作る
WASAPIループバックでスピーカー出力を録音 → faster-whisper（large-v3, CUDA）で
英語文字起こし → Ollama で日本語訳 → tkinter 半透明オーバーレイに表示。
VB-Cable 等の追加機材ゼロ・完全ローカル。
初心者ポイント：市販ソフト購入の前に「自作」という選択肢。
☁️ Cloudflare
使用量ダッシュボードを公開
Claude Code の使用量をグラフで可視化
Before使いすぎが分からない
→
After認証付きで安全に公開・閲覧
🔧 どう作る
ログを5分ごとに集計 → 軽量JSONを生成 → GitHub経由で Cloudflare Pages に自動デプロイ →
Chart.js で可視化。Cloudflare Access の PIN認証で自分だけ閲覧。
初心者ポイント：「作る→公開→認証」まで一通り体験できる。
☁️ Cloudflare
LP・ツール・ブログを公開
個人ドメインで認証ゲート付き公開
🔧 どう作る
静的サイトや Workers を wrangler でデプロイ → Cloudflare Access（メール/PIN）で
認証ゲート → preview_urls:false で認証バイパスを防止。献血LP・リソグラフ
シミュレーター・yoshisato.net ブログなどを公開。
初心者ポイント：「公開は難しそう」を、安全な形で乗り越えられる。
🦙 ローカルLLM（Ollama）
なぜ「ローカルAI」なのか
無料・無制限・データが外に出ない
🔧 どう作る
Ollama で自分のPCにLLMを常駐（ポート11434）。月額・回数制限なし、
写真や個人データを外部に送らない。qwen3.5:35b / gpt-oss:20b などを用途で使い分け、
速度・正確性も実測比較して選ぶ。
初心者ポイント：プライバシーが気になる作業はローカルで完結できる。
🦙 ローカルLLM（Ollama）
アプリの「頭脳」として組み込み
上記アプリの裏でローカルAIが稼働
🔧 どう作る
各アプリが Ollama の API（/api/chat）を叩いて判断を委譲。
JSON出力を強制し、qwen3系は think:false で思考モードを切る
（format:json と両立しないため）。図書館タグ付け・UI検索・字幕翻訳・写真キャプションの頭脳。
初心者ポイント：「賢い処理」をクラウド課金ゼロで何度でも回せる。
🛠 アプリ作成 ｜ 👶 はじめの一歩
PDFの面付け・整理
スキャンPDFをA4化・2面/4面に割り付け
Before割付・余白調整が手作業で面倒
→
Afterコマンド一つで入稿用PDFが揃う
🔧 どう作る
スキャン画像を reportlab で余白付きA4に → pypdf で 2up/4up/対角に面付け。
AIもサーバーも不要、Pythonだけで完結。リソグラフ用の黒＋蛍光ピンク2色分解まで発展できる。
初心者ポイント：「自分の面倒を1つ自動化」の最初の一歩に最適。動けば一生使える。
🛠 アプリ作成 ｜ 👶 はじめの一歩
図書館の蔵書チェック
読みたい本が近くの図書館にあるか自動確認
Before図書館サイトを1冊ずつ検索
→
After書名を入れると貸出可否が一覧
🔧 どう作る
書名 → 国立国会図書館サーチAPIでISBN取得 → カーリル蔵書検索APIで登録図書館の
貸出可否を照会 → Cloudflare Workersで公開、Access で自分だけに。
APIキーは Secret に置く（コードに書かない）。
初心者ポイント：「日常の困りごと→自動化」の王道。API連携の入門に。
🎨 アート ｜ 👶 はじめの一歩
トロコイドで幾何アート
スライダーを動かすと模様が描ける
Before数学アートはハードルが高そう
→
Afterブラウザで触ってすぐ完成
🔧 どう作る
HTML Canvas に三角関数（外トロコイド／内トロコイド）で曲線を描画 →
スライダーで半径・比率を変えるとリアルタイムに模様が変化。PWA化でスマホのホームにも置ける。
3D版もあり。
初心者ポイント：視覚的な達成感が一瞬で出る。コードと数学の楽しさ入門に。
🛠 アプリ作成 ｜ 👶 はじめの一歩
自分だけのバス時刻表
「次のバスまで何分」を見やすく表示
Before時刻表アプリは情報が多すぎる
→
After自分の路線だけシンプルに
🔧 どう作る
時刻データを持った静的Webアプリ。現在時刻から次の発車までの残り分を計算して大きく表示。
PWA化でオフライン・ホーム画面起動。Cloudflare で公開も。
初心者ポイント：「完成形が分かりやすい」小さなWeb。最初の自作アプリに。
🛠 アプリ作成 ｜ 👶 はじめの一歩
画像のスワイプ比較ビューア
2枚の写真を重ねて加工前後を一瞬で比較
Before加工前後の違いが分かりにくい
→
After境界線を動かして同じ位置で見比べ
🔧 どう作る
ブラウザで動く1ファイルツール。2枚を完全に重ね、CSS clip-path で右画像の表示範囲を
境界線で制御。つまみドラッグで比較、画像ドラッグでパン、ホイールでズーム（Imgsli / Lightroom 風）。
初心者ポイント：「写真のbefore/after比較」という地味な困りごとを、市販ツールなしで解決。
🛠 アプリ作成 ｜ 👶 はじめの一歩
複数動画の同時再生ビューア
何本もの動画を一画面で同時再生して見比べ
Before動画の見比べは切替が面倒
→
After最大24本を同時再生・同期シーク
🔧 どう作る
外部ライブラリなしの HTML1ファイル。ドラッグ&ドロップで配置、スペースで全頭出し＋同時スタート、
←→で全動画を同期シーク、クリックでソロ表示。IndexedDB に保存して次回自動復元。
初心者ポイント：「複数を同時に見たい」を、ブラウザだけで実現。
🛠 アプリ作成 ｜ 👶 はじめの一歩
3Dプリント フィラメント交換プランナー
Bambu の色替え手順を事前に可視化
Before色替えのタイミング・スロットを間違える
→
Afterいつ・どのスロットに何色かが一目
🔧 どう作る
Bambu Studio の .3mf/.gcode をドラッグ&ドロップ（サーバー送信なし・ブラウザ内解析）→
AMS lite 4スロットのタイムライン表示 → Belady の最適置換アルゴリズムで手動交換を最小化。
初心者ポイント：ニッチな自分の困りごとも、ピンポイントで道具にできる。
時系列でみる
※ Claude Code セッションに記録された実作業日ベース（トークン記録から集計）。
メモにまとめた日付とはズレがあり、たとえば ui-finder は実作業 5/08（メモは6/12）、
pdf-imposition は実作業 5/28（メモは6/15）。色は上のフィルタと対応（灰は映像・iOS・その他）。
約2か月で40近いプロジェクトが動いていました。
2026年 4月
04-18自分だけのバス時刻表アプリ・はじめの一歩
04-21トロコイドで幾何アートアート・はじめの一歩
04-29図書館の蔵書チェックアプリ・はじめの一歩
04-303Dプリント フィラメント交換プランナーアプリ・はじめの一歩
2026年 5月
05-03リソグラフ印刷シミュレーター 着手印刷
05-05ImageStudio / sketch-prep 着手アプリ
05-06LoRA学習環境（kohya_ss / OneTrainer）アート
05-06トークン使用量トラッカーCloudflare
05-07自作スケッチ画風LoRAアート
05-07Tailscaleリモート構成（出先から4090）環境
05-07iPhone×4090 アップスケール（撮影）映像
05-088bit BGM YouTubeチャネルアート
05-08DRMCP（DaVinci Resolve連携）映像
05-08ui-finder（画面OCR検索）MVPアプリ
05-09Cinema Color Mastery 学習映像
05-09Gaussian Splatting パイプラインアート
05-12ローカルAIモデル棚卸しローカルLLM
05-13Speed Editor Bridgeアプリ／ハード
05-15複数動画の同時再生ビューアアプリ・はじめの一歩
05-18Flow Field 3Dアートアート
05-20iOS ARマーカー認識アプリiOS
05-24iOS LiDARモーキャプアプリiOS
05-28pdf-imposition（リソグラフ分版）印刷
05-30献血者不足インフォグラフィック 着手インフォグラフィック
2026年 6月
06-02live_translate リアルタイム字幕アプリ
06-04HiDream 画像生成 導入アート
06-10画像のスワイプ比較ビューアアプリ・はじめの一歩
06-11献血LP を Cloudflare 公開Cloudflare
06-11jssd73 プログラム検索ページCloudflare
06-12和柄テクスチャ事業案（リサーチ）事業
06-13ファクトチェック監査資料（Fable 5）インフォグラフィック
06-15献血者不足インフォグラフィック 完成インフォグラフィック
06-18和柄ジェネレーター→BOOTH出品アート