Upgrade to Pro — share decks privately, control downloads, hide ads and more …

AI駆動開発とDify

 AI駆動開発とDify

Avatar for はしもん

はしもん

January 28, 2026

Other Decks in Technology

Transcript

  1. 2 ユーザー体験のフロー テーマ、ジャンル、 難易度設定 シナリオ自動生成 (Claude / Gemini) 構造化シナリオ +

    間取り図 ユーザーの選択:「完全に任せる」か「指示して調整する」か。 このバランスが体験の質を決定します。 Copyright © LangGenius K.K. All Rights Reserved. INPUT OUTPUT AI PROCESS
  2. 3 Dify ワークフローでシナリオ生成 このワークフロー自体も Vibe Coding で作成 開始 モード分岐 シナリオ

    生成 JSON 検証 マップ生成用 プロンプト生成 間取り図 終了 Copyright © LangGenius K.K. All Rights Reserved. IF-ELSE CODE Gemini Claude Claude INPUT OUTPUT 構造化シナリオ(JSON) + 間取り画像 テーマ、ジャンル、難易度、プレイヤー数
  3. 5 Vibe Codingのプロセス Step 0 材料を選ぶ 人間の仕事 公式ドキュメントのURL -> 各ノードの情報

    参考になるサンプル YAML -> ノードの書き方、ツー ルの書き方 Step 1 Claude Codeで 構造化させる AIの仕事 700行の技術仕様md Step 2 ワークフロー生成 AIの仕事 mdを渡してYAMLを生成 Step 3 Difyで確認・修正 人間の仕事 GUIで視覚的に確認 必要に応じて手動修正 INSIGHT 「何をAIに渡すか」を選ぶところが設計。全部渡すと迷う、何も渡さないと的外れになる。 Copyright © LangGenius K.K. All Rights Reserved.
  4. 6 2つのレイヤーで「AI と働く」 Layer 1 ユーザー体験 AI と一緒にシナリオを作る Layer 2

    開発者体験 AI と一緒にワークフローを作る どちらも「AI と人の関係をどう決めるか」 という同じ問いに向き合っている Copyright © LangGenius K.K. All Rights Reserved. COMMON GROUND Difyで確認・修正 どこまで任せる? どこで指示する? Vibe Coding でワークフロー生成
  5. 7 Difyでやる良さ 01 関係がワークフローとして 見える 「ここはAIに任せる」「ここで検証」が図になる。 設計意図がコードに埋もれない。 02 Vibe Codingの結果を視覚的

    に確認 AI生成したYAMLをDifyにインポート → GUIで確認。 コードレビューではなく、図で見てわかる。 03 チームで「この関係でいい?」 を議論できる 非エンジニアもワークフロー図を見て参加できる。 「ここ、人間がチェックした方がよくない?」 Copyright © LangGenius K.K. All Rights Reserved.
  6. 10 THANK YOU Thank you for watching WEBSITE dify.ai X(Japan)

    @DifyJapan GitHub github.com/langgenius Copyright © LangGenius K.K. All Rights Reserved.