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
420
様々なWebアプリをAzureにデプロイする
.NETラボ勉強会2022年12月
「様々なWebアプリをAzureにデプロイする」
tomokusaba
December 17, 2022
Tweet
Share
More Decks by tomokusaba
See All by tomokusaba
GitHub Copilot の概要
tomokusaba
1
150
ASP.NETアプリケーションのモダナイズ インフラ編
tomokusaba
1
440
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
340
Fluent UI Blazor 5 (alpha)の紹介
tomokusaba
0
260
Other Decks in Programming
See All in Programming
ふつうの技術スタックでアート作品を作ってみる
akira888
0
290
git worktree × Claude Code × MCP ~生成AI時代の並列開発フロー~
hisuzuya
1
520
Goで作る、開発・CI環境
sin392
0
190
Team topologies and the microservice architecture: a synergistic relationship
cer
PRO
0
1.2k
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
240
アンドパッドの Go 勉強会「 gopher 会」とその内容の紹介
andpad
0
290
スタートアップの急成長を支えるプラットフォームエンジニアリングと組織戦略
sutochin26
0
300
VS Code Update for GitHub Copilot
74th
1
550
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
620
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
140
関数型まつりレポート for JuliaTokai #22
antimon2
0
160
XP, Testing and ninja testing
m_seki
3
220
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
680
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Thoughts on Productivity
jonyablonski
69
4.7k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
How to train your dragon (web standard)
notwaldorf
94
6.1k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
17
950
Writing Fast Ruby
sferik
628
62k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
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
おしまい おしまい