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
300
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
Cloud Adoption Framework にみる組織とクラウド導入戦略
tomokusaba
1
76
Cloud Adoption Frameworkにみる組織とクラウド導入戦略(縮小版)
tomokusaba
1
150
私の考える初学者がBlazorできるまでの学習方法
tomokusaba
1
310
Semantic Kernelの最新状況及び入門
tomokusaba
0
210
Fluent UI Blazor 最新Update
tomokusaba
1
270
アクセシビリティの観点からみたFluent UI Blazorのすすめ
tomokusaba
1
320
Azure OpenAI Serviceのプロンプトエンジニアリング入門
tomokusaba
3
1.4k
プロンプトエンジニアリング入門
tomokusaba
3
1.7k
Sementic Kernelのネイティブ関数について
tomokusaba
0
1.1k
Other Decks in Programming
See All in Programming
クラウドサービスの 利用コストを削減する技術 - 円安の真南風を感じて -
pyama86
3
240
AWS認定資格を受験するにあたり、気づいたこと・実践していたことのまとめ
satoshi256kbyte
1
120
自分だけの世界を創るクリエイティブコーディング / Creative Coding: Creating Your Own World
chobishiba
1
120
App Router 悲喜交々
quramy
7
370
Flutterアプリを生成AIで生成する勘所
rizumita
0
240
実践Dash - 手を抜きながら本気で作るデータApplicationの基本と応用 / Dash for Python and Baseball
shinyorke
2
220
モジュラモノリス、その前に / Modular monolith, before that
euglena1215
4
450
Cancel Next.js Page Navigation: Full Throttle
ypresto
1
110
RemixとCloudflare Stack におけるFile Upload
ossamoon
1
120
DjangoNinjaで高速なAPI開発を実現する
masaya00
0
420
Pydantic x Database API:turu-pyの開発
yassun7010
1
420
Assembling the Future: crafting the missing pieces of the Ruby on Wasm puzzle
skryukov
0
120
Featured
See All Featured
Fontdeck: Realign not Redesign
paulrobertlloyd
81
5.2k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
26
4k
Web Components: a chance to create the future
zenorocha
310
42k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
37
1.7k
GraphQLの誤解/rethinking-graphql
sonatard
65
9.9k
Statistics for Hackers
jakevdp
796
220k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
228
52k
Debugging Ruby Performance
tmm1
73
12k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
The Invisible Side of Design
smashingmag
297
50k
Ruby is Unlike a Banana
tanoku
96
11k
The Language of Interfaces
destraynor
154
24k
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にふさわしいプロンプトを作成し実装する(重要) • 妹ドメインにデプロイすること。