2ページ目：「サイト制作／デザイン」解説記事人気記事ランキング

Web担で過去30日にアクセスが多かった順の人気記事ランキングです。

ページ

【レポート】Web担当者Forumミーティング 2023 春

「テンプレを使ってもダサい」を解決！ Canvaで作る“センスに頼らない”デザインとは

テンプレートでもおしゃれなデザインを作りたい！内製化してコストを削減したい！ Canva社認定Expertのぺち丸氏が、ノンデザイナーでも簡単に本格的なクリエイティブを生み出せる「Canva」の魅力について語った。

初代編集長ブログ―安田英久

タブレット向けサイトの文字サイズは16pxがいいとの調査結果……イマドキの文字サイズの話

タブレット端末でユーザーが好むWebサイトの調査結果といまどきの文字サイズ指定

進化が止まらない！最新ツール

「WixはSEOが弱い」は昔の話！グーグルも認めた進化と、知識ゼロでもSEOできる3つの機能を大公開

グーグルも認めるほどSEOフレンドリーなプラットフォームへと進化している「Wix.com」。知識がなくてもSEO施策ができる3つの機能とは？

権利がクリアな写真を低コストで使うにはどうしたらいいの？／【漫画】僕と彼女と著作権・特別篇

有料でもいいので、サイトのイメージに合った、著作権的にクリアな写真を使いたいけど、何に注意すればいいの？　教えて、有栖川さん！

1ページ目：権利がクリアな写真を低コストで使うにはどうしたらいいの？／【漫画】僕と彼女と著作権・特別篇
2ページ目
3ページ目
4ページ目
5ページ目：写真素材を商用利用するとき注意すべきポイントとは？

デザイニングWebアクセシビリティ

カテゴリ名や構造がわかりづらいサイトを改善する3つのアプローチ

ユーザーが内容を想像できるカテゴリ名と、使い慣れた情報構造のパターンを採用しましょう

各社の事例でわかるオウンドメディア運営の「企画」「構築」「成果」ノウハウ

「適当に取材して一丁あがり！」なんて考えてないよな？オウンドメディアの取材記事は事前準備が9割【前編】

成功する取材と失敗する取材の違いとは？中山氏と鈴木（アミケン）氏が取材のノウハウについて語り合った。前編は事前準備と当日の心構えについて。

Webデザイン、これからどうなるの？（全10回）

画面サイズのレスポンシブデザインはなぜ必要? 対応が必須となったいま求められること

「ブレイクポイントってなに?」「媒体ごとにWebページの画面サイズが異なって見づらい」「横幅はどうやって変える?」このような声は少なくなり、PC・スマホ・タブレット、あらゆるサイズに対応するレスポンシブデザインは、現在では標準的な存在となりました。さらに、画像のレスポンシブも重視されはじめています。今後求められるWebデザインについておさらいします（第4回）。

実践！プロも使うラピッドUX手法

フォトダイアリーで実践するUX改善、ユーザー目線そのものから顧客ニーズを掘り起こす

ユーザーの目線そのものを活用し、隠れた顧客ニーズを掘り起こす手法「フォトダイアリー」を紹介

Web担当者になったら知っておきたい「基本」が学べる Web担ビギナー

Step 2-14 委託先の選定③契約書

Step 2-14で知ってほしいことは、契約書の種類や契約の際の注意ポイントを知ることです。

【レポート】Web担当者Forumミーティング 2018 Autumn

要件定義とは？ Webサイトリニューアル成功のカギを握る「要件定義」の目的と作り方を紹介

「要件定義ってどんなもの？」「上層部を説得できない」「複数部門の要望がバラバラ」―まず何から始めるべきかをお伝えします。

実践！プロも使うラピッドUX手法

UX指向アンケートでカスタマーエクスペリエンスを可視化するデータをサクッと集めよう

簡易的なカスタマージャーニーマップ作成を見据えたUXアンケートのコツをご紹介

社内サイトが部門ごとにバラバラ、必要な情報を得られない!? ─富士通の基盤再構築プロジェクト

再構築時の体制、コンセプト、苦労したポイントまでノウハウを公開！

Webサイトリニューアル特集

Webリニューアルでメール反応が274%改善、アステラス製薬が挑んだ“マーケ一貫マネジメント”

アステラス製薬は「Astellas Medical Net」をリニューアルした。その際「Adobe Experience Cloud」を導入し、多くの成果を得ているという。

Web担主催イベント

企業Web担当者集まれ～！サイト周りの悩み共有会！：70人が集まった「Web担当者Forum Meet UP #3」レポート

10月10日に開催された「Web担当者Forum Meet UP #3」。イベント当日を写真と共に振り返ります！

初代編集長ブログ―安田英久

Google検索アプライアンス（GSA）2019年に終了、サイト内検索で使ってる場合は注意！

グーグルが、Google検索アプライアンス（Google Search Appliance、GSA）の提供を2019年に終了することを発表

成功するCMS導入の必須ノウハウ

Part 4　失敗しないCMS導入ワークフロー：詳細設計

