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
860
なるほどわかった!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
810
AzureとWindows Virtual Desktopで新しいリスクに立ち向かおう
yue
0
320
API Gatewayをswaggerでサクサク作ろう!
yue
0
110
なるほどわかった!SORACOMファーストなるほどわかった!SORACOMファーストステップ
yue
0
760
JAWS FESTA 2019 Sapporo 地方で生きる
yue
0
330
なるほどわかった!マルチリージョンとマルチクラウドの話
yue
0
1.2k
なるほどわかった!Azure NotebooksとAzure Machine Learning
yue
0
780
なるほどわかった!Alibaba CloudとDevOps
yue
0
510
なるほどわかった!Azure Kubernetes Service(AKS)
yue
3
1k
Other Decks in Technology
See All in Technology
ヘンリー会社紹介資料(エンジニア向け) / company deck for engineer
henryofficial
0
430
仕様駆動開発を実現する上流工程におけるAIエージェント活用
sergicalsix
9
4.8k
AI駆動で進める依存ライブラリ更新 ─ Vue プロジェクトの品質向上と開発スピード改善の実践録
sayn0
1
350
プレイドのユニークな技術とインターンのリアル
plaidtech
PRO
1
550
頭部ふわふわ浄酔器
uyupun
0
240
AIでデータ活用を加速させる取り組み / Leveraging AI to accelerate data utilization
okiyuki99
6
1.5k
デザインとエンジニアリングの架け橋を目指す OPTiMのデザインシステム「nucleus」の軌跡と広げ方
optim
0
120
dbtとAIエージェントを組み合わせて見えたデータ調査の新しい形
10xinc
7
1.6k
書籍『実践 Apache Iceberg』の歩き方
ishikawa_satoru
0
320
20251027_findyさん_音声エージェントLT
almondo_event
2
510
入院医療費算定業務をAIで支援する:包括医療費支払い制度とDPCコーディング (公開版)
hagino3000
0
130
知覚とデザイン
rinchoku
1
660
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
36
7k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
116
20k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
What's in a price? How to price your products and services
michaelherold
246
12k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
36
6.1k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.5k
Designing for Performance
lara
610
69k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.7k
The World Runs on Bad Software
bkeepers
PRO
72
11k
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ファイルを「ゆるく」アップロードしてみる • 時間が許す限り、色んな機能をデモします。