2015年 09月 10日 開発に便利なタスクランナー「gulp」で出来る事、導入方法などをまとめました カテゴリ: gulp タグ:gulpタスクランナー タスクランナーの一つであるgulp(ガルプ)。使い出すとすごく便利で今ちょっと手放せない開発ツールの一つなんですが、使ってない人からすると、導入コストとか学習コストが気になって、まだ手を出してないという方もいますよね。なので、今回導入用の記事を書いたので、ちょっと気になってるという方、試してみたかったという方に役立てばいいなと思います。 1.タスクランナーとは? gulpで何ができるのか? 2.gulpに必要な環境を整える – Node.jsのインストール 3.gulpに必要な環境を整える – package.jsonの作成 4.gulpに必要な環境を整える – gulpfile.jsの作成 5.gulp-ejsを使った開発環境 6.
以前、ブログでEmmetをご紹介いたしましたが、またまたEmmetが良さげなツールを開発中です。 現在はまだベータ版ですが公開されていたので一連の流れを試してみました。 アジェンダ Emmet LiveStyleとは? 環境設定 動作確認 SCSS(Sass)・LESS等のメタ言語の対応は? Emmet LiveStyleとは? ブラウザとエディタ間のスタイルをリアルタイムで確認・編集ができるツールみたいです。現在公式サイトでデモ用の動画を確認できます。 環境設定 Emmet LiveStyle を確認するには、設定が必要なので動作確認ができるまでの設定をご紹介します。 今回の動作検証環境 Windows7 chrome Sublime Text 2 Sublime Text の設定 Sublime Text 側でパッケージのインストール Sublime Textを開き、[Ctrl] +
デザインに脱帽…パッケージそのものがセールスポイントになったグッズいろいろ 以前にもパッケージが天才的なグッズを紹介したことがありますが、 (考えた人は天才…アイデアに感心する16のパッケージデザイン) 今回もパッケージそのものが面白いデザインをご紹介します。 1. フランスパン パンと袋のセットで、サンタさんが完成。 2. ハニーシリアル おいしそうにシリアルに食らいつくクマのパッケージ。 3. ハチミツ 器が6角形。 積み上げるとハチの巣に。 4. オレンジジュース オレンジの形をしたジュースのパッケージ。 5. 香水 商品名が「ZEN」と言うだけあって、竹で和風を強調。 石のタイプ。 6. ジュース 果物そのものの色をしたビン。 皮をはがすと……。 新鮮もぎたての感覚になりますね。 7. ハケ 見ての通りのヒゲ。 8. ティバッグ 折り紙のようになっています。 こちらはハンガータイプ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く