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
180
.NET Frameworkでも汎用ホストが使いたい!
tomokusaba
0
180
ASP. NET CoreにおけるWebAPIの最新情報
tomokusaba
0
380
Semantic Kernelのネイティブプラグインで知識拡張をしてみる
tomokusaba
0
220
.NET Conf 2024の振り返り
tomokusaba
0
270
.NET Conf 2024 .NETラボ 勉強会 2024年12月
tomokusaba
1
48
C#/.NETのこれまでのふりかえり
tomokusaba
1
250
Cloud Adoption Framework にみる組織とクラウド導入戦略
tomokusaba
2
840
Cloud Adoption Frameworkにみる組織とクラウド導入戦略(縮小版)
tomokusaba
1
310
Other Decks in Programming
See All in Programming
React 19アップデートのために必要なこと
uhyo
5
750
Grafana Cloudとソラカメ
devoc
0
180
ソフトウェアエンジニアの成長
masuda220
PRO
12
2k
DROBEの生成AI活用事例 with AWS
ippey
0
140
Writing documentation can be fun with plugin system
okuramasafumi
0
120
プログラミング言語学習のススメ / why-do-i-learn-programming-language
yashi8484
0
140
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
12
4.4k
dbt Pythonモデルで実現するSnowflake活用術
trsnium
0
210
Lottieアニメーションをカスタマイズしてみた
tahia910
0
130
ML.NETで始める機械学習
ymd65536
0
210
仕様変更に耐えるための"今の"DRY原則を考える
mkmk884
8
2.5k
GAEログのコスト削減
mot_techtalk
0
120
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
21
2.5k
Navigating Team Friction
lara
183
15k
Writing Fast Ruby
sferik
628
61k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
Done Done
chrislema
182
16k
Adopting Sorbet at Scale
ufuk
74
9.2k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.3k
A better future with KSS
kneath
238
17k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
It's Worth the Effort
3n
184
28k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
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
おしまい おしまい