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
開発合宿@京都 /hack-camp-kyoto
Search
kentana20
August 13, 2016
Programming
0
3.9k
開発合宿@京都 /hack-camp-kyoto
京都で開催した開発合宿の成果発表資料です
kentana20
August 13, 2016
Tweet
Share
More Decks by kentana20
See All by kentana20
一休.comでの開発組織改善の取り組みとこれから /improve-ikyu-devlove-x
kensuketanaka
24
37k
株式会社一休 会社紹介資料 / introduce-ikyu
kensuketanaka
15
120k
一休での開発における改善の取組み /devops-at-ikyu
kensuketanaka
13
10k
一休.com における改善事例のご紹介 /ikyu-storage-improvement
kensuketanaka
6
11k
一休.comにおけるデプロイフローと自動化 /ikyu-deploy-flow
kensuketanaka
9
8.9k
ikyu-frontend
kensuketanaka
21
7.3k
sushi_route_2015
kensuketanaka
0
230
qiita meetup#12
kensuketanaka
4
71k
cross_2015_trave_ec
kensuketanaka
1
3.5k
Other Decks in Programming
See All in Programming
Android16 Migration Stories ~Building a Pattern for Android OS upgrades~
reoandroider
0
130
kiroとCodexで最高のSpec駆動開発を!!数時間で web3ネイティブなミニゲームを作ってみたよ!
mashharuki
0
850
フロントエンド開発のためのブラウザ組み込みAI入門
masashi
7
3.4k
CSC305 Lecture 06
javiergs
PRO
0
270
PHPに関数型の魂を宿す〜PHP 8.5 で実現する堅牢なコードとは〜 #phpcon_hiroshima / phpcon-hiroshima-2025
shogogg
1
320
組込みだけじゃない!TinyGo で始める無料クラウド開発入門
otakakot
2
360
AI駆動で0→1をやって見えた光と伸びしろ
passion0102
1
770
SwiftDataを使って10万件のデータを読み書きする
akidon0000
0
240
実践Claude Code:20の失敗から学ぶAIペアプログラミング
takedatakashi
16
6.7k
XP, Testing and ninja testing ZOZ5
m_seki
3
790
ソフトウェア設計の実践的な考え方
masuda220
PRO
4
630
bootcamp2025_バックエンド研修_WebAPIサーバ作成.pdf
geniee_inc
0
120
Featured
See All Featured
RailsConf 2023
tenderlove
30
1.3k
Scaling GitHub
holman
463
140k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Reflections from 52 weeks, 52 projects
jeffersonlam
353
21k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
610
Producing Creativity
orderedlist
PRO
347
40k
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.8k
The Illustrated Children's Guide to Kubernetes
chrisshort
49
51k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Designing for Performance
lara
610
69k
Transcript
։ൃ߹॓Ռൃද ݹయ෦ ݉ ͔Δͨ෦ @kentana20
Agenda • ߹॓Ͱͷඪ • ͬͨ͜ͱ • σϞ • ·ͱΊ
߹॓Ͱͷඪ • ࣗࣾϖʔδΛMiddlemanԽͯ͠Ϟμϯʹ • ژΛָ͠Ή • ͪ;ΔΛ؍Δ • ʹߦ͘
Middleman • Rubyͷ੩తαΠτδΣωϨʔλ • ςϯϓϨʔτΤϯδϯ • ։ൃ༻αʔόʹͳΔ • ෦ςϯϓϨʔτ͑Δ •
ྨࣅ: Jekyll, HUGO
ࣗࣾϖʔδ
എܠ • ࣗࣾϖʔδ( http://www.ikyu.co.jp )ͷӡ༻ ੜͷHTMLΛ࡞ͬͯमਖ਼͍ͯͨ͠ • ϖʔδͷߋ৽FTPͰπϥ͍ • ྨࣅϖʔδίϐϖͰ
എܠ2 • ͱ͋Δͷձ • @naoya ʮ࠾༻ϖʔδͬͯͲ͏ͬͯϝϯςͯ͠Δͷʁʯ • @kentana20 ʮFTPͰμϯϩʔυͯ͠मਖ਼ͯ͠ΞοϓͰ͢Ͷʯ •
@naoya ʮͦΕπϥ͍ɻ͏ͪΐͬͱϚγʹ͍ͨ͠Ͷʯ • @kentana20 ʮͰ͢Ͷʯ • @naoya ʮMiddlemanͱ͔͓͏Αʯ • @kentana20 ʮ;Ή;Ήʯ
ελʔτ • Middleman৮ͬͨ͜ͱͳ͍ • Railsܦݧ͋Δ • ࣗࣾϖʔδͷFTPΞΧϯτ࣋ͬͯΔ
ಋೖͱॳظԽ $ gem install middleman $ middleman init ikyucorp
Ϗϧυ $ middleman build
αʔόىಈ $ middleman server
σΟϨΫτϦߏ ੜ͞ΕΔ ੩తϑΝΠϧbuildԼʹ Ϗϧυલͷerb, sassϑΝ ΠϧͳͲsourceԼʹ
ศརͳ#1 • ෦ςϯϓϨʔτ • ϔομɺϑολͳͲڞ௨෦Λ෦Խ • ෦ςϯϓϨʔτͷม͠(locals)Մೳ <%= partial 'partials/nav_top'
%> <div class="wrapper"> <%= partial 'partials/head_top' %>
ศརͳ#2 • LiveReload • ϑΝΠϧΛॻ͖͑ͨλΠϛϯάͰϒϥβΛউखʹ Ϧϩʔυͯ͘͠ΕΔ $ middleman server --livereload
ࣗࣾϖʔδMiddlemanԽ • ରϖʔδ http://www.ikyu.co.jp/recruit/ • ϨΠΞτɺ෦ςϯϓϨʔτͳͲͰڞ௨Խͭͭ͠ MiddlemanԽ • Γ࢝Ί͔ͯΒ1͘Β͍ͰͰ͖ͨ
HerokuʹσϓϩΠ • αΠτ࡞Δ • Procfile • MiddlemanͷϏϧυͱىಈΛॻ͚ͩ͘ web: bundle exec
middleman build && middleman server -p $PORT
Circle CIͰࣗಈԽ • HerokuͷσϓϩΠΛࣗಈԽ • master mergeͰൃಈ machine: timezone: Asia/Tokyo
ruby: version: 2.3.1 test: override: - echo "test" deployment: production: branch: master heroku: appname: ikyucorp-middleman testͷهड़ඍົ… ͚Ͳ੩తαΠτͳͷͰ…
Demo
ΓΔ͜ͱ • HerokuͰΔͷ͔ / ͘͞Βͷ··͔ΛܾΊΔ • HerokuͳΒͦͷ··ɺ͘͞ΒͳΒσϓϩΠํࣜΛม͑Δ • middleman-deploy ͱ͍͏Gem͕FTPͰͷϦϦʔεʹ
ରԠ͍ͯ͠Δ • HerokuͳΒ /recruit/ ԼͷΞΫηεΛϦμΠϨΫτ͞ ͤΔ
Middlemanॴײ • Middleman • Rails͔Β੩తαΠτ࡞Δػೳ͕ൈ͖ग़͞ΕͯΔײ͡Ͱ ͍উख͕͍͍ • ϏϧυɺσϓϩΠϥΫ • ͜ΕͳΒσβΠφʔʹͬͯΒ͑Δͱࢥ͏
• ૣ͘ΕΑ͔ͬͨɻɻ
߹॓ॴײ • ߹ָ͍॓͠ • ·ͱ·ͬͨ࣌ؒͰՌग़͍͢͠ • ࠓճਓ૿͑ͯخ͍͠(6໊ -> 9໊) •
ژͰ༠͕ଟ͗ͯ͢੨य़શ෦͔͚Δͷ͕Ή͔͍ͣ͠ • ·ͨΓ·͠ΐ͏
ژΛָ͠Ή
ͪ;ΔΛ؍Δ
͋ͱ