Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Webアプリをできるだけコードを手書きしないで作ってみる
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
tomokusaba
April 24, 2024
Programming
2
400
Webアプリをできるだけコードを手書きしないで作ってみる
Webアプリをできるだけコードを手書きしないで作ってみる
.NETラボ勉強会2024年4月
https://dotnetlab.connpass.com/event/314310/
tomokusaba
April 24, 2024
Tweet
Share
More Decks by tomokusaba
See All by tomokusaba
プロダクトでもバイブコーディングしようぜ!
tomokusaba
0
20
M5Stackで猫耳光らせよう!
tomokusaba
0
94
コンピューティングリソース何を使えばいいの?
tomokusaba
1
37
Microsoft Agent Frameworkの可観測性
tomokusaba
1
150
.NET 10の概要
tomokusaba
0
150
.NET 10のASP.NET Coreの気になる新機能
tomokusaba
0
140
.NET 10のASP. NET Core注目の新機能
tomokusaba
0
200
コンピューティングリソース何を使えばいいの?
tomokusaba
1
240
技書博で見つけた本
tomokusaba
0
86
Other Decks in Programming
See All in Programming
AIによる開発の民主化を支える コンテキスト管理のこれまでとこれから
mulyu
3
510
生成AIを使ったコードレビューで定性的に品質カバー
chiilog
1
280
AI Schema Enrichment for your Oracle AI Database
thatjeffsmith
0
330
dchart: charts from deck markup
ajstarks
3
1k
AI時代のキャリアプラン「技術の引力」からの脱出と「問い」へのいざない / tech-gravity
minodriven
21
7.4k
「ブロックテーマでは再現できない」は本当か?
inc2734
0
1.1k
AIで開発はどれくらい加速したのか?AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
daisuketakeda
1
2.5k
高速開発のためのコード整理術
sutetotanuki
1
410
生成AIを活用したソフトウェア開発ライフサイクル変革の現在値
hiroyukimori
PRO
0
110
AIによる高速開発をどう制御するか? ガードレール設置で開発速度と品質を両立させたチームの事例
tonkotsuboy_com
7
2.4k
Metaprogramming isn't real, it can't hurt you
okuramasafumi
0
100
Unicodeどうしてる? PHPから見たUnicode対応と他言語での対応についてのお伺い
youkidearitai
PRO
1
2.6k
Featured
See All Featured
Darren the Foodie - Storyboard
khoart
PRO
2
2.4k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
9.9k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
14k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
230
The Art of Programming - Codeland 2020
erikaheidi
57
14k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
830
Claude Code のすすめ
schroneko
67
210k
Context Engineering - Making Every Token Count
addyosmani
9
670
Rebuilding a faster, lazier Slack
samanthasiow
85
9.4k
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
170
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
130
Transcript
Webアプリをできるだけコード を手書きしないで作ってみる 株式会社SAKURUG プロダクトDiv 草場 友光 .NETラボ勉強会2024年4月
自己紹介 • 普段は主にシステムをAzureにモダナ イズする仕事をしています。 • コミュニティ活動を通じて知識をアッ プデートしています。 • 2022/08-2024 Microsoft
MVP (Developer Technologies) • tomo_kusaba
宣伝 【VISION】ひとの可能性を開花させる企業であり続ける VISIONに共感できる仲間募集中。
注意 • 個人の見解・解釈が多分に入っています。 • 見解の相違・事実誤認などありましたらご指摘ください。 • #dotnetlabでtweetすると左側に表示されます
今日の目的 • Visual Studio2022にはコードを自動生成する便利な機能が いくつか備わっています。 • GitHub Copilotはもちろんのこと本日はスキャフォールディン グについて便利と感じてほしいです。
今回使う道具 • Razor Components using Entity Framework(CRUD) • Connected Services
• Github Copilot
Razor Components using Entity Framework(CRUD) • モデルからEntityFrameworkCoreを使用したCRUDができ るRazorコンポーネントを生成 • 前提としてBlazorのServer側レンダリングで実行されること
• スキャフォールディングで生成される表はQuickGridで表示さ れるのでカスタマイズしてソートなど様々な機能を使用可能。
Connected Services • Entity Framework Coreの移行ファイルを作成 • 移行ファイルからデータベースを更新
GitHub Copilot • きっとモデルをよしなに作ってくれる!!
デモ
参考文献 • New Blazor scaffolder (Preview) https://devblogs.microsoft.com/dotnet/announcin g-asp-net-core-in-dotnet-8/#new-blazor- scaffolder-preview •
新しいBlazorスキャフォールディング機能でCRUDしてみる https://zenn.dev/tomokusaba/articles/e610e1e96 bf900
おしまい おしまい
Semantic Kernelでの実装+妹ドメイ ンで配信 • https://github.com/tomokusaba/BuildJapanAIHand sonDay1-1 上記リポジトリがスタート地点 • Semantic Kernelのライブラリーを最新にして、Build
Japan 2023開催当時からの破壊的変更を乗り越えること。 • コメントがある箇所を実装すること。 • 妹GPTにふさわしいプロンプトを作成し実装する(重要) • 妹ドメインにデプロイすること。