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
91
様々なWebアプリをAzureにデプロイする
.NETラボ勉強会 2022年12月
様々なWebアプリをAzureにデプロイする
tomokusaba
December 14, 2022
Tweet
Share
More Decks by tomokusaba
See All by tomokusaba
Semantic Kernelの最新状況及び入門
tomokusaba
0
7
Fluent UI Blazor 最新Update
tomokusaba
1
200
アクセシビリティの観点からみたFluent UI Blazorのすすめ
tomokusaba
1
270
Webアプリをできるだけコードを手書きしないで作ってみる
tomokusaba
2
280
Azure OpenAI Serviceのプロンプトエンジニアリング入門
tomokusaba
3
1.2k
プロンプトエンジニアリング入門
tomokusaba
2
1.5k
Sementic Kernelのネイティブ関数について
tomokusaba
0
1k
C#でのPlaywrightを使ったE2Eテストの実際
tomokusaba
0
670
「インフラ初心者」…からのPlaywright Testing
tomokusaba
1
370
Other Decks in Programming
See All in Programming
[After Kotlin Fest 2024 LT Night @ Sansan] もっともっとKotlinを好きになる!K2 Compiler Pluginで遊んでみよう!
kitakkun
2
260
Prompt FlowによるLLMアプリケーション開発
yuto2000
1
1k
なぜ宣言的 UI は壊れにくいのか / Why declarative UI is less fragile
uenitty
29
13k
Google's Recipe for Scaling (Web) Security – LocoMocoSec 2024
lweichselbaum
0
170
DynamoDB コスト最適化っぽいことの基本 with Terraform
kuro_kurorrr
2
250
Modern Angular: Renovation for Your Applications
manfredsteyer
PRO
0
140
3 Effective Rules for Success with Signals in Angular
manfredsteyer
PRO
0
120
Rubyのパフォーマンスプロファイリングの改善 / Enhancing performance profiling for Ruby
osyoyu
1
410
Webエディタライブラリ 「CodeMirror」から学ぶ Webアプリ開発のテクニック
ryosukeigarashi
0
250
SRE チーム立ち上げ前に考えたこと・取り組んだこと / Considerations and Preparations Before Establishing an SRE Team
mackey0225
3
320
Jetpack for KMP
fornewid
1
290
I/O Extended Android in Korea 2024 ~ Whats new in Android development tools
pluu
0
250
Featured
See All Featured
Clear Off the Table
cherdarchuk
89
320k
A designer walks into a library…
pauljervisheath
201
24k
Adopting Sorbet at Scale
ufuk
71
8.8k
No one is an island. Learnings from fostering a developers community.
thoeni
17
2.8k
Building a Scalable Design System with Sketch
lauravandoore
458
32k
Debugging Ruby Performance
tmm1
71
11k
GitHub's CSS Performance
jonrohan
1026
450k
Testing 201, or: Great Expectations
jmmastey
33
6.9k
Agile that works and the tools we love
rasmusluckow
325
20k
Code Reviewing Like a Champion
maltzj
517
39k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
277
13k
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)
おしまい おしまい