SlideShare a Scribd company logo
1 of 25
Download to read offline
2019年 6月27日

クーコム株式会社

(ver1.0_2018.04.19)

数クリックで瞬時に切り替えられる

メンテナンスページの作り方

クーコム株式会社

システム開発部 大越雄太

〒150-0033 東京都渋谷区猿楽町10-1 マンサード代官山8F

TEL:03-6824-9000 FAX:03-5459-1433
自己紹介

2

• 名前:大越 雄太 (Yuuta Ookoshi)

• 仕事:2018年3月にクーコム株式会社 システム開発課に入社

• システム課の立て直しのお手伝い

• オンプレからAWSへの移行

• 開発者向けAWS環境の構築

• etc….

• 趣味:

• IoT × サバイバルゲームでいろいろ作ってます

• チンチラと同居生活中

• 好きなAWSサービス:

• AWS CloudWatch

同居人のちーちゃん
アジェンダ

3

1. “数クリックで瞬時に切り替えられるメンテページ”とは?

2. なぜ作ることになったの?

3. 作成したメンテページの特徴

4. 何が改善された?

5. 今後の課題点

“数クリックで瞬時に切り替えられるメン
テページ”とは?





4
1.“数クリックで瞬時に切り替えられるメンテページ”とは?

5

• 障害発生時にインスタンスの立ち上げが必要ない!

• ALBの優先順位を変えるだけで瞬時に切り替えられる!

● “ひとこと”でまとめると

なぜ作ることになったの?

6
2.なぜ作ることになったの?

7

• 一刻を争う障害対応時にEC2を起動する時間がもったいない。。。

• このためだけにEC2インスタンスが立っている。。。

• サーバの保守作業が大変。。。。

• ホットスタンバイするとコストがかかる。。。



8

● 以前の手順
 ● 以前の構成

1. EC2インスタンスの起動

2. メンテナンスページが動くことを

社内から確認

3. ALBのターゲットの切り替え

2.なぜ作ることになったの?

作成したメンテページの特徴

9
3.特徴

10

● 構成図

3.作成したメンテページの特徴

11

• ALBの固定レスポンスが

1024文字までしか入力できない

• 制限を緩和することもできなかった

● 固定レスポンスについて①

3.作成したメンテページの特徴

12

• HTTPコード:503を返却

• ajaxが書かれているのみ

● 固定レスポンスについて②

3.作成したメンテページの特徴

13

1. JenkinsのJobを実行

2. GitHubからソースをチェックアウト

3. Jenkins上でgulpが動く

4. S3へメンテページのデプロイ

5. CloudFrontのキャッシュクリア

6. 障害発生時に

ALBの優先順位の切り替え

● デプロイ環境について

何が改善された?

14
4.何が改善された?

15

• サーバレスになった!

• インスタンスの起動が不必要に!

• 環境の保守が不必要に!

• 数ステップでメンテナンスページの切り替えが可能に!

4.何が改善された?

16

ALBの切り替え
インスタンスの起動

ミドルウェアの設定
インフラの保守
● 移行前

ALBの切り替え
• 移行後

メンテページの作成 メンテページの作成
● 手順について

17

4.何が改善された?

● 30日間ホットスタンバイした場合のコスト

18

4.何が改善された?

● 30日間ホットスタンバイした場合のコスト

今後の課題点

19
5.今後の課題点

20

• 定期メンテナンスと緊急メンテナンスの環境を分ける

→S3のディレクトリ区切ったり別環境作ったりなど

• 定期メンテナンスの日付を簡単に変えられるようにしたい

→Jenkinsで期間を指定するとその内容でビルドされるなど

宣伝

21
宣伝

22

● 社内でテックブログやってます!

https://techblog.tocoo.jp/
宣伝

23

● クーコムを一緒に盛り上げていける仲間を探しています!

Thank you!!

24
実際に切り替えてみた

25


More Related Content

What's hot

IX事業者とインターネットの未来
IX事業者とインターネットの未来IX事業者とインターネットの未来
IX事業者とインターネットの未来Yoshiki Ishida
 
ChatGPTをもっと使いたい.pptx
ChatGPTをもっと使いたい.pptxChatGPTをもっと使いたい.pptx
ChatGPTをもっと使いたい.pptxTokioMiyaoka
 
PHPのテスト名を日本語にした話
PHPのテスト名を日本語にした話PHPのテスト名を日本語にした話
PHPのテスト名を日本語にした話Norifumi Kawamoto
 
