Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
なるほどわかった!Azure AppServiceでゆるくWebサイトを公開しよう!
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Takayuki Fuwa
August 31, 2019
Technology
960
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
1k
AzureとWindows Virtual Desktopで新しいリスクに立ち向かおう
yue
0
360
API Gatewayをswaggerでサクサク作ろう!
yue
0
140
なるほどわかった!SORACOMファーストなるほどわかった!SORACOMファーストステップ
yue
0
820
JAWS FESTA 2019 Sapporo 地方で生きる
yue
0
370
なるほどわかった!マルチリージョンとマルチクラウドの話
yue
0
1.4k
なるほどわかった!Azure NotebooksとAzure Machine Learning
yue
0
880
なるほどわかった!Alibaba CloudとDevOps
yue
0
600
なるほどわかった!Azure Kubernetes Service(AKS)
yue
3
1.1k
Other Decks in Technology
See All in Technology
2026-09-08 そのJavaモダナイゼーション、AIに丸投げで大丈夫?IBM Bobで変わる品質と効率
yutanonaka
1
150
Oracle Cloud Network Path Analyzerを試してみた/I Tried Out Oracle Cloud Network Path Analyzer
masakiokuda
1
110
AIに任せた品質は、誰が見立てるのか - AI時代のテストマネジメント
nakanao
3
2.9k
Deployment の 先にある AI Agent 基盤 - kagent vNext、Agent Substrate、Hermes から読み解く Agent Runtime の現在地 / k8s-matsuri-2-ai-agent-platform-amsy810
masayaaoyama
4
710
アプリログインとWeb認証基盤をつなぐ ASWebAuthenticationSession 作法
shimastripe
1
390
AIエージェントの権限管理 3: Agentic RAG の Fine grained access control 編
ren8k
0
200
AI coding 整合正規方法
philipz
0
500
AgentCore Runtime上にAgentic Coding基盤を構築・展開する際の設計ポイントと限界点 / Design considerations and limitations when building an agentic coding platform on AgentCore Runtime
har1101
5
690
登壇の自信を奪う3匹のオバケ / 3 Ghosts That Rob You of Your Confidence in Public Speaking
pauli
9
1.1k
Making AI Agents Safe and Fast- Jev, Obsidian, and the Meta-Harness
x5gtrn
PRO
0
120
Mastering Agentic Development: Harness Engineering for Effective Coding Agents
konippi
1
150
SREは、MCPとAutopilotをこう使え!
kazumax55
3
950
Featured
See All Featured
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
3
4.3k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
380
Embracing the Ebb and Flow
colly
88
5.2k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6.1k
RailsConf 2023
tenderlove
30
1.6k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
500
XXLCSS - How to scale CSS and keep your sanity
sugarenia
250
1.3M
For a Future-Friendly Web
brad_frost
183
10k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
1
3k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.4k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.3k
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ファイルを「ゆるく」アップロードしてみる • 時間が許す限り、色んな機能をデモします。