「いまどきのフロントエンド環境構築」でmakeについてのLTをした話 | nocono
この記事は関西フロントエンドUG Advent Calendar 2015 - Qiita 10日目の記事です。 9⁄26 関西フロントエンドUG開催の[JS/CSS] いまどきのフロントエンド環境構築という勉強会でmakeについての発表をしました。 発表資料 発表することになった経緯 去年末、仕事をしていたチームで「Gruntを使ってみよう」という話になり、フロント側のタスクをGruntfileにせっせと記述する係をやっていました。 プロジェクトではTypeScriptを採用していたので、Gruntプラグインを使用してTypeScriptのビルドタスクを作成しました。ところがtscコマンドを直に叩くと正常にコンパイルできるのに、作成したGruntタスクを実行するとコンパイルエラーとなる現象が発生。(バージョンの問題？) エラーを解消できず、しかも元々必要なコマンドは最終的に全てMakef
最近のビルドツールって何なの？ - 檜山正幸のキマイラ飼育記 (はてなBlog)
TypeScriptでは、コンパイルが必要です。プログラムをブラウザーとNode.jsの両方で使おうとすると、さらに加工が必要です。ミニファイだの文書も作るだのすると、ちょっとしたビルドプロセスとなるので手作業では辛くなります。 今更Makeでもないよなー、と思い、最近のビルドツールを試してみました。 内容： 流行りすたりが激しすぎる gulpを使ってみる：こんなサンプル gulpのビルドスクリプト タスクランナーってのはビルドツールとは違うのか？ ビルドツールは進化したのか 参考資料： 例題のファイルとコマンドの一覧 ソースファイル 追加の話： gulp問題ひきずり：ウォッチがまたおバカ過ぎる 流行りすたりが激しすぎる 「確かGruntってツールがあったよな」と、インストールと使い方を調べていると、やたらにgulpって単語が目立つんですよね。Gruntのライバルの新興勢力らしいです。 「
WebStorm + TypeScript + Gruntな作業環境を作る | JLINE.create();
単独作業&JavaScriptメインのとある案件で必要に感じ環境を作ったので備忘録もかねて。 WebStormは以前から使用していて、TypeScriptは趣味で少し触った程度。Gruntに関しては今回が初めてで、 あと黒い画面は苦手です。 WebStorm？ HTML/CSS/JavaScriptの統合開発環境で、JavaScript版FlashDevelopのようなものを探していて辿りつきました。 素早い構文チェックと強力なコード補完機能、そして記述ルールなど各種設定項目の豊富さ柔軟さが気に入っています。 TypeScriptも標準でサポート。 TypeScript？ Microsoft社が開発するいわゆるaltJSの内のひとつ。 JavaScriptの拡張(スーパーセット)というスタイルで、既存コードの流用も比較的スムーズかつ、コンパイル後も読みやすい。 しかし反面、クラス
ブラックなWeb開発現場の救世主、Gruntのインストールと使い方
連載目次 一昔前であれば、HTML／JavaScript／CSSを使用してWebアプリを作成する場合、（筆者の経験では）所定の位置にファイルを置くだけでした。最近はHTML／JavaScript／CSS関連の技術も複雑化／多様化し、いろいろなことを考慮しなければなりません。 例えばJavaScriptファイルの場合は、以下の作業を行うこともあるでしょう。 minify（圧縮）や結合 単体テストの実行 JSLint（構文チェック）の実行 さらに、CoffeeScriptやTypeScriptを使用している場合にはコンパイル（JavaScript変換）を行う必要もあります。 また、SCSS（Sass）やLESSなどのCSS拡張メタ言語を使用している場合にも、コンパイル（CSS変換）作業が必要です。 ファイルを修正してビルドするたびに、これらの作業をいちいち手作業で行っていては非常に面倒でしょう
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
