仕様からストアまで AI がオーケストレーションするモバイル実装

242 Views

August 04, 26

#.net 10 #dotnet #github copilot #c #azure sql database #terraform #github spek kit #swiftui #revenuecat #vector_distance #gpt 5.6 sol #xunit #agentic commerce #nanobanana #gpt image 2 #azure blob #ai iac #sonnet 4.5 #text-embedding-3-small #claude code

スライド概要

https://luma.com/shipaton-catfe-2026?tk=YxT4qS
Day2 session 15:10~

profile-image
スライド一覧

FPT ジャパン FPT データ& AI インテグレーション　エグゼクティブエバンジェリスト 独立行政法人　国立印刷局 デジタル統括アドバイザー兼最高情報セキュリティアドバイザー Micorsoft MVP for Developer Technologies(.NET/Developer Tools) Microsoft エバンジェリスト時代から、Dell、Accenture、Elastic、VMware を経て現職まで一貫して開発者向けに最新技術を啓発。 GPU クラウド技術訴求、AI 駆動開発推進。 政府の仕事は、内閣官房 政府 CIO 補佐官、 デジタル庁 PM を経て、現職を兼務。 AI 駆動開発勉強会主催/AI 駆動開発コンソーシアム副座長 Google Cloud Partner All Certifications Holder 2025

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

ダウンロード

関連スライド

slide-thumbnail

Locofy.ai による AI 駆動 エンタープライズフロンドエンド開発実践-s
vs code github copilot gemini locofy.ai figma enterprise ui/ux designer & developer collaboration fpt fpt ai factory nvidia gpu cloud frontend
user-img Shotaro Suzuki 123.7K
slide-thumbnail

GitHub Copilot & Copilot Chat で Java コーディングを最大限効率化する-配布用
intellij spring starter github github copilot github copilot chat visual studio code java spring boot h2
user-img Shotaro Suzuki 63.7K
slide-thumbnail

新たな AI 駆動開発の潮流(SWE Agent, AutoDev,Devin, GitHub Copilot Workspace等)
devin opendevin azure autodev github github copilot github copilot chat swe agent chatgpt openai python conda claude github copilot workspace gpt-4 gpt-4o agent github codespace
user-img Shotaro Suzuki 47.9K
slide-thumbnail

Azure OpenAI Service 概要とサンプルアプリ等のご紹介
microsoft azure openai .net python javascript ai chatgpt azure openai service csharp
user-img Shotaro Suzuki 46.8K
slide-thumbnail

FPT AI Factory で加速する AI 開発-20250213-公開版
fpt fpt ai factory generative ai azure google cloud aws kubernetes gpu metal cloud nvidia enterprise nvidia nvidia nim nvidia nemo code vista test vista fpt ai studio gpu managed cluster gpu container nvidia h100 nvidia h200 fine tuning model serving rag openai anthropic claude google gemini visual studio code visual studio intellij idea android studio jetbrains multi-agent ai driven development ivychat
user-img Shotaro Suzuki 33.7K
slide-thumbnail

最新の React/TypeScript SPA テンプレートを .NET 8 で試してみよう
react angular vue node.js vite javascript visual studio 2022 preview visual studio code typescript .net conf asp.net core .net 8 interactjs microsoft.jsinterop npm
user-img Shotaro Suzuki 17K
各ページのテキスト
1.

Spec Kit × GitHub Copilot × .NET / SwiftUI 仕様からストアまで AI がオーケストレーションするモバイル実装 Shotaro Suzuki Executive Evangelist FPT Japan Holdings Developer Advocate © 2026, Developer Advocate, LLC.

2.

鈴⽊ 章太郎 X (Twitter) : @shosuz • FPT Japan Executive Evangelist • 独⽴⾏政法⼈国⽴印刷局 デジタル統括アドバイザー • Microsoft MVP for Developer Technologies (.NET/Developer Tools) • AI 駆動開発勉強会 主催 • 元 Microsoft Technical Evangelist

3.

OVERVIEW 仕様を書けば、その先は AI がオーケストレーション spec → IaC → API → SwiftUI → ストアの流れを GitHub Copilot がリードする Developer Advocate © 2026, Developer Advocate, LLC.

4.

全体像 ̶ 仕様からストアまで SDD → IaC → Azure SQL → .NET API → SwiftUI を GitHub Copilot で繋いでいく 仕様 IaC DB API ストア Spec Kit Terra form Azure SQL + Vector .NET 10/EF UI SwiftUI Revenue Cat × Claude analyze スモーク VECTOR _DISTANCE xUnit snapshot / vision 別途 参照 仕様を起点に、各段で AI が⽣成 → テストで検証 → 直す Developer Advocate © 2026, Developer Advocate, LLC.

5.

SDD Spec Kit ̶ 何を作るかを構造化 GitHub Copilot に実装させる Developer Advocate © 2026, Developer Advocate, LLC.

6.

GitHub Copilot × Spec Kit - まず「何を作るか」を構造化する specify → plan → tasks で作業をタスク単位に割る（実際には 5 + 3 コマンド） 必須 5 コマンド - 上流から実装まで⼀直線 1. constitution 原則・制約 (SSoT) 2. specify 3. plan 4. tasks 仕様(What) 設計(How) 作業単位に分解 5. implement 実装 任意 3 コマンド - 必要に応じて差し込む(品質と精度を上げる) clarify analyze checklist spec を精緻化 整合をチェック 品質観点を追加 tasks が実装の単位になる → だから消費を task 単位で下げられ、過程も task 単位で残せる = この後の効率化と可視化の⼟台 Developer Advocate © 2026, Developer Advocate, LLC.

