Web制作・運用79記事
つくる前の判断から、使いやすさ、公開後の改善まで。
過去30日間によく読まれた記事から表示しています。
モーダルか別ページか、で迷わない — 受託で決める「画面の出し方」のUX設計
WebP・AVIF・JPEG XL — 2026年、サイトの画像はどれで出すか
View Transitions API 実用化元年 ― コーポレートサイト刷新の実装レシピ7選
CSSだけで作るスクロール演出 — scroll-driven と scroll-triggered の使い分け
PCでは動くのにiPhoneの実機で崩れる — WebアプリをWKWebViewに載せる前に
Blocked aria-hidden の警告は正しく、直し方が間違っている
React 19.3のViewTransition 導入前の確認点
見出しの余白がデザインとズレる — 犯人はフォントの上下の空き
「トップへ戻る」ボタンを、惰性で付けていないか
Cloudflareのキャッシュ、消すか無効化するか
「保存しました」が読み上げられない — 動的更新をスクリーンリーダーに届ける設計
検索ハイライトでHTMLを書き換えない — Custom Highlight API
遅い一部分のために、ページ全体を待たせない書き方が標準へ
セッションタイムアウトで「入力が消えた」をなくす — 受託で両立する安全性と使いやすさ
「解約させない」UIは、もう武器にならない — 受託で作る信頼される同意・解約導線
文字を拡大しても崩れないサイト — 受託で備えるズーム対応と文字サイズの設計
クラス名の頭でまとめて効かせたい — CSS に .prefix-* が入る
問い合わせフォームに「書きかけ」が届くのは、変換確定の Enter が原因
言語で出し分けるページとCloudflareのVary
CDN × 画像最適化でWebサイト表示速度を劇的改善 — 実装パターンと費用対効果ガイド
CSSだけで円グラフを描く — 受託でグラフライブラリに頼らない軽い可視化を
記事が増えるほど遅くなるビルド — Astro 7.2の増分静的ビルド
ダークモードの切り替えを3択にしない — 要件の一行が膨らむ前に
そのダッシュボード、誰のどの判断に使いますか — 作る前に決めること
JSで重くなった企業サイトを「HTMLファースト」で作り直す — 申込フォームのCVを取り戻す受託
社内ツール・管理画面のUXを作り直す — 受託でログインの内側を直す
画面が出せる色は広がっている — Display P3でブランド色を「くすませない」
斜めに切れたセクションが画像になっている — border-shapeが変える「四角くないWeb」
開発サーバーがメモリを食い潰す問題に効く — Next.js 16.3の3つの変更
記事ページでナビの現在地が消える — カレント表示を1か所で決める
採用サイト制作のポイント｜応募率を上げるデザインと導線設計
CSS contrast() / contrast-color() でアクセシブル配色を自動化 — コーポレートサイト 2026
Cross-Document View Transitions が数百要素対応 ─ 受託で実装する大規模 UI 遷移 2026
Astro 6.4 リリース ─ 受託で進める SSG コーポレートサイトの 2026 アップグレード戦略
認知特性に配慮したUXで「分かりにくくて離脱される」を直す — 受託のインクルーシブ設計
プロトタイプが「本番で崩れる」を防ぐ — 手戻りを減らす忠実な検証
AIに正しく読まれるサイトへ — Open Knowledge Format時代の情報設計を受託で
AI機能は毎回違う答えを返す ― 不確実性を前提にした確率的UI設計の実務
一部のユーザーだけ脱落するのはなぜか — 認知の多様性を前提にしたUXリサーチと情報設計
1–40 / 79 記事を表示
構想を、設計へ。
開発環境↔AIモデル
アクセス権 ・ データ ・ ログ
社内でAIを使うための
環境をつくる
自社のデータ、開発環境、アクセス権。導入の構想を、具体的な検討に進める。
実現方法を比較導入要件を整理小さく試す
特集を読む 
Google Workspace
管理の基本
導入から共有・権限まで、管理者の迷いを解消。
料金と導入共有のルール権限・セキュリティ
特集を読む 
AIを仕事で
使い始める
任せる仕事を選び、小さく試して、安全に運用。
AIの仕組み業務で試す安全に使う
特集を読む 
脆弱性の緊急対応を
記録で振り返る
PHP、証明書、Node.js。2026年10月21〜22日に重なった対応を、確かめた手順と落とし穴まで記録する。
提供元の対応を確かめる端末の証明書を点検する複数リポジトリを一括で上げる
特集を読む 
Webサイトを育てる
改善ノート
フォーム、使いやすさ、更新。公開後の改善を一つずつ。
フォーム改善UIの見直し更新・運用
連載を読む