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.5k
開発合宿@京都 /hack-camp-kyoto
京都で開催した開発合宿の成果発表資料です
kentana20
August 13, 2016
Tweet
Share
More Decks by kentana20
See All by kentana20
一休.comでの開発組織改善の取り組みとこれから /improve-ikyu-devlove-x
kensuketanaka
24
36k
株式会社一休 会社紹介資料 / introduce-ikyu
kensuketanaka
15
82k
一休での開発における改善の取組み /devops-at-ikyu
kensuketanaka
13
9.9k
一休.com における改善事例のご紹介 /ikyu-storage-improvement
kensuketanaka
6
11k
一休.comにおけるデプロイフローと自動化 /ikyu-deploy-flow
kensuketanaka
9
8.4k
ikyu-frontend
kensuketanaka
21
7.1k
sushi_route_2015
kensuketanaka
0
180
qiita meetup#12
kensuketanaka
4
71k
cross_2015_trave_ec
kensuketanaka
1
3.4k
Other Decks in Programming
See All in Programming
Temporalを取り巻く仕様を整理する
sajikix
0
110
The rollercoaster of releasing an Android, iOS, and macOS app with Kotlin Multiplatform | droidcon Berlin
prof18
0
110
大規模マルチテナントを解決するYugabyteDBという選択肢
nnaka2992
1
250
Xcode 16のPreviewModifierと@Previewableを活用した効率的なプレビュー方法の考察
ojun9
2
160
20240706_CDKConf
takuyay0ne
0
1.2k
わかりやすい正解を捨てて、コトに向き合う - スクラムフェス金沢2024 スポンサーセッション
yusukekokubo
0
170
I/O Extended Android in Korea 2024 ~ Whats new in Android development tools
pluu
0
250
Trial
cairolibrary720
1
130
Microservices rules (July 2024) : what good looks like
cer
PRO
0
1.6k
CSC307 Lecture 10
javiergs
PRO
0
310
Namespace on read
tagomoris
2
370
GraphQL はいいぞ! ~Laravel で学ぶ GraphQL 入門~
azuki
1
160
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
48
13k
Done Done
chrislema
179
15k
Fontdeck: Realign not Redesign
paulrobertlloyd
79
5.1k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
662
120k
The Power of CSS Pseudo Elements
geoffreycrofte
64
5.2k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
35
6.3k
The World Runs on Bad Software
bkeepers
PRO
63
11k
How GitHub Uses GitHub to Build GitHub
holman
471
290k
A designer walks into a library…
pauljervisheath
201
24k
How to Think Like a Performance Engineer
csswizardry
4
590
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Embracing the Ebb and Flow
colly
81
4.3k
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໊) •
ژͰ༠͕ଟ͗ͯ͢੨य़શ෦͔͚Δͷ͕Ή͔͍ͣ͠ • ·ͨΓ·͠ΐ͏
ژΛָ͠Ή
ͪ;ΔΛ؍Δ
͋ͱ