僕がバイブコーディングで開発・運用している全プロジェクトの一覧。各アプリの技術スタック、開発期間、ステータスをまとめた。
この記事は2026年1月に初回公開し、定期的に更新している。開発ストーリーは「現役高校教員がバイブコーディングで業務アプリを5つ作った話」に詳しく書いている。
開発の全体像
| 項目 | 内容 |
|---|---|
| バイブコーディング歴 | 約4ヶ月 |
| 1日の開発時間 | 約3時間（仕事後） |
| プロジェクト数 | 9つ（学校業務5 + 一般向け1 + Web2 + OSS1） |
| 開発ツール | Claude Code |
学校業務アプリ（5つ）
1. 席替えツール（seating_shuffler）
| 項目 | 内容 |
|---|---|
| 開発期間 | 1日 |
| 技術 | Vanilla JS, ブラウザ完結 |
| 利用状況 | 担任を持つほぼ全教員が利用 |
| 特徴 | ドラッグ&ドロップで配置、配慮事項の自動反映、サーバー不要 |
最初に作ったアプリ。名前を入力してランダム配置し、配慮が必要な生徒の席を固定する機能を持つ。くじ引き機能（配慮席は固定＋残りをくじ引き）の追加も検討中。
2. 授業進度管理アプリ（shindo-app）
| 項目 | 内容 |
|---|---|
| 開発期間 | 3日 |
| 技術 | React 19 + Vite + Tailwind CSS + PWA |
| ホスティング | Cloudflare Pages |
| 特徴 | スマホからサッと記録、授業名・単位数をプリセット |
学期ごとに提出する授業進度の記録をスマホで完結させるPWA。自分の学校に最適化した授業データをあらかじめ登録してあるので、選択するだけで記録が始まる。
3. PDF分割・統合ツール（pdf-splitter）
| 項目 | 内容 |
|---|---|
| 開発期間 | 1日 |
| 技術 | Vanilla JS + pdf.js + pdf-lib |
| 使用頻度 | 毎日 |
| 特徴 | 完全ローカル処理、サーバーへの送信なし |
求人票の分割・統合、教材管理、機密文書の安全な処理に使っている。生徒の個人情報が含まれるPDFを外部サーバーにアップロードせずに処理できることが最大の利点。
4. 旅費精算アプリ（travel-expense-app）
| 項目 | 内容 |
|---|---|
| 開発期間 | 1〜3ヶ月（継続アップデート中） |
| 技術 | React + Vite + PWA + Cloudflare Workers |
| 効果 | 紙ベース20分 → 5分未満（実測値） |
| 特徴 | スマホから経路検索→即申請書生成 |
紙ベースで2枚の書類を手書きしていた旅費精算をアプリ化。旅費計算の法規やエッジケースが多く、5つのアプリの中で最も開発に時間がかかった。保守運用の大変さと面白さを教えてくれたプロジェクト。
5. 担任手帳（tannin-techo）
| 項目 | 内容 |
|---|---|
| 開発期間 | 基本機能 4日、調整継続中 |
| 技術 | Tauri 2.0 + React 19 + TypeScript + Tailwind CSS |
| セキュリティ | AES-256-GCM 暗号化バックアップ |
| 特徴 | 完全ローカル動作、生徒管理・席替え・出欠・メモを一元管理 |
他4つのアプリの経験を全部注ぎ込んだ集大成。生徒の個人情報を扱うためクラウドは使わず、完全ローカルで動作するデスクトップアプリとして設計した。席替え（ドラッグ&ドロップ）、班分け、出欠管理、PDF教材管理、Excel取り込み、印刷機能（教壇視点での座席表表示にも対応）など、担任業務に必要な機能を集約している。
一般向けアプリ
Star Oracle（fortune-app）
| 項目 | 内容 |
|---|---|
| 技術 | React Native + Expo SDK 54 |
| ステータス | Google Play 公開中 |
| 特徴 | タロット占いアプリ、毎日1回無料リーディング、プライバシー重視 |
初めての一般向けアプリ。大アルカナ22枚を使った本格タロット占いで、美しいカードアニメーションとプライバシーファーストの設計にこだわった。クローズドテストを経て、2026年3月にGoogle Playで正式公開。開発の記録は「占いアプリを3日でリリースした話」に書いている。
オープンソース
kokuban
| 項目 | 内容 |
|---|---|
| 技術 | Rust |
| ステータス | 開発初期（v0.1） |
| リポジトリ | GitHub |
| ライセンス | MIT |
担任が生徒の相談記録や健康情報を安全に保存するための暗号化ローカルCLIツール。「黒板にさっと書く。さっと見る。でも、他の人には読めない」がコンセプト。Rustの学習を兼ねて開発中。
Web サービス
shop.imkisyou.com
| 項目 | 内容 |
|---|---|
| 技術 | Astro + Cloudflare Pages Functions + Stripe + Turso |
| ステータス | 本番公開中 |
| 販売商品 | Claude Codeワークフローガイド、教育現場ニーズマップ |
教育現場向けのデジタルコンテンツを販売するECサイト。Stripeで決済、TursoでDB管理、Cloudflare Pagesでホスティングという構成。
imkisyou.com（このブログ）
| 項目 | 内容 |
|---|---|
| 技術 | Astro 5.x + Tailwind CSS |
| ホスティング | Cloudflare Pages |
| 特徴 | 日英多言語対応、8エージェントチーム体制で運営 |
このブログ自体もプロジェクトの1つ。記事作成はClaude Codeのエージェントチーム（PM、ライター、翻訳、レビュアー、SEO分析など8体）で運営している。構築の裏側は「Claude Codeで「ブログ運営チーム」を作った話」で紹介した。
note（note.com/imkisyou）
| 項目 | 内容 |
|---|---|
| プラットフォーム | note |
| 内容 | 開発ストーリー、アプリ紹介、日常の学び |
ブログとは別に、もう少し気軽に読める記事をnoteで更新中。アプリのリリース報告や、ちょっとした気づきなどを書いている。
技術スタック一覧
| カテゴリ | 技術 |
|---|---|
| フロントエンド | React 19, TypeScript, Tailwind CSS, Astro 5.x |
| モバイル | React Native + Expo SDK 54 |
| デスクトップ | Tauri 2.0（Rust + WebView） |
| CLI | Rust |
| バックエンド | Cloudflare Workers, Cloudflare Pages Functions |
| データベース | Cloudflare D1, Turso（LibSQL） |
| 決済 | Stripe |
| ホスティング | Cloudflare Pages |
| AI / 開発ツール | Claude Code |
| その他 | pdf.js, pdf-lib, @dnd-kit, recharts |
おわりに
4ヶ月前は社内アプリ4つだけだったポートフォリオが、9プロジェクトに成長した。一般向けのモバイルアプリがGoogle Playに並び、Rustでのオープンソース開発も始めた。noteでの発信も加わり、カバーする領域が広がり続けている。
全プロジェクトに共通しているのは、「現場の困りごとから始まった」 ということ。開発ストーリーに興味がある方は、「現役高校教員がバイブコーディングで業務アプリを5つ作った話」もぜひ読んでみてほしい。
See ya!