タグ別アーカイブ: slim

縦棒からの開放 -Slimのsmart text-

前の記事 に続いて Middleman の話ではなく, テンプレートエンジン Slim 単体の話です。

実はインクルード以外にも Plugin が追加されています。スマートテキストです。Slim を使い時に, HTML の通常テキスト部分を表すには | を使わなければならないことがありますが, これを使わずに書けるようになったようです。

またまたとりあえず動かしてみる

前回と同じリポジトリにディレクトリを追加しています。

yterajima/slim-plugin-sample

前回と同じ手順で下準備します。まだ rubygems 版には反映されていないので直接 github のコードを bundler で持ってきてます。

$ git pull git@github.com:yterajima/slim-plugin-sample.git
$ bundle install --path vendor/bundle 
$ bundle exec slimrb -v 
  Slim 2.0.3

slimrb -v の結果が得られれば問題ありません。ファイルが用意してあるディレクトリに移動して, コマンドを実行します。

続きを読む

テンプレートエンジンSlim単体でファイル分割する

Middleman の話ではなく, テンプレートエンジン Slim 単体の話です。

Slim のリポジトリをチェックされている方なら既に当然のようにお気づきのことかと思いますが, 少し前に Slim に新しい Plugin が追加されました。その 1 つが外部ファイルのインクルード(ファイル分割)です。

とりあえず動かしてみる

説明が面倒なので, github にコードを用意してみました。
yterajima/slim-plugin-sample

git を使って pull, bundle install を実行する必要があります。

$ git pull git@github.com:yterajima/slim-plugin-sample.git
$ bundle install --path vendor/bundle 
$ bundle exec slimrb -v 
  Slim 2.0.3

slimrb -v の結果が得られれば問題ありません。ファイルが用意してあるディレクトリに移動して, コマンドを実行します。 続きを読む

Middlemanに続いてSlimのREADME.mdも本家にmergeされた

自分のリポジトリで1年以上日本語化をしていましたが, 手元にあるのも変な話だよなー、ということで pull-req したら merge してもらえました。

「普段はこういうのmergeしないんだけど、Youが面倒みてくれるっていうからmergeすんぜ!」みたいな話です。

Add Japanese README by yterajima · Pull Request #486 · slim-template/slim : https://github.com/slim-template/slim/pull/486

これでMiddlemanの日本語版もSlimのREADMEの日本語版も公式なリポジトリで管理されるようになりました。

