狠狠撸

狠狠撸Share a Scribd company logo
Middlemanを使用した
静的サイトの運用事例
2017-05-19 (Fri.) ?
Tokyo Middleman Meetup #3
ぷぽ / @pupupopo88
\のケース/
エンジニア?
BtoBtoC向けサービス開発運用保守
総務
採用?研修?庶務?広報
2012年
2016年
2013年
2014年
2015年
2017年
\自己紹介/
エンジニア?
BtoC向けサービス開発運用保守
はじめて外部の”勉強会”に参加?
※ Tokyo Middleman Meetup #1 !!
エンジニア?
BtoBtoC向けサービス開発運用保守
2012
2016年
2013
2014
2015年
2017年
\この辺の話/
エンジニア?
BtoC向けサービス開発運用保守
はじめて外部の”勉強会”に参加?
※ Tokyo Middleman Meetup #1 !!
総務
採用?研修?庶務?広報
https://middlemanapp.com/
https://www.val.co.jp/
会社の公式Webサイト
Middleman 製
Background
惭颈诲诲濒别尘补苍を使用した静的サイトの运用事例
? 元のサイトは外注
? サイトは総務が管理(管理できるとは言っていない)
? サーバなどインフラ周りは別途情シス部門が管理
? ビジネス部門にデザイン業務をおこなうチームが新設
? 元エンジニア(私だ)が人事異動で総務へ
当時 (2014/07) の状況
外注してたけれどイケてないし
IT企業なんだから内製できないの?
? 開発メイン担当、全員がRuby経験者だった
? 元エンジニア and 新人研修でRuby触ってる
? 勉強会やらでMiddlemanの存在は知っていた
? やっぱり冗長なこと、面倒なことはやりたくなかった
? 毎ページにヘッダとフッタを記述するとか
? 生のCSSを書くとか
? 早くつくりたかった
? 緊急時など、最悪静的ファイルをいじって更新してもらえる
なぜMiddlemanだったのか
Architecture
惭颈诲诲濒别尘补苍を使用した静的サイトの运用事例
Maintenance
? 開発環境ある人、メンテできる人だけで完結
? ローカル環境でビルド
? AWSのマネジメントコンソールから手動でアップロード
? Stagingに上げたので確認してくださいとプルリク
? OKもらう(マージボタンを押してもらうことは可能)
? Productionにマネジメントコンソールから…
? Shellやバッチも作ったけれどそれも環境が…
はじめは
? 私が再びの異動
? そのまま仕事もっていくのなんてゴメンだ!
? しかし、不毛な教育もしたくない(それも手間)?
ラクにするためだったのに無理に?不用意に学習させるのも
? 自動化の機運高まる!
? あまり手間をかけず
? 最低限の学習コストで
? ある程度のことができるように
その後
惭颈诲诲濒别尘补苍を使用した静的サイトの运用事例
Staging
$ git push origin modify/recruit_pages
$ git push origin modify/recruit_pages
Post
$ git push origin modify/recruit_pages
$ git push origin modify/recruit_pages
Deploy
staging_root/modify/recruit_pages
staging
$ git push origin modify/recruit_pages
Post
staging_root/modify/recruit_pages
staging
Production
New tag v20170519
Post
New tag v20170519
New tag v20170519
delete : staging_root/modify/recruit_pages
deploy : staging_root
staging
New tag v20170519
delete : staging_root/modify/recruit_pages
deploy : staging_root
staging
production
Deploy
New tag v20170519
delete : staging_root/modify/recruit_pages
deploy : staging_root
staging
production
Deploy
Clear cache
New tag v20170519
Post
delete : staging_root/modify/recruit_pages
deploy : staging_root
staging
production
Deploy
Clear cache
? ローカルで確認しなくていい(開発環境なくてもOK)
? stagingで複数バージョンの確認ができる
? / はproduction環境と同じ、あとはブランチ名で?
※そしてmasterにマージされているものは自動で消える
? 複数の変更をまとめてリリースできる
? 安心?安全?ラクチン
? タグ付けだけならGitHub上で簡単にできる
? うっかり間違えてもタグ付けで前のバージョンに戻せる
この構成のメリット
Demo
Good Point
? 簡単に部分テンプレート作れるところとか
? 修正し忘れとかが減る(と思う)
? ちょっとした条件で出し分けしたりだとか
? JSONデータを持っといてeach回すだとか
? とりあえずSass最高
? いろんなサービスと連携することによって更にラクに!
やっぱりラク
Problem
? どんどんレガシー化する
? Middlemanもまだv3、実はRubyも2.1.2、やばい
? メインで使っている人たちがエンジニアではない
? やろうと思えばできる人もいるけれどやっぱり後回し
? 社内にはできる人も沢山いるけれど?
もちろん自分が持っているプロダクトが最優先
? 一番面倒なのは、バージョンを上げたことで?
メイン利用者の開発環境に問題が起きること
メンテ人員がいないとつらい
? 特にまったくの非エンジニア
? 環境づくりのサポートも手間(特にWindowsとかヤダ)
? 環境のサポートとお膳立てができれば、?
ちょっとした変更なんかはできると思う
? Gitを使う(連携させる)ならなおさら
? Gitの有用性を実感してもらいにくいので、?
覚えようというモチベに繋がりにくい
? Fix typo で Git 使ってもらうってのも…(でもGUIなら)
? ただしGitHubでのプルリク確認&コメント、?
マージボタンをクリックするだけなら全然できる
ラクになるまでのコストが高い
惭颈诲诲濒别尘补苍は最高!
ただし
ご利用は計画的に
惭颈诲诲濒别尘补苍を使用した静的サイトの运用事例
? エンジニア職
? 駅すぱあとをベースとするC向けサービスの開発?運用?保守
? Ruby(Rails 4.2以上)メイン
? RubyやJSなどフロント側が好き?強みがある方?
インフラ周り(特にAWS)が好き?強みがある方
? マーケティング職
? 駅すぱあとをベースとするサービスの?
マーケティング/販売促進活動の企画、広告営業活動
? 企業サイトも触ってますが、?
GitとかRubyとかできなくても大丈夫です笑
一緒にはたらく人募集中!
企業サイトをはじめ、
TwitterやFB等でお気軽に連絡どうぞ
カジュアル面談や会社見学も歓迎!!
https://www.val.co.jp/recruit/resources/experience/
Ad

