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
420
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とGitHub Copilot CLIとVS CodeのCopilot Chat Agent Modeの使い分け
tomokusaba
0
110
GitHub Copilot app最速の発信の裏側
tomokusaba
1
490
自宅サーバの変遷
tomokusaba
0
760
Microsoft Build Keynoteふりかえり
tomokusaba
0
140
GitHub Copilot CLIでWebアクセシビリティを改善した話
tomokusaba
0
720
GitHub Copilot CLI で考える複数エージェント設計
tomokusaba
0
250
GitHub Copilot appで変わる GitHub Copilot CLI開発体験
tomokusaba
1
1.5k
アクセシビリティはすべての人のもの
tomokusaba
0
440
GitHub Copilot Dev Days
tomokusaba
0
210
Other Decks in Programming
See All in Programming
ソフトウェア設計に溶けるインフラ ― AWS CDK のインフラ認識論
konokenj
2
550
琵琶湖の水は止められても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
400
AI駆動開発を妨げる技術的負債の解消アプローチ / ai-refactoring-approach
minodriven
17
9.1k
PHPだって関数型したい 〜できること、できないこと〜 / fp-in-php
jsoizo
0
220
【やさしく解説 設計編・中級 #1】一つの車に、運転手は一人 ~ある倉庫システムの事例から~
panda728
PRO
0
180
Terraform標準の組織で AWS CDKをどう使うか
mu7889yoon
0
290
ビデオ通話が繋がる0.2秒で何が起きているのか
supurazako
2
150
吝嗇家のためのAI活用 / AI development for miser - ChatGPT + Issue Driven Development
tooppoo
0
190
SREは、MCPとSRE Agentをこう使え!
kazumax55
0
150
型も通る、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
360
技術記事、 専門家としてのプログラマ、 言語化
mizchi
14
7.5k
Apache Hive: Toward a Cloud Native Lakehouse
okumin
0
140
Featured
See All Featured
Balancing Empowerment & Direction
lara
6
1.2k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
320
エンジニアに許された特別な時間の終わり
watany
108
250k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
170
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
230
A designer walks into a library…
pauljervisheath
211
24k
Mobile First: as difficult as doing things right
swwweet
225
10k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
GraphQLとの向き合い方2022年版
quramy
50
15k
How GitHub (no longer) Works
holman
316
150k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
540
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にふさわしいプロンプトを作成し実装する(重要) • 妹ドメインにデプロイすること。