インターネットの舞台裏
インターネットの舞台裏インターネットの舞台裏
インターネットの舞台裏Taiji Tsuchiya
 
実運用して分かったRabbit MQの良いところ・気をつけること #jjug
実運用して分かったRabbit MQの良いところ・気をつけること #jjug実運用して分かったRabbit MQの良いところ・気をつけること #jjug
実運用して分かったRabbit MQの良いところ・気をつけること #jjugYahoo!デベロッパーネットワーク
 
10GbE時代のネットワークI/O高速化
10GbE時代のネットワークI/O高速化10GbE時代のネットワークI/O高速化
10GbE時代のネットワークI/O高速化Takuya ASADA
 
テスト文字列に「うんこ」と入れるな
テスト文字列に「うんこ」と入れるなテスト文字列に「うんこ」と入れるな
テスト文字列に「うんこ」と入れるなKentaro Matsui
 
イケてない開発チームがイケてる開発を始めようとする軌跡
イケてない開発チームがイケてる開発を始めようとする軌跡イケてない開発チームがイケてる開発を始めようとする軌跡
イケてない開発チームがイケてる開発を始めようとする軌跡NTT Communications Technology Development
 
ISPネットワーク運用で覗いてるもの
ISPネットワーク運用で覗いてるものISPネットワーク運用で覗いてるもの
ISPネットワーク運用で覗いてるものTaiji Tsuchiya
 
Supabase Edge Functions と Netlify Edge Functions を使ってみる – 機能とその比較 –
Supabase Edge Functions と Netlify Edge Functions を使ってみる – 機能とその比較 –Supabase Edge Functions と Netlify Edge Functions を使ってみる – 機能とその比較 –
Supabase Edge Functions と Netlify Edge Functions を使ってみる – 機能とその比較 –虎の穴 開発室
 
ゼロ幅スペースという悪夢
ゼロ幅スペースという悪夢ゼロ幅スペースという悪夢
ゼロ幅スペースという悪夢swamp Sawa
 
「黒騎士と白の魔王」gRPCによるHTTP/2 - API, Streamingの実践
「黒騎士と白の魔王」gRPCによるHTTP/2 - API, Streamingの実践「黒騎士と白の魔王」gRPCによるHTTP/2 - API, Streamingの実践
「黒騎士と白の魔王」gRPCによるHTTP/2 - API, Streamingの実践Yoshifumi Kawai
 
RFC 〜 ネットワーク勉強会
RFC 〜 ネットワーク勉強会RFC 〜 ネットワーク勉強会
RFC 〜 ネットワーク勉強会Ken SASAKI
 
HTTPを理解する
HTTPを理解するHTTPを理解する
HTTPを理解するIIJ
 
FastAPIのテンプレートプロジェクトがいい感じだった話
FastAPIのテンプレートプロジェクトがいい感じだった話FastAPIのテンプレートプロジェクトがいい感じだった話
FastAPIのテンプレートプロジェクトがいい感じだった話NipponAlgorithm
 
pgvectorを使ってChatGPTとPostgreSQLを連携してみよう!(PostgreSQL Conference Japan 2023 発表資料)
pgvectorを使ってChatGPTとPostgreSQLを連携してみよう!(PostgreSQL Conference Japan 2023 発表資料)pgvectorを使ってChatGPTとPostgreSQLを連携してみよう!(PostgreSQL Conference Japan 2023 発表資料)
pgvectorを使ってChatGPTとPostgreSQLを連携してみよう!(PostgreSQL Conference Japan 2023 発表資料)NTT DATA Technology & Innovation
 
Spanner移行について本気出して考えてみた
Spanner移行について本気出して考えてみたSpanner移行について本気出して考えてみた
Spanner移行について本気出して考えてみたtechgamecollege
 
Heroku connect 苦肉の四苦八苦
Heroku connect 苦肉の四苦八苦Heroku connect 苦肉の四苦八苦
Heroku connect 苦肉の四苦八苦Hideki Ohkubo
 

What's hot (20)

あなたのところに専用線が届くまで
あなたのところに専用線が届くまであなたのところに専用線が届くまで
あなたのところに専用線が届くまで
 
IX事業者とインターネットの未来
IX事業者とインターネットの未来IX事業者とインターネットの未来
IX事業者とインターネットの未来
 