Recommended

教育心理学概论を読んで新人研修やってみた-教育心理学との付き合い方-
教育心理学概论を読んで新人研修やってみた-教育心理学との付き合い方-
pupupopo88
?
&辩耻辞迟;総务も!!&辩耻辞迟;アジャイルプラクティス!
&辩耻辞迟;総务も!!&辩耻辞迟;アジャイルプラクティス!
pupupopo88
?
新人骋颈迟/骋颈迟丑耻产研修公开用スライド(その1)
新人骋颈迟/骋颈迟丑耻产研修公开用スライド(その1)
pupupopo88
?
こわくない、越境 - 小心者でも越境マンになれた理由 -
こわくない、越境 - 小心者でも越境マンになれた理由 -
pupupopo88
?
新入社员の技术研修に関してありがちな问题を解决するためにやったことやるべきこと
新入社员の技术研修に関してありがちな问题を解决するためにやったことやるべきこと
pupupopo88
?
新人骋颈迟/骋颈迟丑耻产研修公开用スライド(その2)
新人骋颈迟/骋颈迟丑耻产研修公开用スライド(その2)
pupupopo88
?
よちよちと歩んだ2014年
よちよちと歩んだ2014年
pupupopo88
?
2024 Trend Updates: What Really Works In SEO & Content Marketing
2024 Trend Updates: What Really Works In SEO & Content Marketing
Search Engine Journal
?
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
?
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
OECD Directorate for Financial and Enterprise Affairs
?
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
SocialHRCamp
?
2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
Marius Sescu
?
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
?
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
?
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
?
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
?
Skeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
?
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
?
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
?
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
?
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
?
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
?
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
?
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
?
Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
?
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
?
How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
?

More Related Content

Featured (20)

2024 Trend Updates: What Really Works In SEO & Content Marketing
2024 Trend Updates: What Really Works In SEO & Content Marketing
Search Engine Journal
?
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
?
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
OECD Directorate for Financial and Enterprise Affairs
?
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
SocialHRCamp
?
2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
Marius Sescu
?
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
?
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
?
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
?
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
?
Skeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
?
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
?
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
?
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
?
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
?
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
?
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
?
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
?
Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
?
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
?
How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
?
2024 Trend Updates: What Really Works In SEO & Content Marketing
2024 Trend Updates: What Really Works In SEO & Content Marketing
Search Engine Journal
?
Storytelling For The Web: Integrate Storytelling in your Design Process
Storytelling For The Web: Integrate Storytelling in your Design Process
Chiara Aliotta
?
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
How to Leverage AI to Boost Employee Wellness - Lydia Di Francesco - SocialHR...
SocialHRCamp
?
2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
Marius Sescu
?
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
?
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
?
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
?
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
?
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
?
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
?
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
?
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
?
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
?
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
?
Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
?
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
?

惭颈诲诲濒别尘补苍を使用した静的サイトの运用事例