7.

LOOP build → 検証 → fix AI が作り、テストで合否を出す Developer Advocate © 2026, Developer Advocate, LLC.

8.

レイヤ ツール テスト 仕様 Spec Kit clarify / analyze （内蔵チェッカー） 実装補助 GitHub Copilot (GPT 5.6 Sol メイン) ̶ バックエンド .NET 10 / EF Core xUnit DB Azure SQL（native vector） スモーク / クエリ フロント SwiftUI snapshot / vision 決済・ストア RevenueCat × Claude Code ̶ STACK 技術スタック Spec Kit × GitHub Copilot × .NET / SwiftUI Developer Advocate © 2026, Developer Advocate, LLC.

9.

SCENARIO シナリオ ̶ Agentic Commerce ギター / ベースのショッピング アシスタント Developer Advocate © 2026, Developer Advocate, LLC.

10.

DEMO 仕様からストアまで、⼀気通貫 Spec Kit → GitHub Copilot → .NET → SwiftUI → ストア Developer Advocate © 2026, Developer Advocate, LLC.

11.

シード資産の全体像 商品データ・画像の下準備 商品カタログ 100 件 • • • NanoBanana 画像⽣成 商品画像 100 枚 digimart 調・ロゴなし Azure Blob 公開ホスト アプリで表⽰ Azure SQL / SwiftUI 商品カタログを 100 件登録（guitar 30 / bass 30 / amp 20 / mfx 20）̶ description / tags / 価格 / 在庫 商品画像 100 枚を NanoBanana で⽣成（digimart 調・架空ブランド・ロゴなし）、多リージョン並列で数分⽣成 Azure Blob の公開コンテナにアップロード、catalog に imageBaseUrl 設定 Developer Advocate © 2026, Developer Advocate, LLC.

12.

Terraform ⽣成 GitHub Copilot plan / validate 構⽂・計画の検証 apply Azure に反映 Azure SQL + native vector DB が⽴つ テスト（checker）: apply 後スモーク ̶ VECTOR_DISTANCE で 1 件返れば緑 IaC AI IaC ̶ DB を⽴てる Terraform → Azure SQL Database + native vector Developer Advocate © 2026, Developer Advocate, LLC.

13.

▶ 録画 ̶ IaC apply → スモーク緑 Developer Advocate © 2026, Developer Advocate, LLC.

14.

Products ProductTags Id (PK) Brand Name Category Price / Stock ProductId (FK,PK) Value (PK) ShopperProfiles InstallId (PK) Budget Preferred*Json (好み) Carts InstallId (PK,FK) UpdatedAt ProductEmbeddings ProductId (FK,PK) Model / Dimensions Vector vector(1536) ContentHash Consultations InstallId (FK,PK) ProductId (FK,PK) Quantity UnitPriceSnapshot Id (PK) CatalogHash ProductCount Status RecommendationSnapshots Id (PK) InstallId (FK) Query / SemanticQuery Degraded CartItems CatalogSeedRuns Id (PK) InstallId (FK) ProfileVersion Orders Id (PK) OrderNumber (UQ) InstallId (FK) Total CheckoutOperations InstallId (FK,PK) IdempotencyKey (PK) OrderId (FK) DATA MODEL データモデル 11 テーブル / embedding は ProductEmbeddings.Vector vector(1536)（Azure SQL native© 2026, vector） Developer Advocate, LLC. Developer Advocate

15.

相談チャットの中⾝ ̶ AI がオーケストレーション Claude が理解と説明／実データからは retrieval で取る（でっち上げない） 相談 ⽇本語の質問 Claude 理解 → 条件 OpenAI 埋め込み Azure SQL vector 検索 Claude 推薦理由 候補 商品 + 理由 モデル: Claude Sonnet 4.5（理解・推薦理由） / OpenAI text-embedding-3-small（埋め込み） Developer Advocate © 2026, Developer Advocate, LLC.

16.

▶ 録画 ̶ backend ⽣成 → xUnit ⾚→緑 → セマンティック検索が返る Developer Advocate © 2026, Developer Advocate, LLC.

17.

SwiftUI ⽣成 GitHub Copilot ビルド 不⼀致 → fix して戻る スクショ vision + snapshot で仕様と突合 ⼀致 → OK SwiftUI SwiftUI ̶ ⽣成して検品 スナップショット / vision で仕様と突合 → fix Developer Advocate © 2026, Developer Advocate, LLC.

18.

▶ 録画 ̶ SwiftUI が API を叩いて画⾯に出る Developer Advocate © 2026, Developer Advocate, LLC.

19.

全体像 ̶ 仕様からストアまで SDD → IaC → Azure SQL → .NET API → SwiftUI 仕様 IaC DB API ストア Spec Kit Terra form Azure SQL + Vector .NET 10 UI SwiftUI Revenue Cat × Claude analyze スモーク VECTOR _DISTANCE xUnit snapshot / vision 別途 参照 仕様を起点に、各段で AI が⽣成 → テストで検証 → 直す Developer Advocate © 2026, Developer Advocate, LLC.

20.

Thank you for your attention!