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

AIとASP.NET Coreで雑Webアプリを作った話 Mayuki Sawatari <[email protected]>

作ったWebアプリの紹介

RSSフィードリーダー全文取得、フィードなしサイト対応、要約、翻訳、フィルタリングなどいろいろ Feedlyに機能的な物足りなさを感じていたので自作

VTuberやYouTubeチャンネルの配信スケジュールをぶち抜きで確認するツール現在、未来を含め配信予定をパッとみれる番組表

自分だけのアプリ時代こんな感じのアプリが欲しいをAIで作れる! これらの開発を通して便利だったものを紹介

Aspireを活用する

フロントエンド構成わからん問題 Blazor or TypeScript+React? BlazorはともかくASP.NET CoreでのTypeScriptでの鉄板構成がわからない問題 Aspireにはテンプレートがある ASP.NET Core +
TypeScript + React + Vite 構成を一発で生成 $ aspire new aspire - ts - cs - starter

Aspire Skills AIがAspireを扱うためのスキルセット aspire agent init で作れる (かずきさんが話してるはず) 起動方法についてやログを扱ったりなどなど…

AIコーディング with Aspire スタートから開発中まで使いどころがある AIに優しいフロントエンド、バックエンド、その他サーバーをまとめて起動できる CLIから起動と待機、ログのインスペクションなどなどエージェント向けのスキル完備特にWebなら使わない手はない

めでたしめでたし

作ったらデプロイする必要があるクラウド? サーバー? コスト? ビルド?起動しっぱなし? ストレージ? データベース? スケールtoゼロ? セキュリティー? アカウント?
定期実行? いずれにせよ面倒な予感がある

自宅サーバー

自宅サーバーサーバーのリソースが許す限り定額起動し放題起動しっぱなしでもお金はかからない NASやIoT機器にアクセスし放題 SQLiteファイルもNASに直接置くとか内部アクセスのみなら認証もザルでヨシ(要出典)

自宅サーバーサーバーのリソースが許す限り定額起動し放題起動しっぱなしでもお金はかからない NASやIoT機器にアクセスし放題 SQLiteファイルもNASに直接置くとか内部アクセスのみなら認証もザルでヨシ(要出典) ただし管理は楽したい… Systemd…Dockerコンテナー…Kubernetes…

Coolify OSSのセルフホストPaaS (Herokuみたいなやつ) https://coolify.io/ GitHub連携で自動ビルドとデプロイ Dockerイメージの指定のほかDocker/Docker Compose ビルドなどが可能複数のアプリをホスト可能簡単セットアップ
Linuxサーバーでセットアップスクリプトを実行するだけ

簡単にデプロイ可能になったが… やはり外でスマホから使いたい

Cloudflare Access/Tunnel インターネットからCloudflareとトンネル経由で内部サーバーにアクセスできる無料サービス固定IPアドレス不要 Coolifyでサポートされている(重要) セットアップ手順がすでにCoolify公式にある Entra IDやGoogleなどで認証可能 AIの実装した信用ならない認証をカバーできる

Ubuntu Coolify Container ASP.NET Core Container ASP.NET Core NAS 家の中
インターネット Entra ID認証開発環境 Webhook デプロイ Git Push Cloudflare Tunnel

おわり AspireでAI開発のフローを支援自宅サーバーとCoolifyで気軽にデプロイよき自作アプリライフを!

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

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

Mayuki Sawatari

More Decks by Mayuki Sawatari

Other Decks in Programming

Featured

Transcript