2015/06/11　teratail Meetup "集まっtail"における、 ikuwow氏のLTの資料です。

1. Middlemanで
技術ブログ作ると
みんな幸せになるよ！
2015/06/11 (Thu) teratail開発チーム 出川 幾夫

2. 自己紹介
• 出川 幾夫（デガワ イクオ）
• 2015年4月Leverages新卒入社
• teratail開発チーム エンジニア
• PHPの人
• 趣味：サーバー自動化@ikuwow

3. Middleman知ってる？
https://middlemanapp.com

4. Middlemanとは？
• Ruby製フロントエンド
生成ツール
• ERB、Haml、Sass、
Less、CoffeeScriptから
HTML、CSS、JSを生成
$ gem install middleman
$ middleman init myblog

5. Middlemanでブログ作りました
http://ikuwow.website/

6. なんでMiddlemanでブログ？
• Markdownで書きたい！WordPressの闇はもう見たくない！！
• Vimで記事書きたい・・・。
• YeomanはJSこわいし、Jekyllは重いらしいし、Octpressよく
わからんし・・・
• Middlemanは最近開発が活発。日本語ドキュメント充実。公
式サイトのデザイン印象よい。あとRuby

7. ブログが超簡単に作れる
• middleman-blogとい
う公式プラグインが超
優秀
• タグ付け、下書き、
URL整形、アーカイ
ブ、…
$ middleman init —template=blog
$ middleman serve
## config.rb
activate :blog do |blog|
# ブログ機能のオプションを設定
end

8. ディレクトリ構成
• 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/

9. いつものエディタでMarkdown
YAMLでFrontmatter書く
$ middleman article my-
article

10. RailsのViewっぽく書ける
<% wrap_layout :layout do %>
<h1><%= current_article.title unless current_article.nil? %></h1>
<p class="post-meta"">
<% if !current_article.nil? %>
<% current_article.tags.each do |tag| %>
<%= link_to tag,
tag_path(tag),
:class => "post-category post-category-design"%>
<% end %>
<% end %>
</p>
<div class="social-buttons-box">
<%= partial "social_buttons" %>
</div>
<%= link_to ‘ホーム’, ‘http://ikuwow.website' %>
<% end %>

11. GitHub Pagesにデプロイ
$ git push origin master
or…
$ middleman deploy
記事を書く=> git commit => git push
=> その場で反映

12. いつものエディタで

13. Markdownで記事を書き
git commit

14. GitHub Pagesに即反映
git push

15. 普段の開発の流れで
ブログが書ける！

16. Middleman
最高

17. Middlemanで
技術ブログを書こう！

18. ドキュメントに載せてもらえま
す
ご静聴ありがとうございました