AIとASP.NET Coreで雑Webアプリを作った話

超dotnet new
https://dotnetnew.connpass.com/event/392979/

Transcript

1. AIとASP.NET Coreで 雑Webアプリを作った話 Mayuki Sawatari <mayuki@misuzilla.org>
2. 作ったWebアプリの紹介
4. RSSフィードリーダー 全文取得、フィードなしサイト対応、要約、翻訳、フィルタリングなどいろいろ Feedlyに機能的な物足りなさを感じていたので自作
6. VTuberやYouTubeチャンネルの配信スケジュールをぶち抜きで確認するツール 現在、未来を含め配信予定をパッとみれる番組表
7. 自分だけのアプリ時代 こんな感じのアプリが欲しいをAIで作れる! これらの開発を通して便利だったものを紹介
8. Aspireを活用する
9. フロントエンド構成わからん問題 Blazor or TypeScript+React? BlazorはともかくASP.NET CoreでのTypeScriptでの鉄板構成がわからない問題 Aspireにはテンプレートがある ASP.NET Core + TypeScript + React + Vite 構成を一発で生成 $ aspire new aspire - ts - cs - starter
11. Aspire Skills AIがAspireを扱うためのスキルセット aspire agent init で作れる (かずきさんが話してるはず) 起動方法についてやログを扱ったりなどなど…
13. AIコーディング with Aspire スタートから開発中まで使いどころがある AIに優しい フロントエンド、バックエンド、その他サーバーをまとめて起動できる CLIから起動と待機、ログのインスペクションなどなど エージェント向けのスキル完備 特にWebなら使わない手はない
14. めでたし めでたし
15. 作ったらデプロイする必要がある クラウド? サーバー? コスト? ビルド?起動しっぱなし? ストレージ? データベース? スケールtoゼロ? セキュリティー? アカウント? 定期実行? いずれにせよ面倒な予感がある
16. 自宅サーバー
17. 自宅サーバー サーバーのリソースが許す限り定額起動し放題 起動しっぱなしでもお金はかからない NASやIoT機器にアクセスし放題 SQLiteファイルもNASに直接置くとか 内部アクセスのみなら認証もザルでヨシ(要出典)
18. 自宅サーバー サーバーのリソースが許す限り定額起動し放題 起動しっぱなしでもお金はかからない NASやIoT機器にアクセスし放題 SQLiteファイルもNASに直接置くとか 内部アクセスのみなら認証もザルでヨシ(要出典) ただし管理は楽したい… Systemd…Dockerコンテナー…Kubernetes…
19. Coolify OSSのセルフホストPaaS (Herokuみたいなやつ) https://coolify.io/ GitHub連携で自動ビルドとデプロイ Dockerイメージの指定のほかDocker/Docker Compose ビルドなどが可能 複数のアプリをホスト可能 簡単セットアップ Linuxサーバーでセットアップスクリプトを実行するだけ
20. 簡単にデプロイ可能になったが… やはり外でスマホから使いたい
21. Cloudflare Access/Tunnel インターネットからCloudflareとトンネル経由で 内部サーバーにアクセスできる無料サービス 固定IPアドレス不要 Coolifyでサポートされている(重要) セットアップ手順がすでにCoolify公式にある Entra IDやGoogleなどで認証可能 AIの実装した信用ならない認証をカバーできる
22. Ubuntu Coolify Container ASP.NET Core Container ASP.NET Core NAS 家の中 インターネット Entra ID認証 開発環境 Webhook デプロイ Git Push Cloudflare Tunnel
23. おわり AspireでAI開発のフローを支援 自宅サーバーとCoolifyで気軽にデプロイ よき自作アプリライフを!