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アプリをAzureにデプロイする
Search
tomokusaba
December 17, 2022
Programming
0
380
様々なWebアプリをAzureにデプロイする
.NETラボ勉強会2022年12月
「様々なWebアプリをAzureにデプロイする」
tomokusaba
December 17, 2022
Tweet
Share
More Decks by tomokusaba
See All by tomokusaba
Visual StudioのGitHub Copilotでいろいろやってみる
tomokusaba
1
92
.NET Frameworkでも汎用ホストが使いたい!
tomokusaba
0
86
ASP. NET CoreにおけるWebAPIの最新情報
tomokusaba
0
370
Semantic Kernelのネイティブプラグインで知識拡張をしてみる
tomokusaba
0
220
.NET Conf 2024の振り返り
tomokusaba
0
270
.NET Conf 2024 .NETラボ 勉強会 2024年12月
tomokusaba
1
46
C#/.NETのこれまでのふりかえり
tomokusaba
1
240
Cloud Adoption Framework にみる組織とクラウド導入戦略
tomokusaba
2
840
Cloud Adoption Frameworkにみる組織とクラウド導入戦略(縮小版)
tomokusaba
1
300
Other Decks in Programming
See All in Programming
Software Architecture
hschwentner
6
2.1k
Pythonでもちょっとリッチな見た目のアプリを設計してみる
ueponx
1
580
SpringBoot3.4の構造化ログ #kanjava
irof
3
1k
もう僕は OpenAPI を書きたくない
sgash708
5
1.8k
GoとPHPのインターフェイスの違い
shimabox
2
190
Grafana Loki によるサーバログのコスト削減
mot_techtalk
1
130
Djangoアプリケーション 運用のリアル 〜問題発生から可視化、最適化への道〜 #pyconshizu
kashewnuts
1
250
苦しいTiDBへの移行を乗り越えて快適な運用を目指す
leveragestech
0
660
Honoとフロントエンドの 型安全性について
yodaka
7
1.3k
Djangoにおける複数ユーザー種別認証の設計アプローチ@DjangoCongress JP 2025
delhi09
PRO
4
220
color-scheme: light dark; を完全に理解する
uhyo
5
420
ML.NETで始める機械学習
ymd65536
0
130
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
240
A Modern Web Designer's Workflow
chriscoyier
693
190k
4 Signs Your Business is Dying
shpigford
182
22k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Into the Great Unknown - MozCon
thekraken
35
1.6k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Writing Fast Ruby
sferik
628
61k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Transcript
様々なWebアプリを Azureにデプロイする 株式会社SAKURUG エンジニアリングユニット 草場 友光 .NETラボ 2022年12月
自己紹介 • 普段は主にWebFormsアプリの保守の お仕事をしてます。 • 古めのシステムが多いので時代に取り 残されぬよう新しい技術を一つでも入 れるよう日々努力しています。 • 2022/08-2023
Microsoft MVP (Developer Technologies) • tomo_kusaba
宣伝 【VISION】ひとの可能性を開花させる企業であり続ける VISIONに共感できる仲間募集中。
注意 • 個人の見解・解釈が多分に入っています。 • 見解の相違・事実誤認などありましたらご指摘ください。 • #dotnetlabでtweetすると右側に表示されます
今日の目的 • Azure App ServiceやAzure Static Web AppsはAzureにおい てWebアプリをホストするための最も有用な選択肢です。 •
自作のアプリまたは既存のアプリがいかに簡単に高効率に生産 性よくホストできるかをデモを通して知る
Azure App Serviceとは • .NET、.NET Core、Java、Ruby、Node.js、PHP、Python、 コンテナをホストすることができるフルマネージドPaaS • コードベースでの使用の場合OSと言語フレームワークのパッ チは自動適用される
• マーケットプレイスにある様々なアプリケーションをデプロイ することができる
Azure Static Web Appsとは • GitHub/Azure DevOpsのコードリポジトリから静的Webアプ リを自動的にビルドしてデプロイし公開するサービス • Angular、React、Vue.js、Next.js、Nuxt.js、BlazorWASM
などに対応 • グローバル分散 • 無料のSSL証明書 • 組み込みの認証プロバイダー
デモ1 • Visual StudioにあるBlazor Serverのアプリを直接Azure App Serviceにデプロイする
デモ1のつづき(17.5 Preview 2~) https://devblogs.microsoft.com/visualstudio/try-out-visual- studio-2022-17-5-preview-2/#publish
デモ2 • GitHub上にあるBlazor ServerのアプリをAzure App Service にデプロイする。 • GitHub上のコードを変更することでGitHubActionが動き自動 的に再デプロイされることを確認する
デモ3 • GitHub上にあるBlazor WebAssemblyアプリをAzure Static Web Appsにデプロイする • GitHub上のコードを変更することでGitHub Actionが動き自動
的に再デプロイされることを確認する
デモ4 • マーケットプレイスにあるWordPressをAzure App Serviceに デプロイする
参考文献 • クイックスタート: ASP.NET Web アプリをデプロイする (Visual Studio) • クイックスタート:
ASP.NET Web アプリをデプロイする (Azure Portal) • WordPress サイトの作成 • クイック スタート: 静的 Web アプリを初めてビルドする (Azure Portal,GitHub,Blazor)
本日のURL (Azure サイトは1週間程度で削除します) • Visual StudioからApp Serviceにデプロイ →https://blazorapp1620221217141833.azurewebsites. net/ •
GitHubからApp Serviceにデプロイ →https://dotnetlabgithub.azurewebsites.net/ →https://github.com/tomokusaba/dotnetlab202212GitH ubDemo • GitHubからStatic Web Appsにデプロイ →https://jolly-desert-0d1ed9f10.2.azurestaticapps.net/ →https://github.com/tomokusaba/dotnetlab202212was m
おしまい おしまい