休日なので軽い話題で

休日なので軽い話題で。

SassやらHamlやらCoffeeやら

今、フィヨルドで作ってる怖話というサイトは、テーマ部分のマークアップはHaml、CSSはSass、JavaScriptはCoffeeScriptで書かれてます。

一度覚えてしまうとすごく書く文字数が減って、もう二度とHaml→HTMLなんて戻れなくなってしまうほど便利なのですが、例えば、FacebookのSocial Pluginでボタンやコメントを設置したいとこに、貼りつけコードをHamlにするのとか、頭で考えるのが面倒。いちいち黒い画面（ターミナル）からコマンドを打ってgenerateをするのも面倒です。

こういうときに便利なのが、ブラウザでペッと貼りつけて変換が出来るジェネレータがすごく便利。今回はそれらの紹介をしておきたいと思います。

JavaScript ←→ CoffeeScript

http://js2coffee.org/

HTML → Haml

http://html2haml.heroku.com/

CSS → Sass/SCSS

http://css2sass.heroku.com/

ついでに

HTMLのインデントを綺麗にする

ついでに手前味噌ですが、HTMLのインデントを綺麗にする、というジェネレータ。納品前のデザイナーやマークアップをする人用の便利ツール。

http://hamcutlet.fjord.jp/

これは実は、HTMLを一旦Hamlにして、またHTMLに戻すってことをサーバで行っています。

CSSのインデントを綺麗にする

http://sassience.com/

こちらはNekostagramや、宇多田ヒカループの作者としておなじみの@ruedapさん作。こちらも納品前のデザイナーやマークアップをする人には便利。

@ruedapさんのブログ、アインシュタインの電話番号☎はデザイナーにとっても役に立つプログラム情報が満載でオススメ！

• CoffeeScript
• Haml
• Sass
• 休日なので軽い話題で

休日なので軽い話題で。

Lispで有名なg231569さんのTweetでいいものを知りました。

我々が黒い画面って呼んでるターミナル。昔々、コンピューターを操るときに使う、それ専門の端末があって、それをコンピューターに接続してコンピューターを操っていた時代があったようなのですが、その操る端末のことをターミナルと呼んでいたそうです。今は全部マシンの中に入ってて、例えばMacの場合はターミナルを立ち上げてMacを操作する、ってことをやってるので想像しにくいですね。

で、今回紹介するのがCathcode。Vintage Terminal Emulatorとありますが、そんな時代のターミナルを再現した、サブタイトルのまんまですが、古いターミナルのエミュレーターです。なんだかサイトも素敵な感じですが、ここで配ってるアプリがすごく素敵なんです。

Cathcode

ではでは、早速キャプチャを貼りましょう。

格好いい！モニターの湾曲も、文字の揺れも再現されてる！やっぱり昔からターミナルは黒い画面だった。

うーむ、リズミカルに歪む画面は正直、実際に使うにはしんどい。

Preferenceからテーマの変更や設定変更も出来ました。これはbubble gumっていうテーマ。ピンクが可愛い。

これは全然実用的じゃないけど、黒い画面萌えの人にはいいアプリ。VJやってる人なんかは動画ネタにも使えかも。もし、知り合いのVJにこれでマトリックスみたいなのを頼むって言われたときはKUROIGAMENで前にやった、

$ man -cd

で、英語をいっぱい出してやろうぜ！

• 休日なので軽い話題で