タグ: middleman

middleman-blog で手っ取り早く絵文字対応をする:full_moon_with_face:

middleman-blog でブログを書いていて、絵文字対応をしようと、既存の Middleman プラグイン: middleman-emoji, middleman-gemoji を試してみたのですが、どちらも、現在の middleman-blog 安定版: v3.5.3 から簡単に組み込めませんでした。(依存している Middleman Core バージョンが 3.3 になっていたのを 3.2 に緩めたりもしてみました。)

さらに、Middleman を 3.3 にアップデートしてみたのですが、既存のエントリーに互換性がなく、エラーが起き、ビルドできず、解決するのに工数を要しそうだったので、自分で拡張することにしました。

もっと読む 

静的サイトジェネレーターで作ったサイトの検索 API

以前、このブログで 直接 GitHub API v3 を使って検索画面を作った方法 を紹介しましたが、業務でも同じ方法を試み、後述の理由で、自前で簡易検索 API を作りました。

kaizenplatform/doc-search-api on GitHub

もっと読む 

Middleman+GitHub で構築したサイトの検索画面を作る

このブログは MiddlemanGitHub Pages で構築しています。

GitHub Pages は静的な資材をホスティングする機能しかないため、Movable Type でいうところの、mt-search.cgi みたいな、動的な検索画面は作れない制約があります。

そこで、GitHub API v3 を使って JavaScript で実装することにしました。

実際の動作は、サイドバー (モバイル画面では下部) にある、検索窓から、適当な文字列で検索してみて下さい。(例: Hubot)

もっと読む 

Middleman のプレビューサーバーの 404 Not Found 画面をカスタマイズする

現在、開発している AngularJS アプリケーションは、土台を Middleman で作り、Amazon S3静的ウェブサイトホスティング を使って公開する仕組みになっており、エラーページにロジックを書く必要がありました。 (後述します)

Middlemanプレビューサーバーの 404 Not Found 画面は、上記の画像の様なそっけないもので、ライブラリにべた書きされています。

参照: middleman-core/core_extensions/request.rb

これでは、エラーページの確認が難しいので、この 404 画面をカスタマイズする機能拡張を書きました。

もっと読む 

Hubot を使って CloudFront の Distribution 一覧・Invalidation 作成を行う hubot-cloudfront

Hubot を使って Amazon CloudFront の Distribution (配信) 一覧取得 と、Invalidation (無効化) 作成 を行うスクリプトを公開しました。

ngs/hubot-cloudfront

npm install --save hubot-cloudfront

もっと読む 

Tokyo Middleman Meetup #2 で発表してきた

Photo by @yterajima

2014/05/16 に恵比寿の Engine Yard さんで行われた、Tokyo Middleman Meetup #2 で、KAIZEN platform で開発している、planBCD GUI Editor と類似記事プラグインについて発表してきました。

当たり前ですが、みんな Middleman 好きで楽しい Meetup でした。(当日の様子)

もっと読む 

middleman-blog で類似記事を表示する

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 インスタンスメソッドで、類似エントリー一覧を取得できます。

もっと読む 

middleman-google-analytics の Universal Code 対応

先日 Google から発表があった通り、ユニバーサル アナリティクスが正式リリースされました。

このブログは middleman-google-analytics を使って Google Analytics タグを埋め込んでいるので、ユニバーサル アナリティクス対応するには、直接コードをレイアウトに書くか、機能拡張を改修する必要がありました。

折角、今までお世話になってきたので、改修をして Pull Request を送りました。

もっと読む 

middleman-ogp を作りました。

以前欲しいと言っていた Middleman で OpenGraph Protocol タグを簡単に扱えるプラグインが、待ってても出てこないので、自分で作りました。

ngs/middleman-ogp on GitHub

Gemfile に以下を追加して、使えます。

gem 'middleman-ogp'

もっと読む 

Middleman 雑感

Middleman OpenGraph Plugin がほしい。

Middleman に OpenGraph 用のプラグインがないので、nanoc で作ったヘルパー lib/nanoc/helpers/og_tags.rb を移植する。

-> 近いものがあった MiddlemanでOGPデータをyamlを使って極力少ない労力で書く - Qiita。マージする。

もっと読む 

Middleman Blog を Travis-CI で GitHub Pages に継続デプロイ

Octopress Blog では既に設定していた Travis-CI での自動デプロイですが、こちらのブログにも設定します。

middleman build && middleman deploy とか毎回コマンドうつの面倒ですもんね。

参考サイト: Middleman で作った web サイトを Travis + GitHub pages でお手軽に運用する

上記サイトとの違いは、middleman-deploy プラグインを使っているため、自分で git コマンドを記述する手間が省けます。

もっと読む