タグ Haml
人気順 10 users 50 users 100 users 500 users 1000 usersHamlを3倍速くした - k0kubun's blog
2017 - 02 - 27 Hamlを3倍速くした Haml コミッターになった RubyKaigi 2015で「Hamlは遅いしメンテされてないので使わない方がいい」と言った ところ、じゃあ自分でメンテして速くしろということになりコミッターになった *1 。 当時から2年ごしなのは、 当時のHamlのオーナーがあまりアクティブではなく 、 最近a_matsudaさんがオーナーになった ため。 ... 続きを読む
Hamlit v2.0をリリースしました & RubyKaigi登壇します - k0kubun's blog
2015-11-30 Hamlit v2.0をリリースしました & RubyKaigi登壇します Slimより高速なHaml実装「Hamlit」 RubyでHTMLを生成するのにERB以外でよく使われるテンプレート言語にHamlやSlimがあります。haml *1 をやめて高速なslimに移行する人が多かったのですが、私はHamlのシンタックスの方が好きなので、slimが用意したベンチマークでsl... 続きを読む
haml の高速なレンダリングエンジン faml を書いた - eagletmt's blog
2015-04-04 haml の高速なレンダリングエンジン faml を書いた eagletmt/faml haml との互換性にはかなり気を使っているけど、一部意図的に非互換にしていたり、正確な仕様がわからず再現できていない箇所があったり、haml の奇妙な挙動が直っていたりして、完全に全く同じ動作にはなっていない。 先日 faml を本番に投入して今も動いている。faml 導入にあたって実際... 続きを読む
Rubyでwebアプリひな形作成CLIツールを作ってみた - Perlがくしゅう帳(Rubyも)
2015-01-10 Rubyでwebアプリひな形作成CLIツールを作ってみた Rubyを書いてるの人の大半の目的はRailsの利用だと思うのですが、自分はRails newを試した位しか、した事がありません。 まあ、今のところ趣味で作るサイトやwebアプリにはRailsは多機能過ぎて、もっぱらSinatraとHamlで挙動を確認しながら色々試しています。良い点として、自分で必要なGemを吟味して... 続きを読む
erbからSlimに、SCSS記法からSass記法に移行した理由 | nanapi TechBlog
こんにちは、エンジニアの手塚です。 今回はRailsで開発しているIGNITIONで、SlimとSass記法へ移行した際の理由・方法・つまずいた点・所感を紹介します。 SlimとSass記法とは? SlimとSass記法の簡単な説明・記述例を紹介します。 Slimとは 同じテンプレートエンジンのHamlから、更に記述量を削ったテンプレートエンジンです。速度もHamlより速くなっていると言われていま... 続きを読む
WebStorm、PhpStorm、RubyMine、PyCharm、IntelliJ IDEA、AppCodeなどでコードをなるべく楽に綺麗に書くための機能紹介 3つ #jbugj - #侍ズム
コツなんて必要ありません。普通にIntelliJ IDEAでコードを書いていれば綺麗になります。 1. コードフォーマット 特にプラグインとか入れる必要はない。最初からScala、Java、ActionScript、CFML、CoffeeScript、CSS、Groovy、HAML、HTML、JavaScript、JSP、LESS、SCSS、SQL、TypeScript、XML、Yamlなどのコー... 続きを読む
Slimでセレクタを追加するときの書き方、及び Middleman の素晴らしさ。 - 納豆には卵を入れる派です。
Slim, Ruby, Middlemanよく、要素につけるidやclassを動的にしたい時とかに、Hamlだとこんな感じの書き方をする %li{class: "item #{item.name}"} この書き方がSlimだとダメっぽくてつまずいた。Slimだとこんな感じの書き方になるらしい li[class="item #{item.name}"] こういうのもいけるっぽい。割と素のHTMLに近... 続きを読む
Stylusのように舞い、HamlのようにSass
デザイン力とかCSS力が足りないので今年はそこら辺を強化しようとおもっているんだが、CSS拡張メタ言語のいいところは、先人の知恵をライブラリとして取り込んでコモディティ化できることかなと思っている。 既にhail2u.netでも書かれていた 様々なところで公開されているCSSのエッセンスを取り込んだ自分なりのCSS製作環境を構築するというような利用の仕方もできる。つまりはこれこそが必要とされていた... 続きを読む
SinatraとHamlとScssとCoffeeScriptでモダンなWeb制作環境を構築する #3 | クラスメソッド開発ブログ
さて本シリーズ第三回です。 前回はhaml、scss、coffeescriptのコンパイルを正規表現で省略したり、hamlのレイアウトを変更する方法を紹介させて頂きました。 今回はコンパイル済みのhtml、css、javascriptをまとめて保存するスクリプトを紹介してみようと思います。 rakeをインストールする rubyでは自動化したいタスクがある場合、rakeというビルドツールを使用します... 続きを読む
SinatraとHamlとScssとCoffeeScriptでモダンなWeb制作環境を構築する #2 | クラスメソッド開発ブログ
前回はRubyのインストールから簡単に各メタ言語の使い方を紹介させて頂きました。今回は応用編を紹介したいと思います。 コンパイルする記述を一つにまとめる 前回紹介した方法は一番シンプルな方法でした。GETリクエストとパスの組み合わせに一つのhamlファイルを紐付けているため、このままではファイルが増える毎に記述をコピペしなくてはいけません。 get '/' do haml :index end #... 続きを読む
SinatraとHamlとScssとCoffeeScriptでモダンなWeb制作環境を構築する #1 | クラスメソッド開発ブログ
こんにちは山形です。 htmlやcss等を書いて静的なWebサイトを制作している方なら誰でも、より効率的な環境求めていると思います。 DreamweaverやAptana等のIDEを使うのも一つの手だと思いますが、より柔軟な環境構築としてご紹介したいと思います。 Rubyをインストールする Windowsの場合 Engineyard社が提供しているRailsinstallerでサクッと入れてしまい... 続きを読む
『Hamlの基礎 (全8回)』『Sassの基礎 (全15回)』『Compassの基礎 (全7回)』をドットインストールに追加しました! #dotinstall | IDEA*IDEA
僕の中では「Rails三兄弟」と呼んでいたりいなかったりするw、「Haml」「Sass」「Compass」のレッスンを追加しました。 どれも主にRailsで使うことを想定していますが、Rails以外でも便利に使えます。Sass、サイトのデザインがあれだったのであれだったのですが汗、いやはや、便利ですね。 ↑ HTMLをRubyちっくに記述できるHaml。すっきり書けていいですよね。 ↑ CSSを効... 続きを読む
クックパッド流UIの作り方 - takeshi nagayama's blog
なんか突然東京行きたくなったので、ひょひょいと行ってきた。 たまたま立ち寄ったクックパッドっていう会社でクックパッド流UIの作り方という勉強会してたので、偶然持ち合わせていたはてなステッカー渡したりおいしい料理いただいたりした。 UI/UXのためのSass 池田さん / サービスデザイン部 Sass / Haml (エンジニア・デザイナー問わずに) Github デザイナーもpull req 一つ... 続きを読む
Zen-Coding、0.7のすすめ : Web Design KOJIKA17
Zen-Coding、0.7のすすめ Headlines Zen-Codingとは公式サポートサードパーティー非公式Zen-Codingの使い方Expand Abbreviation (略語の展開)フィルターコメントアウト (c)エンコード (e)Haml (haml)ショートコードHTMLCSSWrap with Abbreviation (略称の包括処理)Next/Previous Edit ... 続きを読む
Rails連携型Webアプリケーションフレームワーク「Joosy」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
コントローラ部の実装です。 ビューはHAMLで記述します。 JoosyはRailsの中にJavaScriptを使ったMVCフレームワークを組み込みます。肝になるのはCoffeeScript、jQuery、HAMLそしてSuger.jsとなっています。そしてデータをAjaxでサーバサイドとやり取りし、その結果をレンダリングするのみで画面を再描画することなく表示できるようになっています。独自の仕組みを... 続きを読む
これが決定版?フォルダを監視してCSS/JavaScript/HTMLを生成「Fire.app」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
最近はCSS/JavaScript/HTMLをそのまま書くのではなくSassやCoffeeScript、Haml/Markdownを使ってそれぞれのフォーマットに変換するのが当たり前になってきています。そこで使ってみたいのがFire.app、自動ファイル変換ソフトウェアです。 0 続きを読む
今さら聞けない Rails3 + DataMapper + Haml + jQuery + RSpec な開発環境の作り方 - (゚∀゚)o彡 sasata299's blog
2011年06月04日12:14 Ruby 今さら聞けない Rails3 + DataMapper + Haml + jQuery + RSpec な開発環境の作り方 というわけで、今さらですが Rails3 な開発環境 (Ruby 1.8.7, Rails 3.0.7) を作ってみました。そのときのログを残しておきます。 なお、ActiveRecord ではなく DataMapper を、Tes... 続きを読む
text.ssig33.com - node.js でアプリケーションを作った。
node.js でアプリケーションを作った。 いい加減 node.js で何も作ったことありません、じゃダサいだろうと思ったので。 まずはこのサイトを node.js でリプレイスしてみた。あまりこのサイトをブログと呼びたくはないのだが、まず一般的なブログエンジンのうち、最も機能が少ないものを作ったといえると思う。 express(WAF), node-markdown(記法エンジン), haml... 続きを読む
広告系エンジニア » Blog Archive » Ruby のフレームワークSinatraとデータベースPostGISによる小規模なアプリケーションの例
発表日 2010/03/31 発表者 神谷貴広Ruby のフレームワークSinatraとデータベースPostGISによる小規模なアプリケーションの例 – Presentation Transcript■ 環境-開発言語:Ruby -フレームワーク:Sinatra -モデル部分:Sequel -ビュー部分:Haml -データベース:PostgreSQL 8.4.2 + PostGIS 1.4.1■ ... 続きを読む