MENU

Loading...

コーディング

Gulpでディレクトリ構造を維持して出力する方法

  • 公開日:
  • 投稿者: 杉谷 祐樹

Gulpを使用する際に処理対象のディレクトリに階層がある場合、シンプルにdestプロパティを使用して出力すると、指定した同階層に全て出力され、出力元の階層が失われてしまいます。

階層を維持したまま出力出来ないか調べていてAPIを読んでみたところ、ディレクトリ構造を維持して出力する方法がありましたのでご紹介します。

続きを読む

Gulp + EJS + JSONを使用してhtmlファイルを量産する方法

  • 公開日:
  • 投稿者: 杉谷 祐樹

似たようなhtmlを複数ページ制作するような案件があると思いますが、地道に複製して制作するのは非効率で管理も面倒でミスもしやすいです。

そこで今回はGulpとEJSというテンプレートエンジンを使用してJSONファイルに設定した値を読み込み、複数のhtmlファイルを量産する方法を備忘録を兼ねてご紹介します。

続きを読む

AMPの概要と対応方法がわかる記事まとめ5選

  • 公開日:
  • 投稿者: 杉谷 祐樹

Googleが2015年に公開したAMP(アンプ)というプロジェクトをご存知でしょうか。モバイル端末でのWebページの表示を高速化する為の取り組みで、Accelerated Mobile Pages (アクセラレイティッド・モバイル・ページ)を略してAMPと呼びます。

昨年の10月に発足されたプロジェクトは今月、AMPに対応したモバイル検索が一般公開されました。このオープンソースプロジェクトに参加する企業は着々と増え続けています。今後より広がりを見せるだろうこの取り組みについて学ぶことが出来る記事を、備忘録をかねてご紹介します。

続きを読む

Webサイト制作におけるコーディング規約の作り方のポイント

  • 公開日:
  • 投稿者: 杉谷 祐樹

コーディング規約とは、HTMLやCSS、JavaScriptなどのWebサイトの制作に用いる各言語の記述ルールを定めたガイドラインです。ルールを定めておくことは品質の安定性や保守性を高め、外部協力者とのスムーズなやり取りを可能にします。

今回はコーディング規約の作成にあたって、押さえておきたいポイントをご紹介します。なお、本記事はWebサイト制作におけるコーディング規約を対象としています。

続きを読む