Webアプリをできるだけコードを手書きしないで作ってみる

Slide 1

Slide 1 text

Webアプリをできるだけコードを手書きしないで作ってみる株式会社SAKURUG プロダクトDiv 草場友光 .NETラボ勉強会2024年4月

Slide 2

Slide 2 text

自己紹介 • 普段は主にシステムをAzureにモダナイズする仕事をしています。 • コミュニティ活動を通じて知識をアップデートしています。 • 2022/08-2024 Microsoft MVP (Developer Technologies) • tomo_kusaba

Slide 3

Slide 3 text

宣伝【VISION】ひとの可能性を開花させる企業であり続ける VISIONに共感できる仲間募集中。

Slide 4

Slide 4 text

注意 • 個人の見解・解釈が多分に入っています。 • 見解の相違・事実誤認などありましたらご指摘ください。 • #dotnetlabでtweetすると左側に表示されます

Slide 5

Slide 5 text

今日の目的 • Visual Studio2022にはコードを自動生成する便利な機能がいくつか備わっています。 • GitHub Copilotはもちろんのこと本日はスキャフォールディングについて便利と感じてほしいです。

Slide 6

Slide 6 text

今回使う道具 • Razor Components using Entity Framework(CRUD) • Connected Services • Github Copilot

Slide 7

Slide 7 text

Razor Components using Entity Framework(CRUD) • モデルからEntityFrameworkCoreを使用したCRUDができるRazorコンポーネントを生成 • 前提としてBlazorのServer側レンダリングで実行されること • スキャフォールディングで生成される表はQuickGridで表示されるのでカスタマイズしてソートなど様々な機能を使用可能。

Slide 8

Slide 8 text

Connected Services • Entity Framework Coreの移行ファイルを作成 • 移行ファイルからデータベースを更新

Slide 9

Slide 9 text

GitHub Copilot • きっとモデルをよしなに作ってくれる！！

Slide 10

Slide 10 text

デモ

Slide 11

Slide 11 text

参考文献 • 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

Slide 12

Slide 12 text

おしまいおしまい

Slide 13

Slide 13 text

Semantic Kernelでの実装+妹ドメインで配信 • https://github.com/tomokusaba/BuildJapanAIHand sonDay1-1 上記リポジトリがスタート地点 • Semantic Kernelのライブラリーを最新にして、Build Japan 2023開催当時からの破壊的変更を乗り越えること。 • コメントがある箇所を実装すること。 • 妹GPTにふさわしいプロンプトを作成し実装する(重要) • 妹ドメインにデプロイすること。