AI × 個人開発 / Jan_AI

「あったら便利」を、
AIで形にする。

現場で20年つちかった「課題を整理して前に進める力」と、AI実装を掛け合わせて、自分の困りごとを動くプロダクトに変えてきました。要件整理から実装・運用まで、一気通貫で対応します。

ChatGPT / Claude / Gemini ・ Next.js / React ・ Cloudflare / Vercel ・ Google Sheets API

About

3つの強み

「作って終わり」ではなく、現場に定着する仕組みづくりを大切にしています。

AI実装の実践

複数の生成AIを使い分け、プロンプト設計から自動化パイプライン構築まで。動くものを日々運用しています。

要件整理・橋渡し

20年の技術職経験で、曖昧な要望を要件に整理し、関係者と調整しながら形にする実務を続けてきました。

人間ループの品質担保

AIの出力を鵜呑みにせず、ファクトチェックと最終調整を人が担う設計で、実務に耐える成果物に仕上げます。

Projects

開発プロジェクト

いずれも「自分の困りごと」から生まれた個人開発です。仕組みと技術構成をご紹介します(実データは非掲載)。

● リリース済

グループ向けスコア管理Webアプリ

スコア・収支をスプレッドシートで一元管理する集計Webアプリ。

課題

グループの集計が手間で続かない/端末を変えるとデータが消える、を解決。

実装の工夫

Google スプレッドシートをDBとして使い、端末・OS非依存でデータを永続化。認証情報は環境変数に隔離しコミットしない設計。

技術スタック
Next.js 16React 19TypeScriptTailwind v4Google Sheets APIRechartsVercel
応用先

サークルの戦績管理/勉強会の参加記録/小規模チームの工数集計など。

● 運用中

予定・活動記録 共有Webアプリ

配布された予定表(PDF・画像)をAIで自動カレンダー化し、毎朝その日の予定をLINEへ自動配信。URLを開くだけ(ログイン不要)でグループ全員が最新情報を確認できるサーバーレスWebアプリ。

課題

予定共有が紙やチャットへの手入力に頼り、情報が散らばって転記ミス・見落としが起きやすい。手入力を増やさず最短手数で届ける。

実装の工夫

① AI抽出のハイブリッド設計:軽量モデル(Workers AI / Llama 3.3)でまず処理し、複雑な帳票はClaudeで高精度抽出。コストと精度を両立し「手入力ゼロ」を実現。② ログイン不要の権限分離:URLトークン+署名付きhttpOnly Cookieで編集者/閲覧者を分離し、IT不慣れでもURLを開くだけ。③ 配信・DB・ストレージ・AIをすべてエッジに集約したフルサーバーレスで運用負荷ゼロ。④ データ保全したまま安全に行うスキーママイグレーションを整備。

技術スタック
SvelteKit / Svelte 5TypeScriptTailwindCloudflare WorkersD1R2Workers AI (Llama 3.3)ClaudeLINE Messaging APIPWA
応用先

習い事・スクール運営(予定・持ち物・休講連絡+LINE通知)/地域コミュニティの日程・出欠管理/中小事業者の予定共有(注文書・作業指示書など帳票のAIデジタル化)。

● 運用中

記事執筆 自動化パイプライン

構成案〜挿絵生成まで、記事制作を半自動化する執筆システム。

課題

定期的に記事を出し続けたいが、構成・本文・挿絵を毎回手作りすると続かない、を解決。

実装の工夫

構成案→本文ドラフト→挿絵生成→下書き保存の4段化。参照画像渡しでキャラの一貫性を維持し、執筆者は最終確認に集中。

技術スタック
Gemini API画像生成AIMarkdown管理プロンプト設計
応用先

オウンドメディアの連載運用/製品紹介記事の量産/長期継続ブログなど。

● 運用中

音声入力AI秘書システム

音声で投げた思考を、自動で整理・蓄積する「記憶の外部装置」。

課題

日々の気づきや業務メモが、忙しさで「考えたのに思い出せない」状態で流れていく、を解決。

実装の工夫

音声→自動整理→タグ付き蓄積→発信転用の4段パイプライン。隙間時間に話すだけで資産化される、人間×AI協調型の運用。

技術スタック
音声認識(faster-whisper)Gemini APIMarkdown / タグ管理クラウド連携
応用先

議事録の自動整理/営業メモ/顧客対応ログの蓄積・検索など。

● 運用中

動く手順書アニメーション 解説ツール

静止画の図解を、順序どおりに「動いて伝わる」ブラウザアニメに変換。限定URLでスマホからも全画面視聴できる外部依存ゼロのWeb教材。

課題

「誰が・いつ・どこへ動くか」の順序や連動は、静止図では伝わりにくい。要素が手順どおり動くアニメに変換し、直感的に理解できる教材にした。

実装の工夫

外部ライブラリ不使用で、時間tを入力に全要素を描画する決定論的アニメエンジンを自作(一時停止・シーク・将来の動画書き出しが容易)。矢印の先端追従描画や移動のイージング同期、修正→push→公開URL即更新の配信パイプラインも実装。

技術スタック
HTML / CSS / JavaScript外部依存ゼロインラインSVGrequestAnimationFrameNode.js(結合ビルド)Vercelヘッドレス検証
応用先

作業手順・マニュアルの「動く手順書」(製造・物流・接客・安全教育)/教育コンテンツ(実験手順・避難導線)/スポーツ戦術の解説。

● 運用検証中

Web自動巡回 × AI適合判定 レポートツール

公開ページとログイン必須ページを自動巡回し、収集データを希望条件とLLMで照合して適合度を判定、Markdownレポートを自動生成するツール。

課題

多数のサイトを横断して条件に合う情報を見落とさず素早く把握するのは工数大。巡回→AI適合判定→レポートで「読んで判断するだけ」にした。

実装の工夫

① ログイン不要(Playwright)とログイン必須(Chrome拡張MCPで既存セッション再利用→2段階認証の自動化を回避)の二本立て。② サイトごとのCSSセレクタでなく、ページ全文をLLMにJSON Schemaで構造化抽出し初期工数を削減。③ JSON台帳で重複処理を防ぎAPIコストを抑制。④ 判定基準をコードでなくYAML+プロンプトに外出しし、基準変更時もコードを触らない。

技術スタック
PythonPlaywrightChrome拡張MCPClaude APIPydanticPyYAMLloguru
応用先

物件巡回×条件マッチ(賃貸・売買)/入札・補助金情報の自動収集/EC商品の入荷ウォッチ(ログイン必須サイト含む)。

Skills

対応できること

要件整理 → 設計 → 実装 → 運用までワンストップで。

AI / 自動化

ChatGPTClaudeGemini APIプロンプト設計自動化パイプライン画像生成AI

Web開発

Next.jsReactTypeScriptTailwind CSS

クラウド / インフラ

VercelCloudflare Pages / WorkersD1 / R2

データ連携

Google Sheets APIMarkdownサービスアカウント認証