Category:Services & Resource

gulp:gulp-sass-globを使ってSassの@importを少しでも楽に管理する

Read More

gulp:gulp-sass-globを使ってSassの@importを少しでも楽に管理する

Sassで`@import`を使用している場合、大量にファイルがあるとそれらすべてを記述していくのが面倒と感じるときがあります。また、新たにファイルを作成する度に`@import`を追記し、逆に不要なファイルが出てきたら該当の`@import`を削除する必要がありますが、それらも頻繁にあると地味に面倒です…。これらの手間を「gulp-sass-glob」というプラグインを利用して、少しでも楽に管理できるようにする方法を紹介します。

  • Posted on
  • Services & Resource
gulp:ビルド時にcharsetやファイルエンコードをShift_JISに変換する方法

Read More

gulp:ビルド時にcharsetやファイルエンコードをShift_JISに変換する方法

普段は基本的にファイルの文字コードはUTF-8を使用していますが、稀にShift_JISなど別の文字コードを使用する必要があります。ただ、そういった場合でもgulpは使いたいってときに使える方法のひとつで、今回はUTF-8のファイルをビルド時にShift_JISに変換するというのを備忘録兼ねて紹介します。

  • Posted on
  • Services & Resource
対応形式も豊富で、約200種類のツールやジェネレータがまとめられている「Beautify Converter」

Read More

対応形式も豊富で、約200種類のツールやジェネレータがまとめられている「Beautify Converter」

これは便利だと即ブックマークしたのでご紹介。「Beautify Converter」は圧縮・整形ツールやコンバーターをはじめ、様々なツールやジェネレータが用意されているサイトです。とにかく様々なツールやジェネレータが用意されており、対応している形式もよく利用されるようなものはひと通り揃っていると思います。

  • Posted on
  • Services & Resource
gulp-load-pluginsを使ってプラグインの読み込みを簡素化する

Read More

gulp-load-pluginsを使ってプラグインの読み込みを簡素化する

gulpはプラグインを使うことで様々なタスクを作ることができますが、その分プラグインを読み込むために沢山の`require()`を記述していく必要があります。タスクファイルを分割している場合はあまり気にならないかもしれませんが、`gulpfile.js`のみ使用していて長くなってしまうのが嫌だとか単純に何度も`require()`を記述するのが面倒だというときは、「gulp-load-plugins」というプラグインを利用することでプラグインの読み込みを簡素化することができます。

  • Posted on
  • Services & Resource
Web制作に関する様々なリソース・ツールをまとめているサイトのまとめ

Read More

Web制作に関する様々なリソース・ツールをまとめているサイトのまとめ

役立つリファレンスやスニペットサイト、様々なコードを容易に出力してくれるジェネレータ、デザイン制作に使えるテクスチャ・アイコン・フォントといった各種デザイン素材の配布サイト、SEOやマーケティングに関する便利ツールなど、インターネット上にはサイト制作時や運用時の手助けをしてくれるサイトが沢山あります。今回はそういった便利なリソース・ツールサイトをまとめているサイトを集めてみました。

  • Posted on
  • Services & Resource
多数のHTMLテンプレートやWordPressテーマを集めた「Best of Themes」

Read More

多数のHTMLテンプレートやWordPressテーマを集めた「Best of Themes」

自分はこういったテンプレートを利用する機会が少ないのですが、普段から多様している人には便利そうなサイトだったのでご紹介。「Best of Themes」は、様々なところで配布されているHTMLテンプレートやWordPressテーマなどをまとめているサイトで、他にもEメールやDrupalで使えるテンプレートやテーマなどもあります。

  • Posted on
  • Services & Resource
各項目を選択・入力するだけでgulpで使用するソースを出力してくれるジェネレータ「gulp generator」

Read More

各項目を選択・入力するだけでgulpで使用するソースを出力してくれるジェネレータ「gulp generator」

ちょっと便利そうだったので備忘録兼ねてご紹介。「gulp generator」はgulpで使用するgulpfile.jsとpackage.jsonに記述するソースを出力してくれるジェネレータで、用意されている各項目を選択したりファイルの読み込み・出力箇所を入力していくだけで簡単に必要なソースを出力してくれます。

  • Posted on
  • Services & Resource

NxWorld

Sorry... doesn't support your browser

To get the best possible experience using our site we recommend that you upgrade to a modern web browser.NxWorldではご利用中のブラウザサポートはしていません。
Internet Explorerのアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。