ChatGPTをもっと使いたい.pptx
ChatGPTをもっと使いたい.pptxChatGPTをもっと使いたい.pptx
ChatGPTをもっと使いたい.pptx
 
PHPのテスト名を日本語にした話
PHPのテスト名を日本語にした話PHPのテスト名を日本語にした話
PHPのテスト名を日本語にした話
 
インターネットの舞台裏
インターネットの舞台裏インターネットの舞台裏
インターネットの舞台裏
 
実運用して分かったRabbit MQの良いところ・気をつけること #jjug
実運用して分かったRabbit MQの良いところ・気をつけること #jjug実運用して分かったRabbit MQの良いところ・気をつけること #jjug
実運用して分かったRabbit MQの良いところ・気をつけること #jjug
 
10GbE時代のネットワークI/O高速化
10GbE時代のネットワークI/O高速化10GbE時代のネットワークI/O高速化
10GbE時代のネットワークI/O高速化
 
AS45679 on FreeBSD
AS45679 on FreeBSDAS45679 on FreeBSD
AS45679 on FreeBSD
 
テスト文字列に「うんこ」と入れるな
テスト文字列に「うんこ」と入れるなテスト文字列に「うんこ」と入れるな
テスト文字列に「うんこ」と入れるな
 
イケてない開発チームがイケてる開発を始めようとする軌跡
イケてない開発チームがイケてる開発を始めようとする軌跡イケてない開発チームがイケてる開発を始めようとする軌跡
イケてない開発チームがイケてる開発を始めようとする軌跡
 
ISPネットワーク運用で覗いてるもの
ISPネットワーク運用で覗いてるものISPネットワーク運用で覗いてるもの
ISPネットワーク運用で覗いてるもの
 
Supabase Edge Functions と Netlify Edge Functions を使ってみる – 機能とその比較 –
Supabase Edge Functions と Netlify Edge Functions を使ってみる – 機能とその比較 –Supabase Edge Functions と Netlify Edge Functions を使ってみる – 機能とその比較 –
Supabase Edge Functions と Netlify Edge Functions を使ってみる – 機能とその比較 –
 
ゼロ幅スペースという悪夢
ゼロ幅スペースという悪夢ゼロ幅スペースという悪夢
ゼロ幅スペースという悪夢
 
「黒騎士と白の魔王」gRPCによるHTTP/2 - API, Streamingの実践
「黒騎士と白の魔王」gRPCによるHTTP/2 - API, Streamingの実践「黒騎士と白の魔王」gRPCによるHTTP/2 - API, Streamingの実践
「黒騎士と白の魔王」gRPCによるHTTP/2 - API, Streamingの実践
 
RFC 〜 ネットワーク勉強会
RFC 〜 ネットワーク勉強会RFC 〜 ネットワーク勉強会
RFC 〜 ネットワーク勉強会
 
HTTPを理解する
HTTPを理解するHTTPを理解する
HTTPを理解する
 
FastAPIのテンプレートプロジェクトがいい感じだった話
FastAPIのテンプレートプロジェクトがいい感じだった話FastAPIのテンプレートプロジェクトがいい感じだった話
FastAPIのテンプレートプロジェクトがいい感じだった話
 
pgvectorを使ってChatGPTとPostgreSQLを連携してみよう!(PostgreSQL Conference Japan 2023 発表資料)
pgvectorを使ってChatGPTとPostgreSQLを連携してみよう!(PostgreSQL Conference Japan 2023 発表資料)pgvectorを使ってChatGPTとPostgreSQLを連携してみよう!(PostgreSQL Conference Japan 2023 発表資料)
pgvectorを使ってChatGPTとPostgreSQLを連携してみよう!(PostgreSQL Conference Japan 2023 発表資料)
 
Spanner移行について本気出して考えてみた
Spanner移行について本気出して考えてみたSpanner移行について本気出して考えてみた
Spanner移行について本気出して考えてみた
 
Heroku connect 苦肉の四苦八苦
Heroku connect 苦肉の四苦八苦Heroku connect 苦肉の四苦八苦
Heroku connect 苦肉の四苦八苦
 

Similar to 数クリックで瞬時に切り替えられる メンテナンスページの作り方

クラウドサービスで作成するノンコーディングBot
クラウドサービスで作成するノンコーディングBotクラウドサービスで作成するノンコーディングBot
クラウドサービスで作成するノンコーディングBotTsukasa Kato
 
