middlemanでブログを作ろう。インストールから初期設定まで（slimも少々）
Wordpressで始めたブログを管理画面がいらないという理由で静的サイトジェネレータのmiddlemanに乗り換えて早3ヶ月。CMS案件やWebアプリケーションのHTML/CSS制作にmiddlemanを使っていたのですが、ブログ機能はこの移行で初めて取り組みました。今回はこのブログ機能に絞って書いていきます。 というわけで、以下のような方におすすめの内容でお届けします。 middlemanを使ったことがある方middlemanでブログを作りたい方middlemanでのブログ初期設定をやろうとしている方なんとなく見てしまっているという奇特な方 ← どうもありがとうmiddlemanを初めて使う方は、まずは過去記事をご覧ください。 インストールからサーバーの起動まで ブログサイト制作するには、上記ページ内のmiddlemanを起動してみようのスケルトン作成の箇所に補足として記載している、$
haml の高速なレンダリングエンジン faml を書いた - eagletmt's blog
haml との互換性にはかなり気を使っているけど、一部意図的に非互換にしていたり、正確な仕様がわからず再現できていない箇所があったり、haml の奇妙な挙動が直っていたりして、完全に全く同じ動作にはなっていない。 先日 faml を本番に投入して今も動いている。faml 導入にあたって実際にはアプリケーション側のビューを一部書き換えたけど、大量のビューがある中での変更点は十分少なかったと思う。 なお、このエントリ内での「元々の haml」は haml 4.0.6 を指している。過去のバージョンは知らない。 どれくらい高速なのか 元々 faml を書き始めたきっかけは「haml と slim に文法的に大きな差があるわけではないんだし、slim と同程度高速な haml のレンダリングエンジンは書けるはず」という点だった。 なので、slim と同じくらい高速ではあるものの、slim 以上に高
Slimより高速なHaml実装「Hamlit」をリリースしました - k0kubun's blog
slim-template/slimのcompiled benchでオリジナルのhamlに比べ8倍高速に動作するhaml実装をリリースしました。 github.com なぜ高速なHaml実装を作ったのか 個人的にhamlのシンタックスのほうが好きなので、「hamlは遅いからslimを使う」みたいな人を減らしたかったから。以前slimの普及に貢献したんだけど、気が変わったのでhamlを応援することにした。 実は他にも既にeagletmt/famlという高速なHaml実装が存在していたんだけどベンチを走らせたらslimより遅かったので、slimを打倒するべく再実装した。 どのくらいHamlより速いのか 自分の実装に都合のいいベンチマークを作るのは簡単なので、公平性を期すためにslim-template/slimのcompiled benchと同じものを使い、誰でも同じ環境が使えるtravisで
Hamlの書き方 - Qiita
htmlを記述するとき、簡単かつ簡易的に記述できるHamlについての書き方を記します。 Ruby On Rails などを扱うとき、Hamlで記述する人も多いでしょう。 ちなみに私はSlimなども好きです。 Hamlの基本 （例） ＜コード解説＞ 1. !!! <!DOCTYPE html>を表す 2. % タグの前に%を付けると< 開始タグ >と< 終了タグ >を表す。 3. インデントを必ず入れる 入れ子構造にする時は字下げを必ず同じスペース分入れる。 ちなみに私の場合はRubyが主ですがその他プログラムでも記述するときは字下げ（タブ幅）を2にしています。だいたい4つスペースか2つスペースなんかが一般的でしょうか。 4. 属性を入れる場合 Ruby風に{}とシンボルで書ける。 尚、HTML風に書くなら「%html(lang="ja")」 コメント記法 HTML的に記述 「/ コメントだ
Middleman: らくらく Slim 入門 | DriftwoodJP
インストール楽をするために、先人のプロジェクトテンプレートを利用します。 お好みで。 shimoju/middleman-bootstrap-sass-slimテンプレート化。 shimoju/middleman-bootstrap-sass-slim % git clone https://github.com/shimoju/middleman-bootstrap-sass-slim.git ~/.middleman/bootstrap-sass-slim % middleman init test_middleman_bss --template=bootstrap-sass-slim % cd test_middleman_bss % bundle % bundle exec middleman server
マークアッパー的 Slim 入門21の手引き | e2esound.com業務日誌
元ネタ: マークアッパー的 Haml入門21の手引き Slim は Ruby 製のテンプレートエンジンで HTML を効率的に生成するための記法です。Jade と Haml の影響を受けています。 元ネタのブログ記事が良さげな感じだったので Slim 版を試しに書いてみることにしました。Haml にあって Slim に無い機能もありますが, そのまま当て込んで書いています。 ※ ターミナルでコマンド実行を記述する場合 $ command のように頭に $ をつけて記述しています。 目次 Slim を使えるようにする Slim を HTML に変換する 基本の記法 テキストの扱い 入れ子(ネスト)も可能 一行で出力したい場合 タグ間の空白/改行をコントロール 属性をつける id と class をつける コメントアウト IE条件分岐コメントアウト Slim ファイルのみのコメント DOCTY
e2esound.com業務日誌
WordPressによるサイト制作、PHP開発、Webサイト/Mobileサイト制作を行うe2esound.comの業務日誌的なblogです。PHPカンファレンスのLTの中で、nginx(エンジンエックス)という軽量・高速なWebサーバーがあることを知りました。 本 家:http://nginx.org/ 日本語wiki:http://wiki.nginx.org/NginxJa Webサーバーというと、これまでApacheしか使ったことがありませんでしたが、試しに使ってみることに。軽量・高速ということはローカルで開発をする場合には重宝するかなぁと期待。とりあえず余っているUSBフラッシュメモリで試してみました。 続きを読む
Middlemanのプロジェクトテンプレートを作ってgemにした | e2esound.com業務日誌
以前, QiitaにMiddlemanのデフォルトファイルのslim版という投稿をしたところ, @udzuraさんから「これを元にslimのtemplateを作ってgemにできるとよさそうですね……」といったご意見をいたきました。 長らく放置していましたが, GW何もコード書いてない感もありサクッとやってみました。尚, Gemを作ること自体が初めてだった為, かなり右往左往した次第で。 middleman-slim | RubyGems.org yterajima/middleman-slim · GitHu でき上がったものとしては, デフォルトのERbのテンプレートの代わりにSlimの同内容のテンプレートを用意するというものです。 参考にしたもの・記事 middleman-ratchet middleman-blog 【gemの作り方】 Rubyのオブジェクトをグンマー県が制圧するge
Documentation for slim
Slim Slim is a template language whose goal is to reduce the view syntax to the essential parts without becoming cryptic. It started as an exercise to see how much could be removed from a standard html template (<, >, closing tags, etc...). As more people took an interest in Slim, the functionality grew and so did the flexibility of the syntax. A short list of the features... Elegant syntax Short
Slim - A Fast, Lightweight Template Engine for Ruby
doctype html html head title Slim Examples meta name="keywords" content="template language" meta name="author" content=author javascript: alert('Slim supports embedded javascript!') body h1 Markup examples #content p This example shows you what a basic Slim file looks like. == yield - unless items.empty? table - items.each do |item| tr td.name = item.name td.price = item.price - else p | No items
速習テンプレートSlim(HTML作成編) | e2esound.com業務日誌
テンプレートエンジンSlimを使ってスマートにHTMLを作成する 昨日うちの事務所で開催したagatsuma.survive#02の中でSlimの説明が思ったよりも好評だったので改めてまとめてみます。 このエントリでは Slimを使ってHTMLを作成する ことだけを目的としているため、動的にSlimでゴニョゴニョするような話は出て来ません。HTMLの代替にSlimを使う、といった主旨の内容です。プログラムの話も出て来ませんが、残念ながらコマンドラインを少し使います。 Slim とは? 拡張子は .slim view の構文を本質的な部品まで減らすことを目指したテンプレート言語 Ruby製のテンプレートエンジン 高速, 軽量 インデント重要 用途 Railsプロジェクトのテンプレート Sinatra(Padorino)のテンプレート HTMLの代替(個人的には) SlimでHTMLを作成する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - k0kubun/hamlit: High Performance Haml Implementation
`wrap_layout` doesn't work with slim on ~> 3.3.2 · Issue #1269 · middleman/middleman
Middlemanの入れ子レイアウトでエラー undefined method `safe_concat' for "":String - 仙台 Ruby Vim JavaScript フリーランスプログラマ
middleman-slim | RubyGems.org | your community gem host
GitHub - yuya-matsushima/middleman-slim: A Middleman template using Slim.
re-dzine.net situs togel online toto 2023 -
my_middlemanをlivereload対応にしました | e2esound.com業務日誌
[E2]e2esound.com::
GitHub - natsumis/rochas-on-middleman-heroku: Middleman-Blog, Heroku, Slim, Sass, Autoprefixer
