BGMBusiness Growth Mechanics

実績・ポートフォリオ

実際に動いているプロダクトを5つ紹介します。
すべて、アイデアから実装まで1〜3日で完成しています。

01PWA / AI統合 / 音声認識

katatte

写真を見ながら語るだけ。AIが記事を書く。

サイトを見る

旅の思い出写真と音声をセットにするだけで、AIが高品質な旅行記事を自動生成するPWAアプリ。音声チャンク分割アップロード、動的録音時間制限、ビー玉ゲームUIなど体験設計にこだわった作品。

  • 音声 + 画像 + LLMの統合設計
  • PWA対応(ホーム画面追加・オフライン対応)
  • スマートフォンでの操作性を最優先に設計

使用技術

Next.js 15OpenAI API (Whisper + GPT-4o)Tailwind CSSVercelPWA
02最適化アルゴリズム / モダンUI

PP Route Optimizer

SFC修行の最高効率ルートをAIが自動計算。

ANA SFC修行(2026年5月以降の新運賃)に対応した最適ルート自動計算ツール。フライト数・PP数・費用の3軸で最高効率の旅程を提案。複雑な組み合わせ爆発を効率的なアルゴリズムで解決。

  • 2026年5月新運賃体系への完全対応
  • 組み合わせ最適化アルゴリズムの実装
  • レスポンシブ対応で外出先でも確認可能

使用技術

ReactTypeScriptTailwind CSSVercel
03業務自動化 / API連携 / GAS

O365→GCal 自動同期

会社のOutlook予定が、毎朝Googleカレンダーに届く。

会社のOutlook(Microsoft 365)の予定を、Googleカレンダーへ毎朝自動同期するNode.jsスクリプト。ICSファイル取得からGoogle Calendar API投入まで完全自動化。「二重管理の苦痛」を解消した実用ツール。

  • O365 ICS → Google Calendar API の完全パイプライン
  • 差分更新対応(重複作成なし)
  • Note記事で公開、多くのビジネスパーソンに活用

使用技術

Node.jsGoogle Calendar APIMicrosoft Graph APIGAS
04AI自動化 / Cursor / 業務設計

AIコンシェルジュ(朝の自動化)

起きたら、もう今日の仕事が動き始めている。

毎朝8ステップのルーティン(カレンダー取得・思考ログ作成・SNS下書き生成・git push)をCursor AIが全自動実行する仕組み。AIエージェントが「脳のコパイロット」として機能する設計の先行事例。

  • 8ステップ自動化(カレンダー→思考ログ→SNS下書き→git)
  • Claude API + GAS + GitHub の連携
  • このポートフォリオ自体もAIが生成・管理

使用技術

Claude APIGoogle Apps ScriptGitHub ActionsCursor AI
05Next.js / PWA / 認証

Master Flow Viewer

マスタープランの処理フローをリアルタイムで可視化。

個人の「マスタープラン」に記載された処理フローをWebで閲覧・管理するダッシュボード。Edge Basic認証、PWA対応、Vercel自動デプロイを実装。Next.js App Routerの実践的な活用例。

  • Edge Basic認証によるアクセス制限
  • PWA対応(モバイルからもアクセス可能)
  • GitHub push → Vercel自動デプロイのCI/CDパイプライン

使用技術

Next.js 15TypeScriptTailwind CSSVercel Edge RuntimePWA

あなたのプロダクトも、作れます。

アイデアがあれば、それが何でも形にできます。まずお話しください。

相談してみる