middleman
middleman-blog でブログを書いていて、絵文字対応をしようと、既存の Middleman プラグイン: middleman-emoji, middleman-gemoji を試してみたのですが、どちらも、現在の middleman-blog 安定版: v3.5.3 から簡単に組み込めませんでした。(依存している Middleman Core バージョンが 3.3 になっていたのを 3.2 に緩めたりもしてみました。)
さらに、Middleman を 3.3 にアップデートしてみたのですが、既存のエントリーに互換性がなく、エラーが起き、ビルドできず、解決するのに工数を要しそうだったので、自分で拡張することにしました。
以前、このブログで 直接 GitHub API v3 を使って検索画面を作った方法 を紹介しましたが、業務でも同じ方法を試み、後述の理由で、自前で簡易検索 API を作りました。
このブログは Middleman と GitHub Pages で構築しています。
GitHub Pages は静的な資材をホスティングする機能しかないため、Movable Type でいうところの、mt-search.cgi みたいな、動的な検索画面は作れない制約があります。
そこで、GitHub API v3 を使って JavaScript で実装することにしました。
実際の動作は、サイドバー (モバイル画面では下部) にある、検索窓から、適当な文字列で検索してみて下さい。(例: Hubot)
現在、開発している AngularJS アプリケーションは、土台を Middleman で作り、Amazon S3 の 静的ウェブサイトホスティング を使って公開する仕組みになっており、エラーページにロジックを書く必要がありました。 (後述します)
Middleman のプレビューサーバーの 404 Not Found 画面は、上記の画像の様なそっけないもので、ライブラリにべた書きされています。
参照: middleman-core/core_extensions/request.rb
これでは、エラーページの確認が難しいので、この 404 画面をカスタマイズする機能拡張を書きました。
Hubot を使って Amazon CloudFront の Distribution (配信) 一覧取得 と、Invalidation (無効化) 作成 を行うスクリプトを公開しました。
npm install --save hubot-cloudfront
Photo by @yterajima
2014/05/16 に恵比寿の Engine Yard さんで行われた、Tokyo Middleman Meetup #2 で、KAIZEN platform で開発している、planBCD GUI Editor と類似記事プラグインについて発表してきました。
当たり前ですが、みんな Middleman 好きで楽しい Meetup でした。(当日の様子)
middleman-blog で類似記事を取得する機能拡張を作りました :boom:
View middleman-blog-similar on GitHub.
gem 'middleman-blog-similar'
gem 'levenshtein-ffi', :require => 'levenshtein'
h2 Similar Entries
ul
- similar_articles.first(5).each do|article|
li= link_to article.title, article.url
similar_articles ヘルパーメソッドか Middleman::Blog::BlogArticle#similar_articles インスタンスメソッドで、類似エントリー一覧を取得できます。
先日 Google から発表があった通り、ユニバーサル アナリティクスが正式リリースされました。
このブログは middleman-google-analytics を使って Google Analytics タグを埋め込んでいるので、ユニバーサル アナリティクス対応するには、直接コードをレイアウトに書くか、機能拡張を改修する必要がありました。
折角、今までお世話になってきたので、改修をして Pull Request を送りました。
以前欲しいと言っていた Middleman で OpenGraph Protocol タグを簡単に扱えるプラグインが、待ってても出てこないので、自分で作りました。
Gemfile に以下を追加して、使えます。
gem 'middleman-ogp'
Middleman に OpenGraph 用のプラグインがないので、nanoc で作ったヘルパー lib/nanoc/helpers/og_tags.rb を移植する。
-> 近いものがあった MiddlemanでOGPデータをyamlを使って極力少ない労力で書く - Qiita。マージする。
Octopress Blog では既に設定していた Travis-CI での自動デプロイですが、こちらのブログにも設定します。
middleman build && middleman deploy とか毎回コマンドうつの面倒ですもんね。
参考サイト: Middleman で作った web サイトを Travis + GitHub pages でお手軽に運用する
上記サイトとの違いは、middleman-deploy プラグインを使っているため、自分で git コマンドを記述する手間が省けます。