検索

HTML5 + UX : HTML5とUXの総合情報フォーラム

icon
＠IT Techブログ PickUp（TISインテックグループ編）：

「設計とデザインを分けた瞬間、UIは詰む」　ユーザー視点で見直す“エンジニアの画面デザイン”

エンジニアとして画面をデザインしてみたものの、「なぜかパッとしない」とお悩みの方は多いのではないでしょうか。実は、デザイナーとエンジニアの違いはセンスではなく、考え方や手順の違いが大きいのです。本稿では、デザインに苦手意識のあるエンジニアの方でもすぐに実践できる魅力的な画面づくりのヒントをお届けします。（2026年7月9日）

News Insight

もっと見る

＠IT 関連コーナー

ちょっとサイトをステキにするCSSの基本

Webデザインにあると便利なCSS。ちょっとサイトをステキにするためのスタイルシートです。基本の基本を学びませんか？

IE 6で泣かないための、9つのCSSハック

Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします

HTMLタグリファレンス

Web標準に基づいたXHTMLタグの正しいマークアップ方法のリファレンス一覧です。

CSS/スタイルシート リファレンス辞典

無数にあるCSS/スタイルシートのプロパティを大まかに分類し、1つずつ正しい使い方を紹介しながら、リファレンス辞典を完成させていく連載です。コードサンプルやDOMの指定方法まで丁寧に説明します。順次追加しています。

D89 Web標準HTMLタグリファレンス

D89 CSS/スタイルシートリファレンス

TOP STORIES

news008.jpg
＠IT Techブログ PickUp（TISインテックグループ編）：

「設計とデザインを分けた瞬間、UIは詰む」　ユーザー視点で見直す“エンジニアの画面デザイン”

エンジニアとして画面をデザインしてみたものの、「なぜかパッとしない」とお悩みの方は多いのではないでしょうか。実は、デザイナーとエンジニアの違いはセンスではなく、考え方や手順の違いが大きいのです。本稿では、デザインに苦手意識のあるエンジニアの方でもすぐに実践できる魅力的な画面づくりのヒントをお届けします。（2026年7月9日）
news052.jpg
TypeScript・Astro製：

「WordPress、24年も脆弱なままのワケ」　後継を目指すサーバレスCMS「EmDash」OSSで公開

CloudflareはサーバレスのオープンソースCMS「EmDash」を公開した。時代はVPSによるホスティングから、JavaScriptバンドルをグローバル分散ネットワークに低コストで配信できる時代に大きく変化した。EmDashはこの変化に対応すべく設計されたという。（2026年5月26日）
news045.png
DESIGN.mdで再利用もできる：

「人手のUI設計では低品質」　AIエージェントと喋る「バイブデザイン」で成果物の品質向上へ

GoogleはUIデザインツール「Stitch」を刷新。自然言語からUIデザインの生成、反復、共同作業を一貫して行える「無限キャンバス」などを搭載した。（2026年5月7日）
news040.jpg
ユーザー体験を損なうリソースを特定：

Chromeに負けるな、EdgeにWebサイトの読み込み遅延、原因を自動検出する新機能

Microsoft EdgeにWebサイトの読み込みパフォーマンス改善機能「Network Efficiency Guardrails」が追加された。（2026年4月28日）
news071.png
利用可否も示せる：

「divやscriptの“意味”は0」　HTML読み込み時のAIトークン使用量を「8割減らす」機能、Cloudflare発表

Cloudflareは、AI向けにHTMLコンテンツをMarkdown形式に自動変換して配信する「Markdown for Agents」を発表した。AIクローラーやエージェントの増加で構造化データの需要が高まっているという。（2026年3月19日）

お勧め連載

5分で分かる製作現場

難しく分かりづらい法律用語や最新のIT用語を、5分を目安に理解できるよう、分かりやすく説明しています

過去記事

news028.png

AIがサインインも代行　ブラウジングの未来が分かる「Gemini in Chrome」アップデート（2026/3/5）

news047.png

日本人の4人に1人が「AIからの指示は全て拒否」　間違いも許されるAIサービスを設計するには（2026/2/24）

news033.png

Google、AIがUIを自動生成する時代に備えたプロトコル「A2UI」をオープンソース化　どのような仕組みなのか？（2026/1/13）

news029.jpg

Google、AIブラウザ「Disco」発表　「Gemini 3」がタブ上でユーザーのためのオリジナルWebアプリを自動生成（2026/1/5）

news055.png

複雑コンテキストのWebアプリが遅い3つの主要因とは？「ツールでは根本原因の追究が困難」（2025/12/22）

news028.png

国内ネット通販事業者の「ECサイト表示速度ランキング」（2025/9/28）

news136.jpg

Google、「Gemini in Chrome」提供開始　セキュリティにも注力（2025/9/19）

news060.jpg

GIMP 3.0公開　非破壊フィルターやレイヤー拡張など、何ができるようになった？（2025/4/12）

news082.png

Amazon Appstore for AndroidとAmazonコイン、2025年8月20日で提供終了　個人使用のアプリはどうなる？（2025/3/10）

news087.png

2025年、Webページ読み込み時間の国別比較　米国は52位、最遅はブルンジ、最速は？（2025/2/6）

news040.png

96Gbps伝送に対応する「HDMI 2.2」発表　2025年上半期に仕様を公開予定（2025/1/25）

news090.jpg

シンプルなドキュメントを素早く記述できる「Markdown」　押さえておきたい5つの基本文法を解説（2025/1/16）

news059.jpg

2024年に躍進したWeb技術とは？　Q-Successが18分野を調査（2025/1/8）

news049.png

Google、XRデバイス用プラットフォーム「Android XR」発表　XR向け開発に特化（2025/1/7）

news099.png

ブラウザ上の仮想マシンでLinuxデスクトップやGUIアプリを実行できる「WebVM 2.0」公開　技術的改善点は？（2024/12/12）

news082.jpg

ソフトウェア開発における「要件」の種類を整理　優れた要件の特徴とは？（2024/11/15）

news098.jpg

デジタル産業のCO2排出量が航空を超える今「持続可能なWeb」を目指すインタレストグループをW3Cが設置　WSG（Web持続可能性ガイドライン）の内容とは？（2024/11/12）

news052.jpg

Google、Geminiで「Googleレンズ」や「AI Overview」を強化　撮影した動画に基づく検索や音声検索に対応（2024/10/26）

news061.jpg

ChatGPTに新しいエディタUI「Canvas」追加　従来のチャットUIにおける文章執筆／コーディング時の限界をどう突破した？（2024/10/21）

news058.jpg

AIクローラー／スクレイパーbotを分析・ブロックし、サイト使用料を請求できる機能をCloudflareが発表　どうやって識別している？（2024/10/16）

news072.jpg

Netflixがユーザー満足度を最大化するために取り組む推薦アルゴリズムとその工夫とは（2024/9/19）

過去記事一覧
ページトップに戻る