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

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

第96回 Google AMPについて - 概要編 -

第96回 Google AMPについて - 概要編 -

最近いろんな場所で「Google AMP」についての話題を目にすることが多くなりました。モバイルでのページ表示を高速化するもので、日本でも Google 検索結果への正式対応が予定されており今後のモバイルページの主流になることが予想されます。そんな今が旬の GoogleAMP について概要編と実装編の2部構成でお送りします。今回は概要編として「AMP とは何か」「どのようなメリットがあるのか」を紹介いたします。

詳細を見る

第95回 extend()メソッドで複雑なデータをまとめる

第95回 extend()メソッドで複雑なデータをまとめる

データのわずかな違いで、似た処理なのに複数の記述を書いてしまう事があります。その度に違うデータごとにコードを書いてしまうと、ソースが膨大になり、汎用性・可読性・更新性が失われてしまい、修正や運用のフェーズに負担がかかってしまいます。そんなときに、処理をまとめるのに便利なのがextend()メソッドです。今回はextend() メソッドを使ったデータのまとめ方をご紹介します。

詳細を見る

第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」を紹介したいと思います。

詳細を見る

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

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

    お問い合わせ

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

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