Middleman + Slimのlink_toヘルパーでブロックとか画像とかを囲む
HTML書いてて以下のようにしたい場合がある。 <a href="hoge.html"> <h2 class="title">タイトル</h2> <img class="thumbnail" src="img/gazou.png" height="100" width="50" alt="タイトル"> </a> Middleman(というかRuby on Rails)にはlink_toというヘルパーっていうのがあって、リンクとか貼ってくれる構文みたいなやつ(曖昧)。link_to、普通に書くと、 == link_to 'タイトル', 'hoge.html' とかになる。「タイトル」という文字列はまぁ普通にいける。じゃあ上のHTMLみたいにh2タグとimgタグはどうやって囲えばいいんだろうとなる。ググったらあった。 Rails3のlink_toヘルパーで、画像と文字列にリンクを貼る - b6
Middlemanでグローバルナビゲーションの今見ているページへのリンクにcurrentクラスをつける - 廃墟
Middleman便利ですね。 Webサイトといえばナビゲーションとかメニューが普通だとありますよね。 もちろんpartialなりlayoutなりに書いていると思うのですが、こうやって共通化してしまうと、一個だけ困る事があります。 まぁ、タイトルから推測がつくでしょう。 今みているページを示すナビゲーション要素を装飾したいときに困るんですよね。 こんな感じ。今Homeにいるから下にバーが出てる、という例。 ここで「しょうがない、メニューぜんぶ個別のページに書くか・・・」なんて考えるのはちょっと早い！ 何とかするのが技術者、と思うわけです。 というわけで以下ハウツー。 本題 ヘルパーを追加する まず、以下のヘルパーを追加しておきます。 "current_page?" はRailsなんかだとUrlHelperに含まれているのですが、Middlemanにはないので、適当に作ってしまいます。 #
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
Grunt + TypeScript + Middleman によるフロントエンド開発環境を作ってみる | DevelopersIO
Middleman を使うようになってしばらく経ちますが、2014年4月現在 TypeScript に対応していないというのがどうも気になります。Ruby on Rails や Sinatra といった他の Ruby 製フレームワークと同様、Middleman が対応している Alt JS は CoffeeScript のみです。 CoffeeScript は機能が軽量であることから学習コストが低く、記述されるコード量も少なくなるので個人的に結構気に入っているのですが、Web アプリケーションの規模が大きく複雑になるにつれて静的型付けの機能を持っていないことがデメリットとして浮上してきがちです。案件の規模によっては静的型付け言語の採用を検討しないと後々で大変な目にあいかねません。 はい。JavaScript や CSS 周りのお世話なら Grunt だけで十分にまかなえるのですが、Midd
rochas.cc
rochas.cc 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
Big Sky :: bundle exec がウザい
ruby のアプリを動かす時にいちいち bundle exec って書くのがダルい。書きたくない。でもシステムに入ってたり違うバージョンの物が動いて変な動作をされても困る。 どうにかしてこのダルさを解消できないかと考えてみた。 まず rbenv を使ってるなら gem でインストールされるコマンドは必ずシェルのラッパとして生成され、そこから本物が起動する様になっている。例えば rails であれば以下の様なシェルになっている。 #!/usr/bin/env bash set -e [ -n "$RBENV_DEBUG" ] && set -x program="${0##*/}" if [ "$program" = "ruby" ]; then for arg; do case "$arg" in -e* | -- ) break ;; */* ) if [ -f "$arg" ]; th
Middlemanユーザーもこれを入れればすぐにズルいデザインをはじめられます！ | mah365
意外と好評いただいているzurui-sass-railsをMiddlemanに対応させたGem、zurui-sass-middlemanを作りました。これでいちいちsassファイルを引っこ抜いて来なくてもzurui-sassを使えます！ 使い方 1. Middlemanプロジェクト内のGemfileに追加 gem 'zurui-sass-middleman', '~> 0.0.2' 2. Sassファイルからimport @import "compass" @import "zurui-sass" ※ compass前提なので、zurui-sassを読み込む前にcompassを読み込んで下さい。 3. あとはMixinを使うだけ .box +zurui-box-outer みたいな感じでMixinを使えるようになります。 Mixin自体の効果や使い方についてはこちらのページをご覧ください。
middleman で構築したサイトを GitHub Pages で公開するまでの流れをまとめてみた - C++でゲームプログラミング
@supermomonga さんに教えてもらいながら middleman で構築したサイトを GitHub Pages で公開する事ができたので、その手順をまとめておきます。 デプロイとかめんどくさいと思っていたんですが、実際やってみたらめちゃくちゃ簡単でした。 [必要なもの] git github のアカウント gem middleman [middleman の生成] まずはローカルに middleman のプロジェクトを作成します。 middleman は gem からインストールする事ができます。 $ gem install middleman $ middleman version Middleman 3.2.2 これで、middleman のコマンドを使用できるようになったので次のようにして middleman でプロジェクトを生成します。 $ middleman init t
Middlemanで快適フロントエンド開発構築
BUILD_DIR = 'build/2013' DEPLOY_DIR = 'deploy' DEPLOY_BRANCH = 'master' DEPLOY_REPOSITORY = 'git@github.com:nodefest/nodefest.github.com.git' module.exports = (grunt) -> grunt.task.loadNpmTasks 'assemble' grunt.task.loadNpmTasks 'grunt-contrib-sass' grunt.task.loadNpmTasks 'grunt-contrib-copy' grunt.task.loadNpmTasks 'grunt-contrib-clean' grunt.task.loadNpmTasks 'grunt-contrib-connect' grunt.task.
Middleman のサイトマップを使ってみる | e2esound.com業務日誌
Middleman Advent Calendar 2013 の 10 日目の記事です。まだまだ先は長い。長いねぇ。 さて, 10 日目の本日は, Middleman ガイドを読んでもイマイチわからない サイトマップ を触ってみることにしましょう。正直なところプログラムを書かない人や Middleman を使って独自の機能を作らなくていい人は読む必要はないので, 一応プログラマ向けの内容ということにして細かい解説は抜きにして進めます。 サイトマップを理解するには参考になる Middleman プロジェクトが必要です。そこで本家の Middleman ガイド (middleman/middleman-guides) を clone して使ってみましょう。今回は後で gem を追加するので bundler も使います。 $ git clone git@github.com:middleman/
Slimでセレクタを追加するときの書き方、及び Middleman の素晴らしさ。 - 納豆には卵を入れる派です。
よく、要素につけるidやclassを動的にしたい時とかに、Hamlだとこんな感じの書き方をする %li{class: "item #{item.name}"}この書き方がSlimだとダメっぽくてつまずいた。 Slimだとこんな感じの書き方になるらしい li[class="item #{item.name}"]こういうのもいけるっぽい。割と素のHTMLに近い感じで書けるのですね。 li class="item #{item.name}"そして条件つけるとこうなるっぽい li class=(if item.present? ? "#{item.name}" : 'no-item') li class=("#{item.name}" if item.present?)classを複数付け、かつ1つのclassにのみ条件を付加する場合はこのように入れ子にすればよいみたい。 li class="it
Middleman で作った web サイトを Travis + GitHub pages でお手軽に運用する - tricknotesのぼうけんのしょ
先日 Middleman を使って sapporojs.org をリニューアルしました。 その際に得られた Middleman での web サイト運用の知見をご紹介します。 Middleman って?? 簡単に説明すると、静的 web サイトジェネレータです。 Jekyll をご存知の方であれば、似たようなものをイメージしていただけるとよさそうです。 Middleman の方が優れている点は、 Asset Pipeline や Template Helpers などの便利な機能を利用をすることができることです。 http://middlemanapp.com/ 逆に Jekyll の方が有利な点としては、 GitHub pages が使えるためデプロイが楽であるという点があります。 そこで今回は、 Jekyll と同じく Middleman を GitHub pages に簡単にデプロイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
Loading...