Commentsココダス株式会社の森です。最近のWebサイトを開発するときの自分のWeb開発環境を紹介したいと思います。自分はWebサイトを作成するときのIDEは、WebStormを使用しています。WebStorm(http://www.jetbrains.com/webstorm/)とは、JetBrains社が販売しているIDEです。最強のJavascriptエディタと評判されています。今回は、WebStormのプロジェクトにCompassとHAMLとTypescriptを組み込んで、生産性の高い開発環境を構築します。Projectを作成します。プロジェクト名は”Sample”とします。initを実行します。WatchersでSCSSが編集されたら、自動的にcompassでコンパイルするように設定します。Watchersの”+”ボタンを押して,SCSSを選択します。Programに/usr/bin/compassを設定します。$ProjectFileDir$/config.rbを設定します。directoryに$ProjectFileDir$を設定します。Watchersで自動的にコンパイルするようにします。Watchersの”+”ボタンを押して,<custom>を選択します。filesを選択します。Programに/usr/bin/hamlを選択します。direcotryに$FileDir$を設定します。3.Typescriptを編集したら自動コンパイルするように設定するWebStormでTypescriptを自動的にコンパイルするように設定するのは簡単です。watcher”を設定します。これで自動的に.tsファイルがコンパイルされます。追加されると以下の設定になります。WebStormはTypescriptをサポートしているので、コーディング中のコードアシスタントを効きます。Typescriptで堅牢性の高いjavascriptを生成して、HAML,SCSSで効率的にHTML,CSSを生成することができます。ウェブデザインからコーディングまで開発する場合は、WebStormでモダンな開発環境を用意すると高い生産性でウェブサイトを作成することができます。more最近の投稿AndroidオープンソースUIライブラリのまとめ11サイト凄いRSSリーダーウィジェット、ココダスリーダがリリースしました。PostsAndroidオープンソースUIライブラリのまとめ11サイト凄いRSSリーダーウィジェット、ココダスリーダがリリースしました。