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

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

第144回 IE(Internet Explorer)無き世界で本気出すCSS4選

第144回 IE(Internet Explorer)無き世界で本気出すCSS4選

ついにこの時がきたか。IEのWindows10(LTSB/LTSC以外の通常版)でのWebブラウザアプリのサポートが終了することになりました。インターネット黎明期に世界に多大なる貢献を果たしてきたIEには感謝しかありませんが、現代においては彼と我々は非常に難しい関係にありました。
今回はそんな偉大なIE無き世界に本気を出すCSSを4つご紹介していきたいと思います。

詳細を見る

第143回 円滑にWeb制作ディレクションを行うためのTIPS3選

第143回 円滑にWeb制作ディレクションを行うためのTIPS3選

Webディレクションの仕事は納期、品質、費用の3軸をコントロールしながらプロジェクトを成功に導くことと言われます。実際の業務内容は、進行管理、ファシリテーション、折衝、要件整理、時にワイヤーを引いたり、それぞれの作業者のマネージメント要素まで含まれることあり、非常に多岐にわたります。今回は、実際に制作現場でディレクションをする中で役に立つこと(TIPS)の中から3つご紹介したいと思います。

詳細を見る

第142回 音声読み上げ対応でテーブルのアクセシビリティを改善!

第142回 音声読み上げ対応でテーブルのアクセシビリティを改善!

コーディングしたテーブルを読み上げソフトで確認してみると、思っていたよりも問題なく読まれることもあれば、意味が通じにくくなってしまう場合もあります。
今回は、どのようなテーブルだと上手く読み上げられるのか、反対にどのようなテーブルだと問題が発生するのか、そのパターンと解決方法についてご紹介していきたいと思います。(検証環境は、Windows NVDA+Firefoxとなります。)

詳細を見る

第141回 始めよう!テンプレートエンジン - Pugから学ぶマークアップ管理 - その2

第141回 始めよう!テンプレートエンジン - Pugから学ぶマークアップ管理 - その2

前回(4月号)はpugの変数とmixinを活用して、制作環境やコンポーネント設計の足がかりをご説明しました。今回は、テンプレートエンジンの強力な機能であるイテレーション(反復処理)を使った、リスト要素の管理方法をご紹介します。

詳細を見る

第140回 始めよう!テンプレートエンジン - Pugから学ぶマークアップ管理 -

第140回 始めよう!テンプレートエンジン - Pugから学ぶマークアップ管理 -

静的、動的、フレームワークの有無を問わず、Web制作では情報(コンテンツ)、構造(マークアップ)、見た目(スタイル)、作用(スクリプト)の4つの柱を適切に管理することが大切です。サイトを構成するHTML、CSS、JavaScriptファイルを直接編集・作成してしまうと、反復される要素すべてを記述する必要があるなど、4つの柱を管理することが難しくなります。そんな時は、マークアップにテンプレートエンジン(meta言語)を用いて、資材管理を容易にしましょう。今回はHTMLのテンプレートエンジンの一つであるPugを用いた具体例を挙げて、構造からWeb制作をコントロールする方法をご紹介します。

詳細を見る

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

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

    お問い合わせ

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

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