Category: 開発
Page 12
-
gulp でアイコン フォント生成
今日の昼休み、はてブを見ていたら以下の記事がホットエントリーに入っていた。アイコン フォント生成に IcoMoon を利用しているのだけど gulp で同等の処理を実現可能なら SVG とビルド処理...
-
nw.js を使ってみる 4 - 標準 require によるモジュール読み込み
nw.js を使ってみるシリーズその 4。node-webkit v.0.12.0 でプロダクト名が nw.js になったので、シリーズ名もあわせて変更しておく。前回の記事で作成したサンプルでは J...
-
Stylus を使ってみる
素の CSS を書くのが辛くなってきた。例えばスコープ制御のために子孫セレクタを利用すると以下のように冗長な記述が必要となり視認性が大幅に低下する。
-
node-webkit を使ってみる 3 - 簡易ファイラー
node-webkit を使ってみるシリーズその 3。前回の最後に予告した簡易ファイラーのサンプル作成で得られた知見を記録しておく。サンプルに実装した機能は以下。簡易ファイラー削除やリネームのように...
-
gulp でディレクトリ構造を維持したコピー
失敗談 & そこから得られた知見の記録。いままで gulp で複数ディレクトリの構造を維持してコピーするとき以下のようにしていた。
-
React.js を試す - ツリービュー
前に書いた node-webkit を使ってみる 2 の最後で「簡単なファイラーでも作ってみようと思う」などと宣言したのだけど UI をなにで実装するか迷っていた。ファイラーの UI は典型的なツリー...
-
Browserify を使ってみる 2 - Source Maps
この間の記事では Browserify による JavaScript の結合を試したが、この状態だとデバッグ対象が巨大な単一ファイルとなり扱いにくい。この問題の対策として今回は SourceMap ...
-
Browserify を使ってみる
Web ブラウザ向けの JavaScript でも node.js や node-webkit みたいに require で依存モジュールを読み込めるという Browserify を試してみる。 ...
-
gulp-usemin
この前の記事では Grunt と grunt-usemin によるビルドを試したが、今回はこれの gulp 版となる gulp-usemin を利用してみる。ツールの使い方は以下の記事を参考にした。...
-
grunt-usemin
仕事の Web フロントエンド開発でファイル構成を以下のように管理したくなった。この要望を満たすのに grunt-usemin がよい感じだったので使い方をメモしておく。あと別件で Yeoman ...