加速するIoTの社会実装! スマートxxで世の中はどう変わる?
加速するIoTの社会実装! スマートxxで世の中はどう変わる?加速するIoTの社会実装! スマートxxで世の中はどう変わる?
加速するIoTの社会実装! スマートxxで世の中はどう変わる?Ichiro Tsuji
 
クラウドサービスで作成するノンコーディングBot
クラウドサービスで作成するノンコーディングBotクラウドサービスで作成するノンコーディングBot
クラウドサービスで作成するノンコーディングBotTsukasa Kato
 
チャットボットの自然言語処理
チャットボットの自然言語処理チャットボットの自然言語処理
チャットボットの自然言語処理Yoshitaka Seo
 
20140829 山形でJAWS-UGをやって困った2つのこと
20140829 山形でJAWS-UGをやって困った2つのこと20140829 山形でJAWS-UGをやって困った2つのこと
20140829 山形でJAWS-UGをやって困った2つのことSeiji Akatsuka
 
クラウド運用3足の草鞋151102
クラウド運用3足の草鞋151102クラウド運用3足の草鞋151102
クラウド運用3足の草鞋151102Keiichi Hashimoto
 
2014年09月 上司説得メソッド2014年版
2014年09月 上司説得メソッド2014年版2014年09月 上司説得メソッド2014年版
2014年09月 上司説得メソッド2014年版Serverworks Co.,Ltd.
 
Azure IoTのアップデート情報
Azure IoTのアップデート情報Azure IoTのアップデート情報
Azure IoTのアップデート情報佳孝 中田
 
ノンコーディングでここまでできる!LINE BOT を作ってみよう!
ノンコーディングでここまでできる!LINE BOT を作ってみよう!ノンコーディングでここまでできる!LINE BOT を作ってみよう!
ノンコーディングでここまでできる!LINE BOT を作ってみよう!典子 松本
 
非エンジニアでも安心!ノンコーディングでもココまでできる!LINE × Azure Logic Apps
非エンジニアでも安心!ノンコーディングでもココまでできる!LINE × Azure Logic Apps非エンジニアでも安心!ノンコーディングでもココまでできる!LINE × Azure Logic Apps
非エンジニアでも安心!ノンコーディングでもココまでできる!LINE × Azure Logic Apps典子 松本
 
スモールスタートで始めよう! IoT/AIでデジタルトランスフォーメーションを加速する
スモールスタートで始めよう!IoT/AIでデジタルトランスフォーメーションを加速するスモールスタートで始めよう!IoT/AIでデジタルトランスフォーメーションを加速する
スモールスタートで始めよう! IoT/AIでデジタルトランスフォーメーションを加速するIchiro Tsuji
 
タイムカード打刻チャットボット「ごえもん」誕生話 
タイムカード打刻チャットボット「ごえもん」誕生話 タイムカード打刻チャットボット「ごえもん」誕生話 
タイムカード打刻チャットボット「ごえもん」誕生話 典子 松本
 
くま(Kuma)でメッシュなマイクロサービス
くま(Kuma)でメッシュなマイクロサービスくま(Kuma)でメッシュなマイクロサービス
くま(Kuma)でメッシュなマイクロサービスssuser6b3f181
 
新 Microsoft Edge を Intune で配信・管理する
新 Microsoft Edge を Intune で配信・管理する新 Microsoft Edge を Intune で配信・管理する
新 Microsoft Edge を Intune で配信・管理するShinsuke Saito
 
Microsoft Azure と Swift で開発をする
Microsoft Azure と Swift で開発をするMicrosoft Azure と Swift で開発をする
Microsoft Azure と Swift で開発をするMasaki Yamamoto
 
【Tokyowebmining】open compute project
【Tokyowebmining】open compute project 【Tokyowebmining】open compute project
【Tokyowebmining】open compute project Junichiro Tani
 
Azure(クラウド)を使った堅牢なシステムを考える
Azure(クラウド)を使った堅牢なシステムを考えるAzure(クラウド)を使った堅牢なシステムを考える
Azure(クラウド)を使った堅牢なシステムを考えるTsubasa Yoshino
 
インフラエンジニアの魅力と今後求められるスキル
インフラエンジニアの魅力と今後求められるスキルインフラエンジニアの魅力と今後求められるスキル
インフラエンジニアの魅力と今後求められるスキルSAKURA Internet Inc.
 

Similar to 数クリックで瞬時に切り替えられる メンテナンスページの作り方 (20)

