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

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

第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を用いて指示書を高速で複製する方法を紹介します。

詳細を見る

第105回 自作のChromeアドオンで手軽に快適な環境づくり

第105回 自作のChromeアドオンで手軽に快適な環境づくり

Chrome アドオンとは、ブラウザ閲覧を快適にする為に作られた拡張機能(プラグイン)です。QR コード作成ツールや、ページキャプチャ、企業独自のオリジナルの拡張検索ツールなど、様々な機能を持つものがあります。Chrome アドオンはJS、HTML、CSS の知識があれば、便利なツールを手軽に自作することができます。
今回は自作アドオン「search_selector」を例に、作成方法をご紹介いたします。

詳細を見る

第104回 作業効率をアップしてくれる便利なツール

第104回 作業効率をアップしてくれる便利なツール

作業中、アプリケーションの手順を省略したり、使用したいアプリケーションを見つける時間を短縮したいと思うことは結構あると思います。そんなとき、1つ1つ探す手間を省いてくれるツールや、Webページ内のコンテンツサイズを調べられるツールなど、「日々の業務で使う機会が多い」と私が感じたツールを3つご紹介します。

詳細を見る

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

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

    お問い合わせ

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

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