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
940
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
なるほどわかった!Azure AppServiceでゆるくWebサイトを公開しよう!
ゆるWeb札幌勉強会#6で登壇した資料になります。
https://mild-web-sap.connpass.com/event/132036/
Takayuki Fuwa
August 31, 2019
More Decks by Takayuki Fuwa
See All by Takayuki Fuwa
Backlogの「カスタム属性」東雲研究所での利用例
yue
0
960
AzureとWindows Virtual Desktopで新しいリスクに立ち向かおう
yue
0
360
API Gatewayをswaggerでサクサク作ろう!
yue
0
130
なるほどわかった!SORACOMファーストなるほどわかった!SORACOMファーストステップ
yue
0
810
JAWS FESTA 2019 Sapporo 地方で生きる
yue
0
370
なるほどわかった!マルチリージョンとマルチクラウドの話
yue
0
1.3k
なるほどわかった!Azure NotebooksとAzure Machine Learning
yue
0
860
なるほどわかった!Alibaba CloudとDevOps
yue
0
590
なるほどわかった!Azure Kubernetes Service(AKS)
yue
3
1.1k
Other Decks in Technology
See All in Technology
老害フォレンジッカーはAI羊の夢を見るか?
tadmaddad
0
320
モノリス Rails でも日中に rails db:migrate を走らせたい! / Daytime rails db:migrate on Monolithic Rails!
euglena1215
4
580
Master Dataグループ紹介資料
sansan33
PRO
1
4.8k
トヨタ⽣産⽅式(TPS)⼊⾨
recruitengineers
PRO
3
770
私がブラウザを自作したくなった理由
supurazako
1
230
DatadogのBits Chatが開発組織にもたらしたもの / What Bits Chat Has Brought Us
sms_tech
1
260
PLATEAU で バーチャル花火大会
tatsuya1970
0
150
20260608_Codexの可能性_ノンプログラマー向け_大城追記
doradora09
PRO
0
800
ホームラボ紹介
y_sera15
0
160
【CEDEC2026】コードレビュー支援ツール開発から学ぶ:LLMを用いた業務システムの実践的な運用設計と誤出力対策
cygames
PRO
0
740
生成 AI の基礎 〜 サンプル実装で学ぶ基本原理
enakai00
7
4.4k
サイバー捜査員研修(前半)
nomizone
1
2k
Featured
See All Featured
Code Review Best Practice
trishagee
74
20k
The SEO Collaboration Effect
kristinabergwall1
1
520
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.3k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
53k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
1.1k
Art, The Web, and Tiny UX
lynnandtonic
304
22k
sira's awesome portfolio website redesign presentation
elsirapls
0
320
Speed Design
sergeychernyshev
33
2k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.8k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
340
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
230
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
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ファイルを「ゆるく」アップロードしてみる • 時間が許す限り、色んな機能をデモします。