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
430
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Webアプリをできるだけコードを手書きしないで作ってみる
Webアプリをできるだけコードを手書きしないで作ってみる
.NETラボ勉強会2024年4月
https://dotnetlab.connpass.com/event/314310/
tomokusaba
April 24, 2024
More Decks by tomokusaba
See All by tomokusaba
GitHub Copilot app時代の開発フロー
tomokusaba
0
26
オートマトンと字句解析でRoslynを読む
tomokusaba
0
130
GitHub Copilot appとGitHub Copilot CLIとVS CodeのCopilot Chat Agent Modeの使い分け
tomokusaba
0
130
GitHub Copilot app最速の発信の裏側
tomokusaba
1
510
自宅サーバの変遷
tomokusaba
0
790
Microsoft Build Keynoteふりかえり
tomokusaba
0
160
GitHub Copilot CLIでWebアクセシビリティを改善した話
tomokusaba
0
740
GitHub Copilot CLI で考える複数エージェント設計
tomokusaba
0
270
GitHub Copilot appで変わる GitHub Copilot CLI開発体験
tomokusaba
1
1.5k
Other Decks in Programming
See All in Programming
型も通る、synthも通る、それでも危ない 〜AIのCDKの権限とコストを機械で検証する〜 / It Passes Type Checks, It Passes Synth Checks, but It’s Still Risky — Automatically Verifying Permissions and Costs in AI’s CDK —
seike460
PRO
1
510
言葉の格闘技のススメ~紙とペンと言葉から始める、キャリアの描き方~
progresscicada
1
110
生成AI導入の「期待外れ」を乗り越える ー 開発フロー改革が目指す、真の組織変革
starfish719
0
3.4k
これって Effect でできたのでは? / TSKaigi Mashup Kansai #2
susisu
0
140
【やさしく解説 設計編・中級 #4】ルールの寿命と、システムの年輪
panda728
PRO
2
180
琵琶湖の水は止められてもNet--HTTPのリトライは止められない / You might be able to stop the water flow of Lake Biwa but you can't stop Net::HTTP retries
luccafort
PRO
0
520
OpenSpecのproposalにbrainstormingを持たせてみた
tigertora7571
1
180
Haskell/Servantを通してWebミドルウェアを捉え直す
pizzacat83
1
630
torikago - Ruby::Boxで照らすモジュラモノリスの実行境界
se4weed
1
320
Claude Team Plan導入・ガイド
tk3fftk
0
250
Build-to-own AI: Agentic Development for Humans
inesmontani
PRO
0
160
PHP Application における Kubernetes 内 gRPC 通信
ganchiku
0
580
Featured
See All Featured
Evolving SEO for Evolving Search Engines
ryanjones
0
250
Ruling the World: When Life Gets Gamed
codingconduct
0
290
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
400
New Earth Scene 8
popppiees
3
2.4k
Product Roadmaps are Hard
iamctodd
55
12k
Discover your Explorer Soul
emna__ayadi
2
1.2k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.9k
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
4.2k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Tell your own story through comics
letsgokoyo
1
1k
Utilizing Notion as your number one productivity tool
mfonobong
4
490
Building Applications with DynamoDB
mza
96
7.2k
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にふさわしいプロンプトを作成し実装する(重要) • 妹ドメインにデプロイすること。