タグ

ブックマーク / www.e2esound.com (7)

  • Middlemanにコマンドを追加する – middleman bower install – | e2esound.com業務日誌

    Middlemanにコマンドを追加する – middleman bower install - Middleman Advent Calendar 2013 の 5 日目の記事です。 Middleman には bower で取ってきたライブラリを利用する方法があります。 Middlemanの中でbowerを使う – Qiita [キータ] Notice: :bower_dir オプションは将来廃止になるらしいので注意: Deprecate :bower_dir global option bower のファイルが使える!便利!でもどうせなら、、、どうせなら、、、 middleman bower install を実現したい!!(使わないけど こういうことも実現できる簡単な方法が何故か Middleman には用意されています。 Middleman に bower コマンドを追加する

    ken_c_lo
    ken_c_lo 2013/12/07
  • Middleman の自分用テンプレートを簡単に作る方法 | e2esound.com業務日誌

    Middleman Advent Calendar 2013 の 6 日目の記事です。 もっと簡単に 4 日目に書いた Middleman採用サイトを分析する – Middleman ガイド編 -  のような記事を量産していこうかと考えてみたものの, どうせならドキュメントに詳しく載っていない部分を補強するようなものを書いた方が有用ではないか? ということで穴を埋めるかのような記事を書いていくのであった。 さて, 6 日目の記事は自分用テンプレートの作り方 (一番簡単な方法) をまとめてみるよ! 自分用テンプレート (カスタムテンプレート) とは何か? Middleman のカスタムテンプレートは自分が作業を始める時に用意する Asset(CSS, JavaScript), レイアウト, 共通の値の定義(タイトル, keyword, description等々サイトで使うもの), さらには

    ken_c_lo
    ken_c_lo 2013/12/07
  • Middleman採用サイトを分析する – Middleman ガイド編 – | e2esound.com業務日誌

    Middleman採用サイトを分析する – Middleman ガイド編 - Middleman Advent Calendar 2013 がいつの間にやら用意されましたが, 初日以降の投稿が無いので間を埋めるために書いてみることにしました。4日目の記事になります。ここ2ヶ月くらいの間で Middleman の普及率や認識率が肌感覚で大きく向上して来ている感があるので, このタイミングで過疎ってる感は少し寂しいですね。皆様のご参加お待ちしております。 Middleman Advent Calendar 2013 – Adventar Middleman 採用サイトを分析する意義 Middleman のドキュメントは基的な作業に必要な知識や機能については十分に教えてくれます。幸運なことに日語版もあります (頑張って作っている)。さらに踏み込んで使うにはコードを読むくらいしか方法がないのが

    ken_c_lo
    ken_c_lo 2013/12/04
  • Middleman 用のasset 管理 gem を作る方法 | e2esound.com業務日誌

    ken_c_lo
    ken_c_lo 2013/08/08
    ナイス メデルメン
  • Middlemanを使うことにしました - e2esound.com業務日誌

    仕事の中でHTMLを書く比重が否が応にも増えつつあります。田舎にいるのでそういったお仕事のお話もありますし、WordPress等のCMSへHTMLを組み込む前段階として使う場合もあります。外注さんにお願いする手段もありますがCMSの組み込み辺りを考慮した場合、なんだかんだと自分でやった方が最終的に早いです。 このHTMLの業務量の増大に備えて何かいい方法がないかと探していました。例えばCodeIgniterのView周りをいじって簡単にサイトを組んで出力させるとか、silexやSinatraでテンプレートエンジン使うとか。 そんな時、FacebookでMiddlemanというものがあるのを見て、試して、使って〜設定して今に至ります。どうでもいいところでハマったりしたのでまとめておきます。 yterajima/my_middleman Middlemanとは Middlemanはgemとして

  • マークアッパー的 Slim 入門21の手引き | e2esound.com業務日誌

    元ネタ: マークアッパー的 Haml入門21の手引き Slim は Ruby 製のテンプレートエンジンで HTML を効率的に生成するための記法です。Jade と Haml の影響を受けています。 元ネタのブログ記事が良さげな感じだったので Slim 版を試しに書いてみることにしました。Haml にあって Slim に無い機能もありますが, そのまま当て込んで書いています。 ※ ターミナルでコマンド実行を記述する場合 $ command のように頭に $ をつけて記述しています。 目次 Slim を使えるようにする Slim を HTML に変換する 基の記法 テキストの扱い 入れ子(ネスト)も可能 一行で出力したい場合 タグ間の空白/改行をコントロール 属性をつける id と class をつける コメントアウト IE条件分岐コメントアウト Slim ファイルのみのコメント DOCTY

  • 静的サイト生成ツールMiddlemanのドキュメントを日本語化 - e2esound.com業務日誌

    元のリポジトリ middleman/middleman-guides · GitHub語化したリポジトリはこちら。 yterajima/middleman-guides at ja · GitHub語化済ビルドしたファイルはここから確認できます。 Middleman: Hand-crafted frontend development 日語化の動機 一緒にお仕事される方にも使って貰いたいからです。 (日語情報あるんだから、英語読めないので…とか言わないでね) その他 1月になった辺りからドキュメントの書き換えが行われているようで、今まであったページが無くなったり、新しいページが追加されたりしています。Middlemanで検索した場合に404のページが見つかることがありますが、これが原因です。

    ken_c_lo
    ken_c_lo 2013/02/08
  • 1