1ページ目：Part 4　失敗しないCMS導入ワークフロー：詳細設計
2ページ目
3ページ目
4ページ目

デザイニングWebアクセシビリティ

現在地がわからないサイトを改善する2つのアプローチ

ナビゲーションとパンくずリストの組み合わせで現在地を表現しましょう

インタビュー

Webフォントとは使い方や「読み込みが重い？遅い？」に回答

Webフォントとは？に悩む方向けの情報。webfontは読み込みが遅い、重いと言われることがあるが現在ではそんなことはない。本記事ではフォントおじさんこと関口浩之さんが印象を与えるweb fontのメリットや実装方法、システムフォントとの違いもわかりやすく解説。また、ブランディング向上やサイトの世界観を文字で伝えるためのウェブフォント選びに困ったときに使えるランキングサイトも紹介する。

Web担当者になったら知っておきたい「基本」が学べる Web担ビギナー

Step 3-2 ドキュメント上の「システム構成」を読み解く

Step 3-2で知ってほしいことは、要件定義書等ドキュメントに記してある「システム構成」が何となくわかることです。

Web担当者になったら知っておきたい「基本」が学べる Web担ビギナー

Step 2-2 プロジェクトの方向性の決定

2-2で知ってほしいことは、プロジェクトの方針を決定し、概要書をまとめ、メンバーで共有することです。

進化が止まらない！最新ツール

Figmaの新機能がスゴい！バリアブル・開発モードなど Web制作“時短”の味方に！「Config 2023 現地レポ」

Figmaが2023年6月、サンフランシスコでカンファレンスを開催。イベントをレポートするとともに、Web制作にも役立つ新機能を解説する。

Webサイトリニューアル特集

日経ビジネス電子版、5年ぶりのリニューアル：3つの”タイム”を軸に編集体制・コンテンツも変更

「日経ビジネス電子版」5年ぶりのリニューアル。狙いを編集長の原氏に聞いた。

Web担当者になったら知っておきたい「基本」が学べる Web担ビギナー

Step 2-12 委託先の選定①RFPとコンペ

Step 2-12で知ってほしいことは、RFP・コンペの概要と注意ポイントを知ることです。

Web担当者になったら知っておきたい「基本」が学べる Web担ビギナー

Step 2-4 Web戦略書の作成（KGI・KPI等）

Step 2-4で知ってほしいことは、Web戦略書には目的・KGI・KPI、ユーザーシナリオ等を記し、メンバーで共有することです。

Webサイトリニューアル特集

STUDIO導入・内製化で運用コストが40分の1に！パシフィコ横浜のWebサイトフルリニューアルの成果

「サステナブルウェブデザイン」を掲げ、たった4か月でサイトリニューアルを実施。コスト削減のほかに、問い合わせ件数88.7％減、CO2排出量も6.8トン削減。リニューアルの舞台裏を聞いた。

Webデザイン、これからどうなるの？（全10回）

Webサイトで視覚的なインパクトを強く残したいときに効果的なヒーローイメージとは？

写真を全画面に表示するヒーローイメージは、視覚的なインパクトを強く残したいWebサイトで効果的です。そのサンプルや特徴を紹介します（第5回）。

Webサイトリニューアル特集

花王のウェブアクセシビリティ、4年で700サイトの品質基準達成をめざす“全社プロジェクト”の進め方

花王グループでは、ウェブアクセシビリティ向上・確保に全社で取り組んでいる。足かけ4年の一大プロジェクトはどのように進行しているのか。花王に聞いた。

ロフトワーク流「プロジェクトコミュニケーション術」（全3回）

2時間でメンバーの相互理解を深める「コンセプトマップワークショップ」の手順とは？

チームビルディングのためのコンセプトマップをつくってみよう（第2回）。

Web担当者になったら知っておきたい「基本」が学べる Web担ビギナー

Step 4-2 Webサイト運用フローの明確化

Step 4-2で知ってほしいことは、スムーズな運用のためには、運用フローの明確化が重要だと知ることです。

デザイニングWebアクセシビリティ

情報の分類や並び順がわかりづらいサイトを改善する3つのアプローチ

カスタマージャーニーマップやコンテンツ目録などを活用して、ユーザーが見てわかりやすいように分類・整理しましょう

はてなが訊く「オウンドメディア成功の法則」

グランプリ受賞！富士フイルムのオウンドメディア「ChekiPress」が考えるブランディングの本質とは？

「コンテンツマーケティング・グランプリ2023」ブランドコンテンツ部門でグランプリを受賞したCheki Press担当者に話をうかがった。

初代編集長ブログ―安田英久

快速ページ表示のためのblank.gifのdata URI化、最短表現や処理の重さを実際にテストしてみた

data URIって何？使うとどう良いの？という人向けの基本解説もあります

Web担当者になったら知っておきたい「基本」が学べる Web担ビギナー

Step 2-3 調査・分析手法（サイト/ユーザーニーズ）

2-3で知ってほしいことは、「サイト調査」「ユーザーニーズ調査」の必要性と主な手法です。

