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
なるほどわかった!Azure AppServiceでゆるくWebサイトを公開しよう!
Search
Takayuki Fuwa
August 31, 2019
Technology
1
850
なるほどわかった!Azure AppServiceでゆるくWebサイトを公開しよう!
ゆるWeb札幌勉強会#6で登壇した資料になります。
https://mild-web-sap.connpass.com/event/132036/
Takayuki Fuwa
August 31, 2019
Tweet
Share
More Decks by Takayuki Fuwa
See All by Takayuki Fuwa
Backlogの「カスタム属性」東雲研究所での利用例
yue
0
790
AzureとWindows Virtual Desktopで新しいリスクに立ち向かおう
yue
0
310
API Gatewayをswaggerでサクサク作ろう!
yue
0
110
なるほどわかった!SORACOMファーストなるほどわかった!SORACOMファーストステップ
yue
0
740
JAWS FESTA 2019 Sapporo 地方で生きる
yue
0
320
なるほどわかった!マルチリージョンとマルチクラウドの話
yue
0
1.2k
なるほどわかった!Azure NotebooksとAzure Machine Learning
yue
0
770
なるほどわかった!Alibaba CloudとDevOps
yue
0
500
なるほどわかった!Azure Kubernetes Service(AKS)
yue
3
1k
Other Decks in Technology
See All in Technology
開発と脆弱性と脆弱性診断についての話
su3158
1
1.2k
[CV勉強会@関東 CVPR2025 読み会] MegaSaM: Accurate, Fast, and Robust Structure and Motion from Casual Dynamic Videos (Li+, CVPR2025)
abemii
0
200
JOAI発表資料 @ 関東kaggler会
joai_committee
1
480
TypeScript入門
recruitengineers
PRO
30
9.6k
コスト削減の基本の「キ」~ コスト消費3大リソースへの対策 ~
smt7174
2
280
モバイルアプリ研修
recruitengineers
PRO
4
1.4k
JavaScript 研修
recruitengineers
PRO
5
1.1k
制約理論(ToC)入門
recruitengineers
PRO
8
3.3k
Figma + Storybook + PlaywrightのMCPを使ったフロントエンド開発
yug1224
10
3.3k
進捗
ydah
1
200
イオン店舗一覧ページのパフォーマンスチューニング事例 / Performance tuning example for AEON store list page
aeonpeople
2
370
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
30k
Featured
See All Featured
Gamification - CAS2011
davidbonilla
81
5.4k
Rails Girls Zürich Keynote
gr2m
95
14k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
How STYLIGHT went responsive
nonsquared
100
5.8k
For a Future-Friendly Web
brad_frost
179
9.9k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Become a Pro
speakerdeck
PRO
29
5.5k
Side Projects
sachag
455
43k
BBQ
matthewcrist
89
9.8k
4 Signs Your Business is Dying
shpigford
184
22k
Building Adaptive Systems
keathley
43
2.7k
Transcript
なるほどわかった! Azure AppServiceで ゆるくWebサイトを公開 不破 崇行(ふわ たかゆき)
自己紹介 • 名前 • 不破 崇行(ふわ たかゆき) • 31歳独身男性 •
JAZUG札幌(きたあず) / Azureもくもく会札幌の宴会係 • 仕事 • 昼は普通の正社員、夜は個人事業主 • 好きなAzureサービス • AppService / Monitor / Application Gateway • 最近の趣味 • AWS / Azure / 航空無線 / シメパフェ
東雲研究所(夜の仕事)とは • 屋号 • 東雲研究所(しののめけんきゅうじょ, Shinonome Laboratory) • 設立(開業日) •
2017年3月21日 • 拠点地 • 北海道札幌市 • 種別 • 個人事業主 • 営業時間 • 平日19:00~22:00(保守対応は平日18:00~24:00 土日祝日は応相談) • 副業として個人事業主で活動中 • 代表者 • 不破 崇行(ふわ たかゆき) • 加盟団体 • 一般社団法人 プロフェッショナル&パラレルキャリア フリーランス協会
作業場所と風景 • コワーキングスペースを使っています • スペース カンテ • 月6,000円ぐらい(諸費用込みで) • 個人情報の取り扱い作業は自宅か
カラオケボックスで行う
Visual Studio Codeのリリースノートに 名前が載る
今日のお話 • Microsoft Azureの「App Service」というサービスを使って、サクッとWeb サーバを構築して自分の好きなサイトを構築します • 「Azureって難しいんでしょう・・・?」という誤解を払拭します • 実際にデモしながら、「どんなことが出来るのか」を紹介します
撮影について • ガンガン撮影してください • #ゆるWeb札幌 でどんどんアップして頂けると嬉しいです
クラウドは万能なのか?
Azureでも似たような事を経験している • 2017年3月31日の夜(年度末)に空調障害 で東日本リージョンが全体的に死んだ • 発生当時当時、私は職場の飲み会 (年度末の〆)に参加中でした。 • 見事にお客さんのサーバがダウンするも、 データ欠損はゼロ
「銀の弾丸」は存在しない • 「100%」なんてものはない • オンプレでもクラウドでも、絶対落ちないサービスは無い • 「障害が起きても迅速に復帰出来る」 設計にすることが重要
Azureで出来る事 • IaaS • 仮想マシンを建てたり • 仮想ネットワークを作ったり • PaaS •
Webサービスを展開したり • チューニング済みのAIを 利用できる
Azureの事をざっくり言うと どえらいことを、サックリ出来る
「肩代わり」という概念 IaaS (Infrastructure as a Service) • 物理インフラ(サーバ実機や ネットワーク機材)の 運用を「肩代わり」
PaaS (Platform as a Service) • 実行環境やミドルウェアの 管理を「肩代わり」 SaaS (Service as a Service) • アプリケーションの 運用保守を「肩代わり」 IaaSやPaaS・IaaSは、ある程度決まった範囲をマイクロソフトに「肩代わり」してもらうという 仕組み
身近に存在する「肩代わり」(ピザ屋さんの場合) Everyday Life Example of Microsoft Azure Software Models (Source:
Microsoft Partner University) https://www.comparex-group.com/web/microsites/microsoft/products/cloud/microsoft-azure/ms-azure.htm
コードをデプロイすれば完了!なサービス (Web Apps) • ネットワーク(バランシング)からミドルウェアまでをAzureが 「肩代わり」してくれる • 専用のgitリポジトリか既存の外部リポジトリ(GitHubなど)にpushすれば デプロイ出来る。 ソースコードをデプロイ!
ユーザー 開発者 Web Appsで稼働中のECサイト 閲覧・ポチる
App Service(Web Apps)のどえらい所 • 面倒なことを全部やってくれる • Webサーバのセットアップは全部Azureでやってくれる • 無料から使える •
「とりあえず使ってみたい!」と思ったら無料プランから始めることが出来る • オートスケール出来る • 自動的にサーバの台数をジャンジャン増やす事が出来る
App Service(Web Apps)のどえらい所 • オートスケール • 自動でのスケールアウト・スケールアップに対応 • ロードバランサも付いてくる •
スケールアウト時の中断時間はほぼ無い(一瞬止まる程度で、アクセスした人に50xエラーは ほぼ出ない) • n台スケールアウトしても、ストレージ領域は同じ場所を読んでくれる • /home は各インスタンスで共通してマウントされる • WordPressだと、wp-contentフォルダの扱いを気にしなくても良い • コンテナもデプロイ出来る • Dockerコンテナをデプロイ対象として選択出来る。 • Docker Hubからもイメージを取得可能
App Service(Web Apps)のどえらい所 • 本番環境とステージング環境を同時稼働させ、切り替えることが出来る • ステージング用・本番用のスロット(gitリポジトリ)がそれぞれ用意され、検証環境を用意 することが出来る。 • ステージング用と本番用で、同等のインスタンスを勝手に用意してくれる
• ステージングで問題無ければ、スロットをスワップすることで、そのまま本番環境に 差し替えが出来る staging.example.com 検証用 example.com 本番用 開発者 一般ユーザー staging.example.com 検証用 example.com 本番用 一般ユーザー スワップ!!! 検証環境での 動きも 確認出来た! リリースしよう!
今日のゴール • 適当なHTMLファイルを「ゆるく」アップロードしてみる • 時間が許す限り、色んな機能をデモします。