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
380
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
ASP.NETアプリケーションのモダナイズ インフラ編
tomokusaba
1
270
Azure AI Foundry Agent Serviceを使用してコードファースト アプリを構築する
tomokusaba
1
280
Part1 GitHubってなんだろう?その1
tomokusaba
3
930
Part1 GitHubってなんだろう?その2
tomokusaba
2
900
Part2 GitHub Copilotってなんだろう
tomokusaba
2
980
Global Azure2025(GitHub Copilot ハンズオン)
tomokusaba
2
910
ASP.NETアプリケーションのモダナイゼーションについて
tomokusaba
0
320
Fluent UI Blazor 5 (alpha)の紹介
tomokusaba
0
250
Generative AI for Beginners .NETの紹介
tomokusaba
1
320
Other Decks in Programming
See All in Programming
AWS CDKの推しポイント 〜CloudFormationと比較してみた〜
akihisaikeda
3
270
Julia という言語について (FP in Julia « SIDE: F ») for 関数型まつり2025
antimon2
3
960
レガシーシステムの機能調査・開発におけるAI利活用
takuya_ohtonari
0
600
Webからモバイルへ Vue.js × Capacitor 活用事例
naokihaba
0
680
イベントストーミングから始めるドメイン駆動設計
jgeem
4
840
Spring gRPC で始める gRPC 入門 / Introduction to gRPC with Spring gRPC
mackey0225
2
500
ワンバイナリWebサービスのススメ
mackee
10
7.7k
Development of an App for Intuitive AI Learning - Blockly Summit 2025
teba_eleven
0
110
都市をデータで見るってこういうこと PLATEAU属性情報入門
nokonoko1203
0
180
Go1.25からのGOMAXPROCS
kuro_kurorrr
1
700
Enterprise Web App. Development (2): Version Control Tool Training Ver. 5.1
knakagawa
1
110
カクヨムAndroidアプリのリブート
numeroanddev
0
420
Featured
See All Featured
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
137
34k
Automating Front-end Workflow
addyosmani
1370
200k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Producing Creativity
orderedlist
PRO
346
40k
Designing for humans not robots
tammielis
253
25k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
It's Worth the Effort
3n
184
28k
Building Adaptive Systems
keathley
43
2.6k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Building an army of robots
kneath
306
45k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
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にふさわしいプロンプトを作成し実装する(重要) • 妹ドメインにデプロイすること。