middlemanでブログを作ろう。インストールから初期設定まで（slimも少々）
Wordpressで始めたブログを管理画面がいらないという理由で静的サイトジェネレータのmiddlemanに乗り換えて早3ヶ月。CMS案件やWebアプリケーションのHTML/CSS制作にmiddlemanを使っていたのですが、ブログ機能はこの移行で初めて取り組みました。今回はこのブログ機能に絞って書いていきます。 というわけで、以下のような方におすすめの内容でお届けします。 middlemanを使ったことがある方middlemanでブログを作りたい方middlemanでのブログ初期設定をやろうとしている方なんとなく見てしまっているという奇特な方 ← どうもありがとうmiddlemanを初めて使う方は、まずは過去記事をご覧ください。 インストールからサーバーの起動まで ブログサイト制作するには、上記ページ内のmiddlemanを起動してみようのスケルトン作成の箇所に補足として記載している、$
Middleman を使ってブログを作る (心折られずに) - Qiita
このように、すでに作成済みの Middleman プロジェクト内で Gemfile に middleman-blog を追加して blog テンプレートを指定して再度初期化を行うか、もしくは、以下のように blog テンプレートを Middleman と同じようにグローバルにインストールしておいて、プロジェクト作成時にそれを指定することでブログサイトの雛形を生成され、すぐに利用を開始することができます。 これで、source ディレクトリ以下に 2014-10-15-example-article.html.markdown などの記事ファイルを作成して bundle exec middleman とすると・・・ ブログが完成しました！！！ Middleman を使うと、このようにすぐにブログを作成することができます！ 読んでくれてありがとうございました！ ・・・って、いやこの見た目じゃち
Middlemanを試してみた - SUSH-i LOG
静的サイトジェネレータの一つであるMiddlemanを使う機会があったのでメモ。 Jekyllやら、Octpressやら、黒い画面を使わない（らしい）Phestやら色々ありますが、今回はなんとなくMiddlemanにしました。 Rubyの記法も何となく覚えられるので一石二鳥…なのだろうか。 Middlemanについて RubyのフレームワークのSinatoraベースで作られていて、ERBだけじゃなくてHAMLやらSlimやらStylusやらSASSやらCofeescriptやら色々対応しているみたいです。 この辺りは他の静的ジェネレータでも恐らく一緒でしょうか？（使ったこと無いので分かりませんが…） YAMLベースでテンプレート側に変数を渡す事が出来るので、プログラマブルに構築する際は結構便利な気がします。 ちなみに、インストールから初期設定については日本語ドキュメントが充実していて、公式
[ Middleman で超速プロトタイピング ] #00 Haml 再入門 | DevelopersIO
Web アプリケーション開発の初期段階においては、そのアプリのモックアップをよく作ったりします。いわゆるプロトタイピングというヤツですね。本実装となるともちろんサーバーサイドは Java や PHP などで実装し、それに伴ってフロントエンドもそれらのプログラミング言語によるテンプレートエンジンをベースに HTML で作り上げる訳です。しかしプロトタイピングの段階ではそういったプログラミング言語に頼ることなく、HTML だけで一通りの静的な Web ページを作ることになります。 実はこのモックアップ作成という名のプロトタイピング、HTML だけで作るという理由からかなりの重労働だったりします。画面数の少ない小規模な Web アプリケーションであればどうってことないですが、業務系の Web アプリケーションとなると10画面、20画面は当たり前。時には40画面以上にも及ぶことも少なくありません。
Tokyo Middleman Meetup #2 が開催されました
Rubyで作られた静的サイトジェネレーターとして人気があるMiddlemanのミートアップがEngine Yardオフィスで開催されました。 私自身は当日参加できませんでしたが、ストリーミングと録画を仕掛けておいたので簡単にレポートしようと思います。 Tokyo Middleman Meetup #2 - connpass Tokyo Middleman Meetup#2 - an album on Flickr Tokyo Middleman Meetup #2 で発表してきた - ja.ngs.io 【Middleman】Tokyo Middleman Meetup #2 でLTさせていただきました。 ｜ Developers.IO Thomas さんによる講演 "Middleman Past, Present & Future" 今回、来日したThomasさんによる講演はMiddle
Middlemanの勉強
ジキラーだったがMiddlemanを少し調べてみたところなかなか便利そうな印象を受けた。MiddlemanはRubyで作られた静的サイトジェネレータでJekyllとよく似ている。設定ファイルやテンプレートを事前に作成しておいて、別にコンテンツ用のテキストファイルを用意してコマンドを打つとひと通りのhtmlファイルが作成されるのであとはウェブサーバにファイルをアップロードすればサイトを公開できる。 ローカルで作成すればウェブサーバ側にRubyをインストールしておく必要はない。サーバ側にウェブサーバしか要求しないのでGihtub PageやAmazon S3などで公開することができるし、自前でレンタルサーバやVPSを契約していてもサーバ側にあまり負荷をかけないのでメリットはある。 Middlemanはまず日本語のドキュメントが存在するのが良い点。アセットパイプライン、LiveReload、デプ
Middleman: 公式サイトで紹介されている機能を確認する | DriftwoodJP
主なコマンドプロジェクトフォルダを作成 … middleman init開発用ローカルサーバーを起動 … middleman serverファイルをビルド（静的ファイルの出力） … middleman build【Middleman】静的サイトジェネレータを使用してみる。 ｜ Developers.IO その他。 % middleman --help Tasks: middleman build [options] # Builds the static site for deployment middleman console [options] # Start an interactive console in the con... middleman extension NAME [options] # Create Middleman extension scaffold NAME
[ Middleman で超速プロトタイピング ] #02 Middleman の便利機能 7 選 | DevelopersIO
そんな訳で、前回は Middleman のインストールから基本的な機能まで学習しました。今回はより本格的に使いこなすために、Middleman の持つ膨大な機能の中から僕が比較的多用している機能を7つばかり紹介していくとします。Middleman って何？という方は、先に以下の記事をご参照ください。 [ Middleman で超速プロトタイピング ] #01 Middleman の基礎を一気に学ぶ テンプレート - レイアウトを無効にする すべてのテンプレートファイルは何らかのレイアウトに囲われた状態で出力されますが、時にレイアウトを全く使用したくないという状況もあるでしょう。具体例として、モーダルダイアログ内に読み込む外部ファイルなどが考えられます。そんな時はテンプレートファイルがレイアウトに囲われないように無効化する訳ですが、以下の二種類の方法でこれを解決することが出来ます。 Fron
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
[ Middleman で超速プロトタイピング ] #01 Middleman の基礎を一気に学ぶ | DevelopersIO
前回は Middleman を習得する前準備として Haml という HTML の拡張メタ言語について学びました。 #00 Haml 再入門 Haml は Middleman においてレイアウトファイルやテンプレートファイルを作成するのに使用します。デフォルトでは Haml ではなく ERb という Ruby 標準のテンプレートファイル形式が使われており、こちらは PHP や JSP と非常によく似た書式となっています（※拡張子はerb）。 身も蓋もないことを言ってしまうと、Haml を知らなくても ERb 形式で書くことで Middleman を使うことは可能です。ソースコード自体も標準の HTML 内に Ruby のコードが埋め込まれたような見た目なので、学習コスト自体は ERｂ のほうが低いかもしれません。しかしそれを考慮したとしても、コーディング自体の効率性やコードの見通しの良さか
Middleman: きれいな URL (ディレクトリインデックス)
デフォルト設定では Middleman はプロジェクトの中であなたが記述したとおり正確に ファイルを出力します。例えば source フォルダの中の about-us.html.erb ファイルはプロジェクトのビルド時に about-us.html として出力されます。 example.com の Web サーバのルートディレクトリにプロジェクトを配置すれば, このページは次の URL でアクセスできます: http://example.com/about-us.html Middleman は .html 毎にフォルダを作り, そのフォルダの index としてテンプレートを 出力するディレクトリインデックス拡張を提供します。 config.rb で次のように指定します: このプロジェクトがビルドされた時, about-us.html.erb ファイルは about-us/index.h
Middleman-Blog + Amazon S3へ移行 - PiyoPiyoDucky
ブログをOctopress + GitHub PagesからMiddleman-Blog + Amazon S3へ移行しました。 Middlemanに興味があって試したところ、シンプルで使い勝手がよかったためそのまま移行することにしました。 AWSも勉強中なので、この機会に併せてホスティングをS3に、DNSサーバーもRoute 53にしました。 コスト意識を持った方が、色々工夫しようとする気持ちが強くなるので、技術が身につきやすいのかなぁと思います。 Goodbye Octopress Octopressを使うとき、まず本体をGitリポジトリからクローンし、その中に記事のファイルを追加していきます。 そのため、記事用のブランチを切ってはいますが、本体の更新のコミットと同居するのでログがかなり見づらいです。 記事だけ別のリポジトリにすれば幾分マシだったのかも？それもなんだかなぁ。 また、テン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
re-dzine.net situs togel online toto 2023 -
GitHub - karlfreeman/middleman-deploy: Deploy a middleman built site over rsync, ftp, stfp, or git (e.g. gh-pages on github).
blog.takuyan.com
`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 フリーランスプログラマ
uskanda.com - uskanda リソースおよび情報
middleman-slim | RubyGems.org | your community gem host
GitHub - yuya-matsushima/middleman-slim: A Middleman template using Slim.