Middleman+Slim+Sassあたりで静的サイトを作らない理由がまた1つ減った(ような。

ところで、このところのRubyを書いていない感がすごいので、もう少し時間を作りたいと思います。時間がなかったのは主に確定申告をしていたからです。

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

Tokyo Middleman Meetup #1のスライド確認風景

11/22(金) に開催された Tokyo Middleman Meetup #1 に参加してきました。

P4D さん管轄のイベントとして開催していただき, 長らく東京で Middleman の勉強会したいなーと思っていたのでとてもありがたかったです。何か勉強会を東京で〜と考えた時に群馬にいるのはかなり不利な感じある。

発表資料

Middleman Guides 日本語版 に関する発表をしました。群馬に戻ってから何があって Middleman をいじってるのか, Middleman Guides との向き合い方といった主旨のお話でした。

デザイナーとプログラマそれぞれが使う可能性のあるツールについて話すというのは結構難しい。両者に 1 度に話す内容は難しいので, 今回は「主にデザイナー向け, Middleman を始めようと思っている人, 始めたばかりの人」といったターゲットをイメージしながら資料を作っています。

続きを読む

WordPressもくもく勉強会@群馬#1に参加しました

高崎にできたコワーキングスペース SOMETHIN’ ELSE で開催されたもくもく会に参加してきました。

WordPressもくもく勉強会@群馬#1 : ATND

やったこと

  • もくもく
  • 途中自己紹介タイム
  • もくもく
  • 希望者が成果を発表

自分の成果

前日まで何をしようか迷っており, A案やってみるかと思えば思うようにならないことがわかり, 最終的に面倒になってブログを書いていました。

続きを読む

マークアッパー的 Jade 入門 21 の手引き

Jade Logo

Jade は, JavaScript 製のテンプレートエンジンで HTML を効率的に生成するための記法です。Haml の影響を受けています。関係としては, Haml > Jade > Slim といったように影響を受けているため, それぞれ似通った機能を持っています。

Haml と Slim の同様の記事があるのでどうせなら Jade もあれば比較できるのかな? ということで書いてみます。

Jade は実務で使用したことがないので誤りがある可能性があります。一通りドキュメントは確認していますが誤りがあればご指摘いただけるとありがたい。

※ ターミナルでコマンド実行を記述する場合$ command のように頭に $ をつけて記述しています。

目次

続きを読む

マークアッパー的 Slim 入門21の手引き

slim-kanban

元ネタ: マークアッパー的 Haml入門21の手引き

Slim は Ruby 製のテンプレートエンジンで HTML を効率的に生成するための記法です。JadeHaml の影響を受けています。

元ネタのブログ記事が良さげな感じだったので Slim 版を試しに書いてみることにしました。Haml にあって Slim に無い機能もありますが, そのまま当て込んで書いています。いわゆるSlimの入門記事です。Slimの書き方〜といった記事もあまりないのでご参考までに。

※ ターミナルでコマンド実行を記述する場合 $ command のように頭に $ をつけて記述しています。

目次

続きを読む

速習テンプレートSlim(HTML作成編)

テンプレートエンジンSlimを使ってスマートにHTMLを作成する

昨日うちの事務所で開催したagatsuma.survive#02の中でSlimの説明が思ったよりも好評だったので改めてまとめてみます。

このエントリでは Slimを使ってHTMLを作成する ことだけを目的としているため、動的にSlimでゴニョゴニョするような話は出て来ません。HTMLの代替にSlimを使う、といった主旨の内容です。プログラムの話も出て来ませんが、残念ながらコマンドラインを少し使います。

Slim とは?

  • 拡張子は .slim
  • view の構文を本質的な部品まで減らすことを目指したテンプレート言語
  • Ruby製のテンプレートエンジン
  • 高速, 軽量
  • インデント重要

用途

  • Railsプロジェクトのテンプレート
  • Sinatra(Padorino)のテンプレート
  • HTMLの代替(個人的には)

SlimでHTMLを作成するメリット

  • タイプ数が減る
  • HTML に比べ見通しが良い
  • 実はそんなに難しくない

続きを読む

Gunma.web#12に参加しました

12回目を迎えた群馬で開催されるそっち系の人向け勉強会Gunma.web#12に参加しました。個別の発表については_shimizuさんのブログ記事 Gunmaweb #12に参加してきました。 | GUNMA GIS GEEK に詳しいです。

今回の発表

群馬に戻ってきてからの発表内容はアップロードが憚られるものが多かったので、久しぶりの資料公開になります。昨年の11月から取り組んでいる静的サイトの作り方のお話をさせていただきました。

昨年の春くらいからJIS X 8341-3 およびみんなの公共サイト運用モデルの調査、実装検討からもう1歩進んで、より確実により早くより簡単にHTMLを生成する方法を探して、こんな環境に辿り着きました。群馬に戻ってきてからのHTMLまわりの検討については、この辺りで一旦お休みの予定です。

反省点

この発表については、中身がテンプレートエンジンSlimの話と静的サイト生成ツールmiddlemanの話の2つをくっつけたものになります。5分の発表であればどちらかに絞って話すべきだったと感じました。内容が多い上に浅かった感じで。まだまだ精進したいですね。

その他

Middlemanはコマンドラインからコマンドを叩かないと使えないツールです。だがしかし!今日中の人が「ターゲットはコマンドライン使わない人たちだから、Macのアプリじきに出すよ」と書いていたのでこうご期待です。(日本語化しといてよかった