なるほどわかった！Azure AppServiceでゆるくWebサイトを公開しよう！

ゆるWeb札幌勉強会#6で登壇した資料になります。
https://mild-web-sap.connpass.com/event/132036/

Transcript

1. なるほどわかった！
   Azure AppServiceで
   ゆるくWebサイトを公開
   不破 崇行(ふわ たかゆき)
   

   View Slide

2. 自己紹介
   • 名前
   • 不破 崇行(ふわ たかゆき)
   • 31歳独身男性
   • JAZUG札幌(きたあず) / Azureもくもく会札幌の宴会係
   • 仕事
   • 昼は普通の正社員、夜は個人事業主
   • 好きなAzureサービス
   • AppService / Monitor / Application Gateway
   • 最近の趣味
   • AWS / Azure / 航空無線 / シメパフェ
   

   View Slide

3. 東雲研究所(夜の仕事)とは
   • 屋号
   • 東雲研究所(しののめけんきゅうじょ, Shinonome Laboratory)
   • 設立(開業日)
   • 2017年3月21日
   • 拠点地
   • 北海道札幌市
   • 種別
   • 個人事業主
   • 営業時間
   • 平日19:00～22:00(保守対応は平日18:00～24:00 土日祝日は応相談)
   • 副業として個人事業主で活動中
   • 代表者
   • 不破 崇行(ふわ たかゆき)
   • 加盟団体
   • 一般社団法人 プロフェッショナル&パラレルキャリア フリーランス協会
   

   View Slide

4. 作業場所と風景
   • コワーキングスペースを使っています
   • スペース カンテ
   • 月6,000円ぐらい(諸費用込みで)
   • 個人情報の取り扱い作業は自宅か
   カラオケボックスで行う
   

   View Slide

5. Visual Studio Codeのリリースノートに
   名前が載る
   

   View Slide

6. 今日のお話
   • Microsoft Azureの「App Service」というサービスを使って、サクッとWeb
   サーバを構築して自分の好きなサイトを構築します
   • 「Azureって難しいんでしょう・・・？」という誤解を払拭します
   • 実際にデモしながら、「どんなことが出来るのか」を紹介します
   

   View Slide

7. 撮影について
   • ガンガン撮影してください
   • #ゆるWeb札幌 でどんどんアップして頂けると嬉しいです
   

   View Slide

8. クラウドは万能なのか？
   

   View Slide

9. Azureでも似たような事を経験している
   • 2017年3月31日の夜(年度末)に空調障害
   で東日本リージョンが全体的に死んだ
   • 発生当時当時、私は職場の飲み会
   (年度末の〆)に参加中でした。
   • 見事にお客さんのサーバがダウンするも、
   データ欠損はゼロ
   

   View Slide

10. 「銀の弾丸」は存在しない
    • 「100%」なんてものはない
    • オンプレでもクラウドでも、絶対落ちないサービスは無い
    • 「障害が起きても迅速に復帰出来る」 設計にすることが重要
    

    View Slide

11. Azureで出来る事
    • IaaS
    • 仮想マシンを建てたり
    • 仮想ネットワークを作ったり
    • PaaS
    • Webサービスを展開したり
    • チューニング済みのAIを
    利用できる
    

    View Slide

12. Azureの事をざっくり言うと
    どえらいことを、サックリ出来る
    

    View Slide

13. 「肩代わり」という概念
    IaaS
    (Infrastructure as a Service)
    • 物理インフラ(サーバ実機や
    ネットワーク機材)の
    運用を「肩代わり」
    PaaS
    (Platform as a Service)
    • 実行環境やミドルウェアの
    管理を「肩代わり」
    SaaS
    (Service as a Service)
    • アプリケーションの
    運用保守を「肩代わり」
    IaaSやPaaS・IaaSは、ある程度決まった範囲をマイクロソフトに「肩代わり」してもらうという
    仕組み
    

    View Slide

14. 身近に存在する「肩代わり」(ピザ屋さんの場合)
    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
    

    View Slide

15. コードをデプロイすれば完了！なサービス
    (Web Apps)
    • ネットワーク(バランシング)からミドルウェアまでをAzureが
    「肩代わり」してくれる
    • 専用のgitリポジトリか既存の外部リポジトリ(GitHubなど)にpushすれば
    デプロイ出来る。
    ソースコードをデプロイ！
    ユーザー
    開発者
    Web Appsで稼働中のECサイト
    閲覧・ポチる
    

    View Slide

16. App Service(Web Apps)のどえらい所
    • 面倒なことを全部やってくれる
    • Webサーバのセットアップは全部Azureでやってくれる
    • 無料から使える
    • 「とりあえず使ってみたい！」と思ったら無料プランから始めることが出来る
    • オートスケール出来る
    • 自動的にサーバの台数をジャンジャン増やす事が出来る
    

    View Slide

17. App Service(Web Apps)のどえらい所
    • オートスケール
    • 自動でのスケールアウト・スケールアップに対応
    • ロードバランサも付いてくる
    • スケールアウト時の中断時間はほぼ無い(一瞬止まる程度で、アクセスした人に50xエラーは
    ほぼ出ない)
    • n台スケールアウトしても、ストレージ領域は同じ場所を読んでくれる
    • /home は各インスタンスで共通してマウントされる
    • WordPressだと、wp-contentフォルダの扱いを気にしなくても良い
    • コンテナもデプロイ出来る
    • Dockerコンテナをデプロイ対象として選択出来る。
    • Docker Hubからもイメージを取得可能
    

    View Slide

18. App Service(Web Apps)のどえらい所
    • 本番環境とステージング環境を同時稼働させ、切り替えることが出来る
    • ステージング用・本番用のスロット(gitリポジトリ)がそれぞれ用意され、検証環境を用意
    することが出来る。
    • ステージング用と本番用で、同等のインスタンスを勝手に用意してくれる
    • ステージングで問題無ければ、スロットをスワップすることで、そのまま本番環境に
    差し替えが出来る
    staging.example.com
    検証用
    example.com
    本番用
    開発者
    一般ユーザー
    staging.example.com
    検証用
    example.com
    本番用
    一般ユーザー
    スワップ！！！
    検証環境での
    動きも
    確認出来た！
    リリースしよう！
    

    View Slide

19. 今日のゴール
    • 適当なHTMLファイルを「ゆるく」アップロードしてみる
    • 時間が許す限り、色んな機能をデモします。
    

    View Slide