GUIソフト「Koala」をダウンロードしよう続いてGUIソフトをインストールします。なんでこんなのが必要かというと、Sassで書いたものをCSSに手軽に変換(コンパイル)する必要があるからです。ブラウザはCSSは理解してくれますが、Sassで命令してもわかってくれません。アメリカ人に日本語で話しかけているようなもんなのです。そこで、SassをCSSに変換する必要があります。普通にやろうとすると、先ほどのコマンドプロンプトやらターミナルやらを使う必要があり、なんか難しそうだし面倒くさくね?ってことで、これを簡単にしてくれるアプリケーションを使います。今回は”Koala”というフリーのアプリを使って説明していきます。リンクをクリック」でダウンロードできます。保存先は任意の場所へどうぞ。最新バージョンが好ましいですが、beta版は僕は使っていません。正式リリースされているものがいいかと思います。(2013年10月07日現在だと、v1.4.3)ついで初期設定もしときましょう。今回は使いませんが、いずれ必要になるであろうcompassというシロモノをここで使えるようにします。compass」にチェック。Language」から日本語モードにもできます。Koalaの詳しい使い方は後述します。DreamweaverにSassを対応させるDWをご使用の方は設定をいじくる必要があります。(DW以外の人は、この章はすっ飛ばしていただいてOKです。)ただし、DWはCCも含めてSassに完全対応していないため、この手順を行う場合は自己責任でお願いします。編集前にバックアップをとるなど、いつでも再インストールできる準備をしておくことをオススメします。Sassを対応させる3ステップ1.scssファイルを開けるようにするSassのデータは”.scss”という拡張子なのですが、初期状態のDWはscssファイルが何だかわかっていないので、一度頭に叩き込んで教えてやる必要があります。ファイルタイプ/エディターを開く2右側の項目「コードビューで開く」に拡張子”.scss”を追記2.コードヒントが出るようにする初期状態のDWはscssファイルが何だかわかっていないので、そのまま編集してもcssのようにコードヒントを出してくれません。そのために、DW設定ファイルのMMDocumentTypes.xmlを編集します。コードヒントが出ないと不便ですよね。※DWで開くとアカンという噂を聞きました。念のため別のエディタをご使用ください。(僕はDWでいじっちゃいましたが...)MMDocumentTypes.xmlの場所は、DWがインストールされているフォルダ内の”\configuration\DocumentTypes”にあります。以下の部分を書き換えてください。>3.アイコンが真っ白いので変える1、2の手順により、既にDWでもSassを扱えますが、このままだとscssファイルのアイコンが”不明なファイル扱い”になってしまうので、気になる方は変えましょう。修正するにはDW設定ファイルのExtensions.txtを編集します。Extensions.txtの場所は、DWがインストールされているフォルダ内の”\configuration”にあります。以下の2箇所を書き換えてください。”CSS,”の後ろに”SCSS”を加えるだけです。Sheets次のページ実際にSassを使ってみましょう。ANALYZE」を導入後、CVR改善に成功した品川美容外科のWeb担当者に話を聞いてきた。POSTLIGへの自由なメッセージお待ちしています頂いたご意見への回答は行っておりません。