• コーディング ファクトリーHOME
  • Coding Methodology

コーディングメソドロジー

第94回 EJSとCSVを使って効率の良い量産をしよう

第94回 EJSとCSVを使って効率の良い量産をしよう

中規模以上のサイト制作では、ページごとにレイアウトが異なるものだけでなく、ある程度レイアウトが決まったテンプレートページを量産していくケースが多くなってきます。制作に携わる人数を増やして手作業で1ページずつ制作していく方法もありますが、今回はテンプレートエンジンのEJSとCSVファイルを用いてページを一括でHTML 書き出しをする方法をご紹介します。

詳細を見る

第93回 cssのcalc()ファンクションで要素の幅を設定する

第93回 cssのcalc()ファンクションで要素の幅を設定する

css でwidth の値を設定するときに「px」や「%」のような単位を使用することが多いですが、CSS3 の便利な機能「calc()」を使用すると、計算式で値を設定することができます。今回は、よくあるカラムレイアウトを、calc() ファンクションを用いて実装する方法を紹介します。

詳細を見る

第92回 アイコン設置に便利な「Font Awesome」の使い方

第92回 アイコン設置に便利な「Font Awesome」の使い方

このような「>」矢印アイコンや三本ラインのハンバーガーアイコンは、多くのサイトで見かけます。今回は、これらのアイコン画像を作成せずに簡単に設置することができる「Font Awesome」を紹介したいと思います。

詳細を見る

第91回 CMS組み込みまでの案件におけるGitルールの例

第91回 CMS組み込みまでの案件におけるGitルールの例

いまやどのような規模のプロジェクトであっても、Gitによるバージョン管理が普及しています。その際に大切なのは、正確で明瞭なルールです。今回は、静的なページの作成と、作成したページをCMS へ組み込む作業が並行するプロジェクトでのGit ルールの一例をご紹介します。

詳細を見る

第90回 スライス不要の画像切り出し方法

第90回 スライス不要の画像切り出し方法

Photoshop で画像を書き出しする際、従来のやり方では、画像をスライスし「Web 用に保存」から書き出しを行っていたと思いますが、Photoshop CCになり、書き出し機能の種類が増えました。レイヤーから直接画像が書き出せるようになったり、自動で一括で簡単に書き出しができるようになったので、大幅に作業時間を短縮することができます。今回は、便利な機能「画像アセットの生成」を使った書き出し方法についてご紹介したいと思います。

詳細を見る

  • 大規模サイト制作のご案内 大規模サイトプロジェクトのポイントやサービス内容をご紹介
  • レスポンシブWebデザインセミナーがDVDになりました。
  • コーディングメソドロジー
  • コーディングファクトリートピックス
  • 受注活動サポートサービス
  • コーディングファクトリーニュース
  • IllustratorでのWebデザイン
  • 求人案内
  • 株式会社モノサス
  • お問い合わせ

    コーディング相談ダイヤル

    お問い合わせ

  • ご相談、お問い合わせフォーム

    ご相談、お問い合わせフォーム