Web担お悩み相談室

Webサイト構築で「デザインを先に見せて！」、要件定義を理解してくれないクライアントにはどう対応すべき？

Webデザイナーからのお悩みは「要件定義よりも先にデザインを求める顧客」について。クライアント案件に生かせる交渉術のワークも紹介。【Web担お悩み相談室】

企業ホームページ運営の心得

ポイントは絶対儲かる金の卵。囲い込みだけじゃない大人の事情

初代編集長ブログ―安田英久

Webサイトを作ったらまずやるべきことチェックリスト

運営日記、ウェブマスターツール登録、死活監視、ドメイン名/SSL期限チェックなど、やることいっぱい。

Web担当者になったら知っておきたい「基本」が学べる Web担ビギナー

Step 4-11 【5分でわかる】Web担当者になったら、まずは知っておきたいこと

Step 4-11（最終回）では、Web担初心者が知っておきたい重要ポイントと、これから学び続けるための情報源を知ってほしいです。

Webデザイン、これからどうなるの？（全10回）

Apple、Google、Microsoft、Adobeが共同開発したバリアブルフォントって何？

ひとつのフォントファイルで複数フォントが利用できるバリアブルフォント。まだ一部のフォントでしか利用できないが、一般化していく可能性があるのでチェック（第8回）。

初代編集長ブログ―安田英久

img（画像）には文字色を指定しよう（そう、文字の色を）

なぜ画像なのに「文字の色」を指定しなければいけないのでしょうか。

進化が止まらない！最新ツール

Figma×Googleが、デザイン人材育成をサポート！日本の小中高の学校に教育プログラムを無償提供

デジタル人材育成の裾野を広げていくFigma Japanを取材。学校に無償提供するねらいとは？そして大人は今、何をすればいいのか？

【レポート】Web担当者Forumミーティング 2023 秋

カインズ、サイボウズの人気オウンドメディア編集長に聞く！コンテンツのPDCAはどう回してる？

B2CとB2B、違う立場で成果を上げている人気オウンドメディア「となりのカインズさん」「メールワイズ式」の編集長2名に、どのようにPDCAを回しているか、A-canの白砂ゆき子氏が聞いた。

中小企業のための失敗しないWebシステム発注・開発

RFP(提案依頼書)とは？意味を理解してらくらく作成！[サンプルあり]／第3回

「RFPとは？」「書き方が知りたい」「rfp作成のテンプレートが欲しい」そんな人向けに、サンプルを用いて分かりやすく解説します。中小企業のWebシステム開発で使い勝手のよいフォーマットを示しながら、詳しい構成や作り方のコツを伝授。ITの知識がない人も、このひな形を参考にぜひチャレンジしてみましょう。

Web担当者になったら知っておきたい「基本」が学べる Web担ビギナー

Step 3-12 Web担当者が行う「テスト」での注意点

Step 3-12で知ってほしいことは、Web担当者が行うテストでの注意点を知ることです。

DX経営図鑑（全8回）

スターバックスのDX事例　混んでいても問題なし、美味しいコーヒーをいつでも飲めるテイクアウトが作り出した「自由」

喫茶店でカップを使って飲むものだった従来のコーヒー文化。Starbucksはテイクアウトモデルで、飲食体験に新たな「自由」を持ち込みました。

インタビュー

“ココがすごいよ！ GA4 ” 解析プロ4人が語る「Googleアナリティクス4」の便利・不便なポイント

解析のプロ「小川卓氏、木田和廣氏、窪田望氏、佐々木秀憲氏」の4人にGA4の魅力や不便なところを語ってもらった。

Web担当者になったら知っておきたい「基本」が学べる Web担ビギナー

Step 2-17 プライバシーポリシー

Step 2-17で知ってほしいことは、個人情報保護法とプライバシーポリシーの概要を知ることです。

HTML5完全読本―実践テクニックとWebデザインの最新動向

必ず覚えておきたいHTML5の特徴と新機能／HTML5完全読本#1-1

あらためてHTML5の特徴と新たに追加された機能についておさらいする

初代編集長ブログ―安田英久

こりゃ便利! 404なURLにリンクを張っているページを一発でリストアップする方法

デザイニングWebアクセシビリティ

リンク先がわからないサイトを改善する3つの解決アプローチ

内容がわからないリンクテキストはユーザーに負担をかけるため、具体的で重複しないリンクテキストにしましょう

Webデザイン、これからどうなるの？（全10回）

Webフォントを活用するためのポイントとは？

Webサイトでも比較的自習に選択・利用できるようになったWebフォント。活用するためのポイントとは？（第7回）

検索フォーム

「サイト制作／デザイン」 解説記事 人気記事ランキング

ページ

ページ

最新のニュース

Web担は、企画広告も役立つ情報バッチリ！

人気記事トップ10（過去7日間）

今日の用語

連載/特集コーナーから探す

編集部からのお知らせ

インフォメーション

Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]

「サイト制作／デザイン」解説記事人気記事ランキング