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

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

第111回 構造化マークアップでユーザーの目を引く検索結果表示に

第111回 構造化マークアップでユーザーの目を引く検索結果表示に

構造化マークアップとは、決められたルールで情報を記述することにより、人間だけではなく検索エンジンなどのロボットにも、そのテキストがどのような意味を持っているのかを理解できるようにすることです。今回は構造化マークアップをすることのメリットと具体的な設定方法、実装後のテストツールについてご紹介します。

詳細を見る

第110回 YouTube動画を再読み込みなしでシームレスにループさせる

第110回 YouTube動画を再読み込みなしでシームレスにループさせる

YouTube 動画を全画面背景として利用することが増えてきました。今回は再読み込みをさせずに動画をループさせる方法をご紹介します。

詳細を見る

第109回 TodoistとGoogleカレンダーを連携してタスクとスケジュールを相互管理する

第109回 TodoistとGoogleカレンダーを連携してタスクとスケジュールを相互管理する

チェックリスト形式のタスク管理ツールTodoist。シンプルで直感的でありながら、充実した機能性で世界的に人気のあるツールです。今回はTodoist とGoogle カレンダーのリアルタイム相互同期機能を使い、タスクを日々のスケジュールに落とし込む方法を通して、ツールを使うこと、相互管理のメリットをご紹介します。

詳細を見る

第108回 メディアクエリをJavaScriptでも使いこなす

第108回 メディアクエリをJavaScriptでも使いこなす

近年、様々なサイズのスマートフォンやタブレットのデバイスが増えたことによって、デスクトップデバイスでも高解像度の画像が必要な場合があり、HTMLでのメディアクエリも重要になっています。
HTML5.1から追加された<picture>タグはメディアクエリが使えるようになりました。<picture>タグの子要素である<source>要素に、表示したい画像とメディアクエリを設定するとCSSのメディアクエリと同じく画像の変更ができます。JavaScriptでも同じく、デバイスに合わせて制御や処理することが増えています。
今回はCSSでよく使われているメディアクエリをmatchMediaというメソッドを組み合わせてJavaScriptで使う方法を紹介します。

詳細を見る

第107回 SVGファイルの基礎を理解して、上手に活用しよう。

第107回 SVGファイルの基礎を理解して、上手に活用しよう。

SVG(Scalable Vector Graphics スケーラブル・ベクター・グラフィックス)とは、計算式によって色や曲線を表現する、XML ベースの画像形式の一つです。
HTML 上にコードとして記述できる為、class 名などを指定して、CSSでスタイルを変更できたり、JavaScript を用いて動的に中身のコードを書き換えたりする事が可能です。
そのような理由から、近年、SVGがWeb 制作の現場で使用される機会が増えてきています。今回は実装例を挙げ、ビットマップ形式とSVG のメリットとデメリットを確認しつつ、SVG の使いどころをご紹介します。

詳細を見る

第106回 Excel VBAを使った高速指示書作成術

第106回 Excel VBAを使った高速指示書作成術

サイトリニューアルをする際には、ページ毎に旧サイトのページをどのように移行するのかなど、必要事項をまとめた指示書を作成する必要があります。
今回はExcel VBAを用いて指示書を高速で複製する方法を紹介します。

詳細を見る

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

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

    お問い合わせ

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

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