5509

フロントエンドの開発を加速するCodeKit

また紹介エントリーか。。。Sass布教活動の一貫です。どうも。

SassとかLESSって使ってますか?書くのがとても億劫なCSS(個人の感想です)を快適に書くことが出来るようになる上に、始めた頃の楽しさが戻ります(個人の感想です)。詳しいことは以下のエントリかたがたを見てもらうとして。Sassの記事が多いのは僕がSass使ってるからです。Sass推しです。

というか

をみてください。

浸透しにくい理由は色々ある気がしますが・・・

コンパイルがめんどい

そのとおりです。慣れですけどね。とっつきにくい感をこいつが出してるのはその通りでしょう。

黒い画面がちょっと・・・

ではSassをインストールしましょう!OS Xの方はターミナルを開いて

$ gem install sass

を入力するとしばらくしてSassがインストールできるので、

$ mkdir ~/Sites/my-first-sass
$ mkdir ~/Sites/my-first-sass/styles
$ mkdir ~/Sites/my-first-sass/styles/scss
$ cd ~/Sites/my-first-sass/styles
$ touch scss/style.scss
$ sass --watch scss/style.scss:style.css

で、まずはコンパイルしてみまs・・・

なるほどですね。特にSassは黒い画面じゃないとだめみたいな先入観があるのではないでしょうか?

OS X Lionのみなさんは素晴らしいソリューションがあります

それがCodeKitです。

Winのことはよくわからないので、同じような事を誰かが書いてくれるでしょう。フロントエンドの制作でOS Xじゃない方が弊害が多い気がしますけど、個人の感想ですね。

Read more

VMWareの仮想OS内のVM共有フォルダ以外のフォルダにMacから接続する

VMWare Fusion3(2)を使ってインストールしたWindowsにはデフォルトでVMWare共有フォルダがあり、どちらのOSからでも同じようにアクセスできるようになっていますが、MacからWindows内のフォルダ・ファイルを直接操作する方法は、VMWare自体には用意されていません(たぶん)

用意はされていませんが、仮想OSとはローカルでファイル共有サーバーにMacから接続ができるため、権限さえ適切に用意されていれば、Macから自由に変更することができるので、その方法を紹介します。(ただし共有できるディレクトリはWindows7ではUsers以下に限る)

Read more

主な開発環境にMac専用クライアントのCodaを使っていますがCodaはサイト(プロジェクト)毎に、Subversion(*1)リポジトリが設定できるようになっています。バージョン管理はシステム開発などを行っている人などにはおなじみだと思いますが、デザイナーやコーダーにはあまり馴染みが深くないかも知れません。実際僕もそうでした。この記事ではバージョン管理自体には触れませんが(*1)、jQueryライブラリの管理をので行うようにしたので過程を紹介しておきます。

1) Subversionについては説明すると長くなるので以下の記事などを参考にしてください。

Codaのプラグイン ConvertKanaが便利

convertkana

クライアントからもらったデータの全角率になんとも言えない感情を覚えたことはないですか?
Mac専用のCodaをメインにコーディングしている人には
Prove
さんのLABで公開されてるプラグイン ConvertKanaが便利です。

Mac用Web制作ソフト「Coda」のプラグイン。
選択された文字列を指定文字列に変換します。
英数字、カタカナ、数字、英文字の全角、半角を相互に変換します。

via:

Codaはそれなりに強力な検索・置換エンジンを持っているので
正規表現でも検索・置換もできますが、ConvertKanaを使えばあっという間に変換できます。

Codaは一度使うと手放せないくらい使い心地がいいんですけど
まだまだCodaのマニュアルとか記事が少ないですね。。

Author

nori
nori
- UI Engineer
Location
- ,