Slide 1

Slide 1 text

ΈΜͳ΋MiddlemanͰ ٕज़ϒϩά࡞ͬͯ ޾ͤʹͳΖ͏ʂ 2015/06/12 (Thu) ϨόϨδʔζגࣜձࣾ teratail։ൃνʔϜɹग़઒ ز෉

Slide 2

Slide 2 text

ࣗݾ঺հ • ग़઒ ز෉ʢσΨϫ ΠΫΦʣ • 2015೥4݄ϨόϨδʔζ৽ଔೖࣾ • teratail։ൃνʔϜ ΤϯδχΞ • PHPͷਓ • झຯɿαʔόʔࣗಈԽ • ͠Ό΂Δͷۤखɻͨ·ʹ͕࣌ࢭ·Δɻ @ikuwow

Slide 3

Slide 3 text

teratail஌ͬͯΔʁ teratailεςοΧʔ഑ͬͯ·͢ “೔ຊͷΤϯδχΞ͕ू͏Q&AίϛϡχςΟαΠτ”

Slide 4

Slide 4 text

ͨͩࠓ೔͸teratailͷ͜ͱ͸શ͘࿩͠·ͤΜ ׬શʹࣗ෼ͷझຯΛ࿩͠·͢…

Slide 5

Slide 5 text

Middleman஌ͬͯΔʁ https://middlemanapp.com

Slide 6

Slide 6 text

Middlemanͱ͸ʁ • Ruby੡ϑϩϯτΤϯυ ੜ੒πʔϧ • ERBɺHamlɺSassɺ LessɺCoffeeScript͔Β HTMLɺCSSɺJSΛੜ੒ $ gem install middleman $ middleman init myblog

Slide 7

Slide 7 text

MiddlemanͰϒϩά࡞Γ·ͨ͠ http://ikuwow.website/

Slide 8

Slide 8 text

ͳΜͰMiddlemanͰϒϩάʁ • MarkdownͰॻ͖͍ͨʂWordPressͷҋ͸΋͏ݟͨ͘ͳ͍ʂʂ • VimͰهࣄॻ͖͍ͨɾɾɾɻ • Yeoman͸JS͜Θ͍͠ɺJekyll͸ॏ͍Β͍͠͠ɺ
 Octpress͸ϩΰ͕ΩϞ͍͠ɾɾɾ • Middleman͸࠷ۙ։ൃ͕׆ൃɻ೔ຊޠυΩϡϝϯτॆ࣮ɻ
 ͋ͱݸਓతʹ਌͠Έ΍͍͢Rubyɻ

Slide 9

Slide 9 text

ϒϩά͕௒؆୯ʹ࡞ΕΔ • middleman-blogͱ͍ ͏ެࣜϓϥάΠϯ͕௒ ༏ल • λά෇͚ɺԼॻ͖ɺ URL੔ܗɺΞʔΧΠ ϒɺ… $ middleman init —template=blog $ middleman serve ## config.rb activate :blog do |blog| # ϒϩάػೳͷΦϓγϣϯΛઃఆ end

Slide 10

Slide 10 text

σΟϨΫτϦߏ੒ • Jekyllʹൺ΂ͯ
 ௒γϯϓϧ myblog/ +-- .gitignore +-- Gemfile +-- Gemfile.lock +-- config.rb +-- source/ +-- images/ ¦ +-- background.png ¦ +-- middleman.png +-- index.html.erb +-- javascripts/ ¦ +-- all.js +-- layouts/ ¦ +-- layout.erb +-- stylesheets/ +-- all.css +-- normalize.css +-- build/

Slide 11

Slide 11 text

͍ͭ΋ͷΤσΟλͰMarkdown YAMLͰFrontmatterॻ͘ $ middleman article my- article

Slide 12

Slide 12 text

RailsͷViewͬΆ͘ॻ͚Δ <% wrap_layout :layout do %>

<%= current_article.title unless current_article.nil? %>

<%= link_to ‘ϗʔϜ’, ‘http://ikuwow.website' %> <% end %>

Slide 13

Slide 13 text

GitHub PagesʹσϓϩΠ $ middleman deploy هࣄΛॻ͘=> git commit => git push => ͦͷ৔Ͱ൓ө

Slide 14

Slide 14 text

͍ͭ΋ͷΤσΟλͰ

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

MarkdownͰهࣄΛॻ͖ git commit

Slide 17

Slide 17 text

GitHub Pagesʹଈ൓ө git push

Slide 18

Slide 18 text

ීஈͷ։ൃͷྲྀΕͰ ϒϩά͕ॻ͚Δʂ

Slide 19

Slide 19 text

Middleman ࠷ߴ

Slide 20

Slide 20 text

MiddlemanͰ ٕज़ϒϩάΛॻ͜͏ʂ

Slide 21

Slide 21 text

MiddlemanͰαΠτ࡞Δͱ υΩϡϝϯτʹࡌͤͯ΋Β͑·͢ ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