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 14, 2022
Programming
0
110
様々なWebアプリをAzureにデプロイする
.NETラボ勉強会 2022年12月
様々なWebアプリをAzureにデプロイする
tomokusaba
December 14, 2022
Tweet
Share
More Decks by tomokusaba
See All by tomokusaba
GitHub Copilot の概要
tomokusaba
1
140
ASP.NETアプリケーションのモダナイズ インフラ編
tomokusaba
1
420
Azure AI Foundry Agent Serviceを使用してコードファースト アプリを構築する
tomokusaba
1
290
Part1 GitHubってなんだろう?その1
tomokusaba
3
940
Part1 GitHubってなんだろう?その2
tomokusaba
2
910
Part2 GitHub Copilotってなんだろう
tomokusaba
2
1k
Global Azure2025(GitHub Copilot ハンズオン)
tomokusaba
2
920
ASP.NETアプリケーションのモダナイゼーションについて
tomokusaba
0
330
Fluent UI Blazor 5 (alpha)の紹介
tomokusaba
0
260
Other Decks in Programming
See All in Programming
Beyond Portability: Live Migration for Evolving WebAssembly Workloads
chikuwait
0
390
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
takuyakatsusa
2
440
Enterprise Web App. Development (2): Version Control Tool Training Ver. 5.1
knakagawa
1
120
WebViewの現在地 - SwiftUI時代のWebKit - / The Current State Of WebView
marcy731
0
100
GitHub Copilot and GitHub Codespaces Hands-on
ymd65536
1
120
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
1
480
Team operations that are not burdened by SRE
kazatohiei
1
260
AWS CDKの推しポイント 〜CloudFormationと比較してみた〜
akihisaikeda
3
320
VS Code Update for GitHub Copilot
74th
1
430
ニーリーにおけるプロダクトエンジニア
nealle
0
580
ふつうの技術スタックでアート作品を作ってみる
akira888
0
150
datadog dash 2025 LLM observability for reliability and stability
ivry_presentationmaterials
0
120
Featured
See All Featured
Embracing the Ebb and Flow
colly
86
4.7k
Code Review Best Practice
trishagee
68
18k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Designing Experiences People Love
moore
142
24k
Balancing Empowerment & Direction
lara
1
380
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Scaling GitHub
holman
459
140k
Statistics for Hackers
jakevdp
799
220k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Writing Fast Ruby
sferik
628
62k
Typedesign – Prime Four
hannesfritz
42
2.7k
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にデプロイする
デモ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)
おしまい おしまい