クラウドサービスで作成するノンコーディングBot
クラウドサービスで作成するノンコーディングBotクラウドサービスで作成するノンコーディングBot
クラウドサービスで作成するノンコーディングBot
 
加速するIoTの社会実装! スマートxxで世の中はどう変わる?
加速するIoTの社会実装! スマートxxで世の中はどう変わる?加速するIoTの社会実装! スマートxxで世の中はどう変わる?
加速するIoTの社会実装! スマートxxで世の中はどう変わる?
 
クラウドサービスで作成するノンコーディングBot
クラウドサービスで作成するノンコーディングBotクラウドサービスで作成するノンコーディングBot
クラウドサービスで作成するノンコーディングBot
 
チャットボットの自然言語処理
チャットボットの自然言語処理チャットボットの自然言語処理
チャットボットの自然言語処理
 
20140829 山形でJAWS-UGをやって困った2つのこと
20140829 山形でJAWS-UGをやって困った2つのこと20140829 山形でJAWS-UGをやって困った2つのこと
20140829 山形でJAWS-UGをやって困った2つのこと
 
クラウド運用3足の草鞋151102
クラウド運用3足の草鞋151102クラウド運用3足の草鞋151102
クラウド運用3足の草鞋151102
 
Hello SORACOM
Hello SORACOM Hello SORACOM
Hello SORACOM
 
2014年09月 上司説得メソッド2014年版
2014年09月 上司説得メソッド2014年版2014年09月 上司説得メソッド2014年版
2014年09月 上司説得メソッド2014年版
 
Azure IoTのアップデート情報
Azure IoTのアップデート情報Azure IoTのアップデート情報
Azure IoTのアップデート情報
 
About AI(Machine Learning)
About AI(Machine Learning)About AI(Machine Learning)
About AI(Machine Learning)
 
ノンコーディングでここまでできる!LINE BOT を作ってみよう!
ノンコーディングでここまでできる!LINE BOT を作ってみよう!ノンコーディングでここまでできる!LINE BOT を作ってみよう!
ノンコーディングでここまでできる!LINE BOT を作ってみよう!
 
非エンジニアでも安心!ノンコーディングでもココまでできる!LINE × Azure Logic Apps
非エンジニアでも安心!ノンコーディングでもココまでできる!LINE × Azure Logic Apps非エンジニアでも安心!ノンコーディングでもココまでできる!LINE × Azure Logic Apps
非エンジニアでも安心!ノンコーディングでもココまでできる!LINE × Azure Logic Apps
 
スモールスタートで始めよう! IoT/AIでデジタルトランスフォーメーションを加速する
スモールスタートで始めよう!IoT/AIでデジタルトランスフォーメーションを加速するスモールスタートで始めよう!IoT/AIでデジタルトランスフォーメーションを加速する
スモールスタートで始めよう! IoT/AIでデジタルトランスフォーメーションを加速する
 
タイムカード打刻チャットボット「ごえもん」誕生話 
タイムカード打刻チャットボット「ごえもん」誕生話 タイムカード打刻チャットボット「ごえもん」誕生話 
タイムカード打刻チャットボット「ごえもん」誕生話 
 
くま(Kuma)でメッシュなマイクロサービス
くま(Kuma)でメッシュなマイクロサービスくま(Kuma)でメッシュなマイクロサービス
くま(Kuma)でメッシュなマイクロサービス
 
新 Microsoft Edge を Intune で配信・管理する
新 Microsoft Edge を Intune で配信・管理する新 Microsoft Edge を Intune で配信・管理する
新 Microsoft Edge を Intune で配信・管理する
 
Microsoft Azure と Swift で開発をする
Microsoft Azure と Swift で開発をするMicrosoft Azure と Swift で開発をする
Microsoft Azure と Swift で開発をする
 
【Tokyowebmining】open compute project
【Tokyowebmining】open compute project 【Tokyowebmining】open compute project
【Tokyowebmining】open compute project
 
Azure(クラウド)を使った堅牢なシステムを考える
Azure(クラウド)を使った堅牢なシステムを考えるAzure(クラウド)を使った堅牢なシステムを考える
Azure(クラウド)を使った堅牢なシステムを考える
 
インフラエンジニアの魅力と今後求められるスキル
インフラエンジニアの魅力と今後求められるスキルインフラエンジニアの魅力と今後求められるスキル
インフラエンジニアの魅力と今後求められるスキル
 

数クリックで瞬時に切り替えられる メンテナンスページの作り方