🎨 アート
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が苦手な“正確な反復模様”はコードで」。作るだけでなく、出品素材まで一気通貫で“売り物”にできる。
BOOTHで見る ↗
🎨 アート
Blenderに生成AIテクスチャを直結
ローカルAIで作った質感をその場でマテリアルに
Beforeテクスチャ探し・素材作りが手間
→
After言葉から質感を生成してBSDFに自動接続
🔧 どう作る
Blender 5.1 の自作アドオン。シェーダーエディタのサイドバーからローカルのComfyUIで
テクスチャ/HDRIを生成 → Principled BSDF に自動接続。プロンプト補助にOllamaも併用。
すべて手元のPCで完結。
初心者ポイント：使っているソフトに「自分専用の機能」を足せるのもAI制作の醍醐味。
🎨 アート ｜ 小説創作
AIと共作する連作小説「旅譜師」
世界観づくりから短編・挿絵・公開までをAIと分担
Before一人だと世界観の整合性維持がつらい
→
After複数AIで分担し短編＋挿絵を公開まで
🔧 どう作る
オリジナルの世界観を土台に、ChatGPTが発想・下書き、Claude Code が正本反映・
整合性レビュー（A/B/C判定）・推敲と役割分担。設定の矛盾はレビューで検出。挿絵は
ChatGPTの画像生成、本文はルビ付き静的HTMLにして Cloudflare Pages で公開。
初心者ポイント：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同士で裏取りさせる使い方。
📊 データで伝える ｜ ポスター・LP
献血キャンペーンのポスター・LP一式
学生向け販促物をデザインシステムで量産
BeforeポスターもLPもデザイナー頼み
→
AfterA3ポスター複数案＋LPを一気に展開
🔧 どう作る
出典を裏取りした統計を素材に、React+Babel（CDN・ビルド不要）で A3縦ポスター3案・横長2/3カラム・
縦長LPを制作。配色やアイコンは共通デザイントークンに集約し、1か所変えれば全案に反映。
印刷の余白・グラフの視認性まで調整。
初心者ポイント：「色や部品を1つにまとめる」と、複数の販促物を矛盾なく量産できる。
📊 データで伝える ｜ 動画
献血データを縦型ショート動画に
統計をモーション化したSNS向け15秒動画
Before静止画のグラフは響きにくい
→
After数字が動く縦型ショートでCTAへ誘導
🔧 どう作る
グラフのカウントアップ等を HTML+CSS+JS で作り、window.seek(t) で任意時刻に瞬間ジャンプできる
決定論アニメに → Playwright で1フレームずつPNG書き出し → ffmpeg で 1080×1920/60fps mp4 →
DaVinci Resolve で仕上げ。絵コンテもPythonで自動生成して承認を回す。
初心者ポイント：「Webアニメを動画に書き出す」発想で、凝った映像素材が作れる。
📊 データで伝える
医薬品の供給不足モニタ
「足りない薬」を公的データで毎月追う
Before役所のExcel報告は読み解きにくい
→
After傾向と慢性不足が1枚で見える
🔧 どう作る
厚労省が公開する「医療用医薬品の供給状況」のExcelを月次で取得・正規化 →
Python（pandas）で複数時点を突き合わせ、2年間ずっと不足の品目や理由（需要増・採算撤退）を抽出 →
matplotlib で1枚インフォグラフィック＋明細CSVに。
初心者ポイント：「役所の生データ」を継続的に追える形にするのもAIの得意分野。
🧰 PCの道具
ImageStudio — 写真を「言葉」で探す
17万枚の個人写真をプロンプト検索＋AI生成
Before大量の写真が探せない
→
After「桜の夕焼け」で言葉から検索
🔧 どう作る
Flask＋SQLite＋Vanilla JS の自作 Web アプリ。17万枚を CLIP（512次元）と
DINOv3（1024次元）でベクトル化して保存 →
言葉から画像を検索（多言語CLIP テキスト→画像）、似た写真の検出、地図/重複整理/
AI画像生成/深度生成まで7タブ。Tailscale 経由で iPhone/Mac から PWA として使える。
初心者ポイント：「プロンプト（言葉）で自分の写真が探せる」のが体感的にすごい。市販にない自分仕様。
🧰 PCの道具 ｜ ハード連携
Speed Editor を「万能コントローラ」化
動画編集の専用キーボードを、他アプリのリモコンにする
BeforeDaVinci 専用でしか使えない据え置き機材
→
AfterYouTube のコマ送りや、自作3Dアプリの視点操作に流用
🔧 どう作る
USB-HID の通信をリバースエンジニアリングし、独自の認証ハンドシェイクを突破 →
43個のボタンとジョグ（±4096）を全部読めるように → 前面アプリを検知して
キーマップを自動切替（TOML設定）→ 押すと対応キーを注入する常駐ブリッジ
（Python＋hidapi）。ボタン手前の第二機能（長押し／ダブルタップ）まで
DaVinci 標準の操作感で再現。Windows と Mac、2台の Claude Code が
Git 経由で分担して仕上げた。
初心者ポイント：「この専用機器を別の用途で使いたい」という難題も、解析から実装・実機テストまで伴走してくれる。コードは非公開の個人利用。
🧰 PCの道具
ui-finder（画面を言葉で探す）
「ビットレート上げたい」でUIを案内
🔧 どう作る
画面を mss でキャプチャ → Windows OCR で文字と座標を取得 →
Ollama（qwen3.5:35b, think:false）が質問と照合 → 番号付き矢印でオーバーレイ表示。
LLM が落ちても rapidfuzz で動くフォールバック付き。トレイ常駐。
初心者ポイント：自分の「困った」をそのままアプリにできる。
🧰 PCの道具
live_translate（リアルタイム字幕）
PCの英語音声を即・日本語字幕に
🔧 どう作る
WASAPIループバックでスピーカー出力を録音 → faster-whisper（large-v3, CUDA）で
英語文字起こし → Ollama で日本語訳 → tkinter 半透明オーバーレイに表示。
VB-Cable 等の追加機材ゼロ・完全ローカル。
初心者ポイント：市販ソフト購入の前に「自作」という選択肢。
🌐 Webで公開
朝読み — オンライン読書会の進行ツール
毎朝の読書会を30分でまわす進行アプリ
Beforeタイマー・順番・記録を手作業で進行
→
After黙読→感想→記録まで画面が誘導
🔧 どう作る
HTML+バニラJS の1枚もの。黙読タイマー（残30秒で警告色）→感想シェアの話者シャッフル＆1分計測→
進捗バー・連続日数・履歴まで。データは localStorage に保存し外部送信なし（JSONで書出/読込も可）。
Cloudflare Pages で公開（asayomi.yoshisato.net）。
初心者ポイント：「毎回やる段取り」をそのままアプリ化。サーバー不要・データは手元だけ。
アプリを開く ↗
🌐 Webで公開
使用量ダッシュボードを公開
Claude Code の使用量をグラフで可視化
Before使いすぎが分からない
→
After認証付きで安全に公開・閲覧
🔧 どう作る
ログを5分ごとに集計 → 軽量JSONを生成 → GitHub経由で Cloudflare Pages に自動デプロイ →
Chart.js で可視化。Cloudflare Access の PIN認証で自分だけ閲覧。
初心者ポイント：「作る→公開→認証」まで一通り体験できる。
🌐 Webで公開
LP・ツール・ブログを公開
個人ドメインで認証ゲート付き公開
🔧 どう作る
静的サイトや Workers を wrangler でデプロイ → Cloudflare Access（メール/PIN）で
認証ゲート → preview_urls:false で認証バイパスを防止。献血LP・リソグラフ
シミュレーター・yoshisato.net ブログなどを公開。
初心者ポイント：「公開は難しそう」を、安全な形で乗り越えられる。
🦙 ローカルAI
自分のノートに聞けるローカルRAG
「あれどこに書いたっけ？」を完全ローカルで検索
Before大量のメモから探し出せない
→
After日本語で聞くと出典付きで答える
🔧 どう作る
Obsidianのノートを埋め込みベクトル化＋FTS5全文検索のハイブリッドで索引化 →
質問に近い箇所を集めてローカルLLM（LM Studio / qwen3-vl）が出典付きで回答。
ノートはPCの外に出ない。ブラウザUI（127.0.0.1）で常用。
初心者ポイント：プライバシーが気になる個人ナレッジこそ、ローカルAIの出番。
🦙 ローカルAI
なぜ「ローカルAI」なのか
無料・無制限・データが外に出ない
🔧 どう作る
Ollama で自分のPCにLLMを常駐（ポート11434）。月額・回数制限なし、
写真や個人データを外部に送らない。qwen3.5:35b / gpt-oss:20b などを用途で使い分け、
速度・正確性も実測比較して選ぶ。
初心者ポイント：プライバシーが気になる作業はローカルで完結できる。
🦙 ローカルAI
アプリの「頭脳」として組み込み
上記アプリの裏でローカルAIが稼働
🔧 どう作る
各アプリが Ollama の API（/api/chat）を叩いて判断を委譲。
JSON出力を強制し、qwen3系は think:false で思考モードを切る
（format:json と両立しないため）。図書館タグ付け・UI検索・字幕翻訳・写真キャプションの頭脳。
初心者ポイント：「賢い処理」をクラウド課金ゼロで何度でも回せる。
🧰 PCの道具 ｜ 👶 はじめの一歩
PDFの面付け・整理
スキャンPDFをA4化・2面/4面に割り付け
Before割付・余白調整が手作業で面倒
→
Afterコマンド一つで入稿用PDFが揃う
🔧 どう作る
スキャン画像を reportlab で余白付きA4に → pypdf で 2up/4up/対角に面付け。
AIもサーバーも不要、Pythonだけで完結。リソグラフ用の黒＋蛍光ピンク2色分解まで発展できる。
初心者ポイント：「自分の面倒を1つ自動化」の最初の一歩に最適。動けば一生使える。
🌐 Webで公開 ｜ 👶 はじめの一歩
図書館の蔵書チェック
読みたい本が近くの図書館にあるか自動確認
Before図書館サイトを1冊ずつ検索
→
After書名を入れると貸出可否が一覧
🔧 どう作る
書名 → 国立国会図書館サーチAPIでISBN取得 → カーリル蔵書検索APIで登録図書館の
貸出可否を照会 → Cloudflare Workersで公開、Access で自分だけに。
APIキーは Secret に置く（コードに書かない）。
初心者ポイント：「日常の困りごと→自動化」の王道。API連携の入門に。
🎨 アート ｜ 👶 はじめの一歩
トロコイドで幾何アート
スライダーを動かすと模様が描ける
Before数学アートはハードルが高そう
→
Afterブラウザで触ってすぐ完成
🔧 どう作る
HTML Canvas に三角関数（外トロコイド／内トロコイド）で曲線を描画 →
スライダーで半径・比率を変えるとリアルタイムに模様が変化。PWA化でスマホのホームにも置ける。
3D版もあり。
初心者ポイント：視覚的な達成感が一瞬で出る。コードと数学の楽しさ入門に。
触ってみる ↗
🌐 Webで公開 ｜ 👶 はじめの一歩
自分だけのバス時刻表
「次のバスまで何分」を見やすく表示
Before時刻表アプリは情報が多すぎる
→
After自分の路線だけシンプルに
🔧 どう作る
時刻データを持った静的Webアプリ。現在時刻から次の発車までの残り分を計算して大きく表示。
PWA化でオフライン・ホーム画面起動。Cloudflare で公開も。
初心者ポイント：「完成形が分かりやすい」小さなWeb。最初の自作アプリに。
アプリを開く ↗
🧰 PCの道具 ｜ 👶 はじめの一歩
画像のスワイプ比較ビューア
2枚の写真を重ねて加工前後を一瞬で比較
Before加工前後の違いが分かりにくい
→
After境界線を動かして同じ位置で見比べ
🔧 どう作る
ブラウザで動く1ファイルツール。2枚を完全に重ね、CSS clip-path で右画像の表示範囲を
境界線で制御。つまみドラッグで比較、画像ドラッグでパン、ホイールでズーム（Imgsli / Lightroom 風）。
初心者ポイント：「写真のbefore/after比較」という地味な困りごとを、市販ツールなしで解決。
🧰 PCの道具 ｜ 👶 はじめの一歩
複数動画の同時再生ビューア
何本もの動画を一画面で同時再生して見比べ
Before動画の見比べは切替が面倒
→
After最大24本を同時再生・同期シーク
🔧 どう作る
外部ライブラリなしの HTML1ファイル。ドラッグ&ドロップで配置、スペースで全頭出し＋同時スタート、
←→で全動画を同期シーク、クリックでソロ表示。IndexedDB に保存して次回自動復元。
初心者ポイント：「複数を同時に見たい」を、ブラウザだけで実現。
🧊 3Dプリント ｜ 👶 はじめの一歩
3Dプリント フィラメント交換プランナー
Bambu の色替え手順を事前に可視化
Before色替えのタイミング・スロットを間違える
→
Afterいつ・どのスロットに何色かが一目
🔧 どう作る
Bambu Studio の .3mf/.gcode をドラッグ&ドロップ（サーバー送信なし・ブラウザ内解析）→
AMS lite 4スロットのタイムライン表示 → Belady の最適置換アルゴリズムで手動交換を最小化。
初心者ポイント：ニッチな自分の困りごとも、ピンポイントで道具にできる。
🧊 3Dプリント
3Dプリント キーホルダー・ジェネレーター
ブラウザでパラメータ調整→動く関節のSTLをDL
Before多関節の造形は毎回CADで作り直し
→
After数値をいじるだけで自分だけの1点が出力
🔧 どう作る
大学ノベルティ用に作ったPrint-in-Place多関節キーホルダー（ピアノ蝶番構造）を汎用化。
JSCADで形状生成、opentype.jsで好きな文字/絵文字を刻印、Three.jsでプレビュー →
白黒2色STLをその場でダウンロード。バックエンド無しのPWAとして公開。
初心者ポイント：1回作ったノベルティのロジックを、誰でも使える汎用ツールに育てられる。
ツールを開く ↗
🧊 3Dプリント ｜ 👶 はじめの一歩
Gコード生成（スパイラル造形）
らせん・ヘリカル形状の3DプリントGコードを自作
Before特殊な造形はスライサーで作りにくい
→
Afterパラメータ入力でらせんGコードが出力
🔧 どう作る
ブラウザだけで動く1ファイルツール。プリンタープリセット（Bambu A1 mini / P1S / Ender-3 等）を選び、
径・高さ・ピッチなどを指定 → スパイラル/ヘリカルのGコードを生成。プレビューで形を確認して書き出し。
初心者ポイント：「市販ソフトで作れない形」も、仕組みが分かれば自分で生成できる。
🧰 PCの道具 ｜ 👶 はじめの一歩
ローカルアプリのランチャー
自作ツールをブラウザ一覧から起動・停止・ログ確認
BeforeBATファイルが散らかって管理しづらい
→
After一覧画面からワンクリックで起動・停止
🔧 どう作る
Flask の管理ダッシュボード（127.0.0.1）＋タスクトレイ常駐。アプリは
JSONを1枚置くだけで登録、黒いコマンド窓を出さずログは自動保存。手動起動中のアプリは
「稼働中」と表示するだけで誤って止めない安全設計。
初心者ポイント：自作ツールが増えてきたら「まとめて管理する母艦」を作ると一気に楽になる。
🧰 PCの道具 ｜ 👶 はじめの一歩
オンライン会場からの自動退室タイマー
寝落ち・退室し忘れを、時間になったら自動ログオフで防ぐ
Before退室し忘れて在室しっぱなし・寝落ちで朝まで
→
After設定時刻に「退室」を自動クリック（延長もできる）
🔧 どう作る
ブラウザに常駐するユーザースクリプト（Tampermonkey）。目標時刻を数秒ごとに見張り
（背景タブのタイマー間引き対策）、時間が来たらメニューの「退室」ボタンを“文字で探して”自動クリック。
退室5分前に音＋「+15分延長」ボタンで警告。設定は localStorage に保存し外部送信なし、
権限も対象サイト（ovice）だけに絞る。
初心者ポイント：「操作を忘れる」系の困りごとは、画面のボタンを“時間で押させる”だけで解決できる。
時系列でみる
※ Claude Code の利用記録に残る実作業日ベース。
色は上のフィルタと対応（灰は映像・iOS・その他）。
約3か月で40を超えるプロジェクトが動いていました。
2026年 4月
04-17Gコード生成（スパイラル造形）3Dプリント・はじめの一歩
04-18自分だけのバス時刻表Web公開・はじめの一歩
04-21トロコイドで幾何アートアート・はじめの一歩
04-29図書館の蔵書チェックWeb公開・はじめの一歩
04-303Dプリント フィラメント交換プランナー3Dプリント・はじめの一歩
2026年 5月
05-01Blender 生成AIテクスチャ アドオンアート
05-03リソグラフ印刷シミュレーター 着手印刷
05-05ImageStudio / sketch-prep 着手PCの道具
05-06LoRA学習環境（kohya_ss / OneTrainer）アート
05-06トークン使用量トラッカーWeb公開
05-07自作スケッチ画風LoRAアート
05-07Tailscaleリモート構成（出先から4090）環境
05-07iPhone×4090 アップスケール（撮影）映像
05-088bit BGM YouTubeチャネルアート
05-08DRMCP（DaVinci Resolve連携）映像
05-08ui-finder（画面OCR検索）MVPPCの道具
05-09Cinema Color Mastery 学習映像
05-09Gaussian Splatting パイプラインアート
05-12ローカルAIモデル棚卸しローカルAI
05-13Speed Editor BridgePCの道具／ハード
05-15複数動画の同時再生ビューアPCの道具・はじめの一歩
05-18Flow Field 3Dアートアート
05-20iOS ARマーカー認識アプリiOS
05-24iOS LiDARモーキャプアプリiOS
05-28pdf-imposition（リソグラフ分版）印刷
05-30献血者不足インフォグラフィック 着手データで伝える
05-31医薬品の供給不足モニタデータで伝える
2026年 6月
06-02live_translate リアルタイム字幕PCの道具
06-04HiDream 画像生成 導入アート
06-10画像のスワイプ比較ビューアPCの道具・はじめの一歩
06-11献血LP を Cloudflare 公開Web公開
06-11jssd73 プログラム検索ページWeb公開
06-11献血キャンペーン ポスター・LP 着手データで伝える
06-12和柄テクスチャ事業案（リサーチ）事業
06-13ファクトチェック監査資料（Fable 5）データで伝える
06-15献血者不足インフォグラフィック 完成データで伝える
06-18和柄ジェネレーター→BOOTH出品アート
06-23朝読み オンライン読書会ツールWeb公開
06-23献血インフォグラフィック動画データで伝える
2026年 7月
07-013Dプリント キーホルダー・ジェネレーター3Dプリント
07-03AIと共作する連作小説「旅譜師」公開アート・小説
07-03サトリ 自分ナレッジRAGローカルAI
07-04ローカルアプリ ランチャーPCの道具・はじめの一歩
07-06オンライン会場からの自動退室タイマーPCの道具・はじめの一歩