「いまどきのフロントエンド環境構築」で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のライバルの新興勢力らしいです。 「
TypeScript早わかりチートシート【1.5.3対応】 - Build Insider
TypeScript 1.5正式リリース。最新言語仕様を速習しよう！ TypeScriptを使うときに役立つ情報がまとまったチートシート（1クリックで試せるサンプル付き）。 本稿はTypeScript 1.5.3を対象に解説を行います（※2016/11/08追記：姉妹サイトの＠IT Insider.NETで「特集：TypeScript 2.0概説」 を掲載していますので、本稿と併せてご参照ください ）。 早いもので、TypeScript 1.0がリリースされた2014年4月3日から、1年以上が経ちました。今年の頭あたりに本記事のTypeScript 1.0版からの更新の依頼が来た時は、（記事改訂は想定していなかったので）びっくりしました。情報をメンテし、良い情報がWeb上に残るよう運営するのは大変であろうな、と想像に難くないですが、筆者としてはうれしい限りです。 さて、去る2015年3月5
TypeScriptリファレンス Ver.1.0対応
TypeScriptリファレンス Ver.1.0対応 株式会社トップゲート わかめ まさひろ, 井上 章(監修) インプレス 3,300円 (3,000円+税) マイクロソフト社が開発したWeb言語「TypeScript」の技術解説書です。言語仕様、開発環境構築、文法、開発支援ツール、開発事例などが一冊にまとまっています。2014年4月にリリースされた最新のVersion.1.0に対応。 関連サイト本書の関連ページが用意されています。 TypeScriptリファレンス Ver.1.0対応内容紹介マイクロソフト社が開発したWeb言語「TypeScript」の技術解説書です。言語仕様、開発環境構築、文法、開発支援ツール、開発事例などが一冊にまとまっています。 2014年4月にリリースされた最新のVersion.1.0に対応。 トップゲート社のわかめまさひろ氏が執筆を担当し、日本マイクロソフト社
TypeScriptを導入する上でのポイントまとめ | SONICMOOV LAB
ちなみに、現在TypeScriptの最新バージョンは0.9.1となっています。 IDEの選定 候補としては、WebStorm(PHPStorm,Intellij IDEA)、Eclipse、VisualStudio、FlashDevelop、SublimeText等があります。 WindowsではVisualStudioが本家だけあって環境としては良さそうな気がしますが、自分の場合はMac環境ですので、今迄使っていたStormを使用しています。 Stormの不足点 使っている感想としては、完全にサポート出来ていない部分と、細かい設定が出来ない等不十分な部分は多々ありますが、今後解消されるのではないでしょうか。 一応不自由な部分をまとめてみました。 tscコマンドではエラーにならないが、IDE上ではエラーとして表示されるものがある 関数をfunctionとして定義した際のthisに関するエラ
WebStorm + TypeScript + Gruntな作業環境を作る | JLINE.create();
単独作業&JavaScriptメインのとある案件で必要に感じ環境を作ったので備忘録もかねて。 WebStormは以前から使用していて、TypeScriptは趣味で少し触った程度。Gruntに関しては今回が初めてで、 あと黒い画面は苦手です。 WebStorm？ HTML/CSS/JavaScriptの統合開発環境で、JavaScript版FlashDevelopのようなものを探していて辿りつきました。 素早い構文チェックと強力なコード補完機能、そして記述ルールなど各種設定項目の豊富さ柔軟さが気に入っています。 TypeScriptも標準でサポート。 TypeScript？ Microsoft社が開発するいわゆるaltJSの内のひとつ。 JavaScriptの拡張(スーパーセット)というスタイルで、既存コードの流用も比較的スムーズかつ、コンパイル後も読みやすい。 しかし反面、クラス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
