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
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
1
31
Microsoft Agent Frameworkの可観測性
tomokusaba
1
130
.NET 10の概要
tomokusaba
0
140
.NET 10のASP.NET Coreの気になる新機能
tomokusaba
0
130
.NET 10のASP. NET Core注目の新機能
tomokusaba
0
190
コンピューティングリソース何を使えばいいの?
tomokusaba
1
220
技書博で見つけた本
tomokusaba
0
76
新卒2年目でドロップアウトしてからの20年間
tomokusaba
0
120
Azure Well-Architected Framework入門
tomokusaba
1
270
Other Decks in Programming
See All in Programming
perlをWebAssembly上で動かすと何が嬉しいの??? / Where does Perl-on-Wasm actually make sense?
mackee
0
300
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
tinykitten
PRO
0
180
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
nrslib
1
1k
組み合わせ爆発にのまれない - 責務分割 x テスト
halhorn
1
180
チームをチームにするEM
hitode909
0
440
Denoのセキュリティに関する仕組みの紹介 (toranoana.deno #23)
uki00a
0
220
ZJIT: The Ruby 4 JIT Compiler / Ruby Release 30th Anniversary Party
k0kubun
1
310
Pythonではじめるオープンデータ分析〜書籍の紹介と書籍で紹介しきれなかった事例の紹介〜
welliving
3
770
dchart: charts from deck markup
ajstarks
3
940
Claude Codeの「Compacting Conversation」を体感50%減! CLAUDE.md + 8 Skills で挑むコンテキスト管理術
kmurahama
1
710
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
heimusu
6
2k
20251212 AI 時代的 Legacy Code 營救術 2025 WebConf
mouson
0
240
Featured
See All Featured
RailsConf 2023
tenderlove
30
1.3k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
58
41k
jQuery: Nuts, Bolts and Bling
dougneiner
65
8.3k
Reality Check: Gamification 10 Years Later
codingconduct
0
2k
ラッコキーワード サービス紹介資料
rakko
0
2M
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
How to Talk to Developers About Accessibility
jct
1
94
Music & Morning Musume
bryan
46
7k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
120
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
34k
Speed Design
sergeychernyshev
33
1.5k
A Modern Web Designer's Workflow
chriscoyier
698
190k
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にふさわしいプロンプトを作成し実装する(重要) • 妹ドメインにデプロイすること。