前回このブログをHTTP2対応させた話をしましたが、その際にMovableTypeからmiddleman-blogに移行しています。 移行そのものの話も書きたいのですが、今回はmiddleman-blogのエントリをAMP対応させたのでその話を書きます。 AMP対応の細かなフローは公式サイトのチュートリアルを見れば理解できると思います。要は、 AMP用のJavaScriptを読み込む 自前のJavaScriptはロード、実行できない 外部スタイルシートはロードできない 自作スタイルシートはhead要素内に差し込む imgタグはamp-imgタグなど独自のタグに置き換える あたりがポイントになります。この対応をmiddleman-blogのエントリに対して適用させます。 AMP対応が完了するとValidationが通り、このような結果になります。 https://validator.ampp
middleman-blog でブログを書いていて、絵文字対応をしようと、既存の Middleman プラグイン: middleman-emoji, middleman-gemoji を試してみたのですが、どちらも、現在の middleman-blog 安定版: v3.5.3 から簡単に組み込めませんでした。(依存している Middleman Core バージョンが 3.3 になっていたのを 3.2 に緩めたりもしてみました。) さらに、Middleman を 3.3 にアップデートしてみたのですが、既存のエントリーに互換性がなく、エラーが起き、ビルドできず、解決するのに工数を要しそうだったので、自分で拡張することにしました。 やったこと Markdown 本文で :emoji_name: の様な、コロンで囲われた部分を <img> タグで、GitHub の CDN にホスティングされてい
middleman-gemoji 実はすでに絵文字を実現できるらしい gem は公開されていたのですが, あまりメンテナンスされていないらしいこと, 絵文字画像のインストール処理をコマンドで追加したかったりといったところがあって新しく作ってみました。 絵文字の処理と絵文字画像については github の gemoji に依存しています。 使い方 bundler を使った作業方法を前提に書きます。まず新しいプロジェクトを作成。 $ middleman init gemoji-test 続いて Gemfile に追加。 gem "middleman-gemoji" インストールを実行。 $ bundle install --path vendor/bundle 次に config.rb で拡張を有効化。 activate :gemoji あとは適当にファイルを編集します。source/inde
■ [ruby] Rails使いが静的サイト作るならmiddlemanがいいよ〜という話をした 最近middlemanを少し触っていたので、社内勉強会でその話をした。 middlemanとは Ruby製の静的サイトジェネレータ。erbとかmarkdownとかsassとかを書くと、HTMLやCSSにコンパイルしてくれるやつ。 (競合はJekyllとかNanocとかだけどあまり詳しくないので省略) RubyKaigi 2013のサイトでも使われていたりした。https://github.com/ruby-no-kai/rubykaigi2013 Railsとの親和性 普段Railsのビューを書いてると素のHTMLを書くのが辛くなるけど、middlemanならRailsの便利なあれこれがそのまま使えるので、Railsのビューを書くような感じで静的サイトが作れる。 layoutが使える parti
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
