「サイト企画／制作／デザイン」すべて人気記事ランキング

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

（全 2765 記事）

ページ

単発記事

Google社内でも利用、2022年使いたいデザインツール世界1位の「Figma」は何がスゴい？

数々の世界的大企業が利用するデザインプラットフォーム「Figma」が2022年に日本進出。夏には日本語版をリリース予定。一体どんなツールなのか？

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

カスタマージャーニーマップとは？ UX向上を達成する7つの事例と作成方法

カスタマージャーニーとは、顧客が商品・サービスを知ってから最終的に購買に至るまでのプロセスのこと。その定義を理解した上で、今回は社内でのジャーニーマップの作り方を5つのステップから学びます。Webサイトだけでなく戦略や施策に応じて変化する、タッチポイントや様々な顧客体験に合わせた7つの事例とサンプルも紹介。ユーザー理解を容易にし、消費者(カスタマー)のインサイトを共有することで、サイト改善・UXの

インタビュー

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

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

安く!早く!を実現するサイト制作の発注マニュアル

「概算見積書」「超概算見積書」の違いって？ 3種類の見積もりを徹底解説――プロが教える見積書7つの極意②

概算見積書と超概算、正式見積の違い、正確に理解していますか？また「概概算、概々算、大概算」は、実は同じものを指しているなどPMBOKの規定に基づいた種類の違いについて、分かりやすく徹底解説。

Moz - SEOとインバウンドマーケティングの実践情報

ページをやたらと細切れにしてPV数を稼ごうとするメディアサイトの問題と解決策

Moz - SEOとインバウンドマーケティングの実践情報

ホームページをGoogle検索に引っかからないようにする12の方法

検索エンジンにWebサイトのコンテンツをヒットさせないようにしたい! Google検索結果に表示させない方法って? 名前などの個人情報やプライバシーを守るため、あるいはキーワードカニバリゼーション解消のため、そう悩む人は少なくありません。今回は、ホームページを検索にひっかからないように、インデックスさせないようにする12のコツを紹介。いつもとはまた少し違った視点からSEOを学びましょう。

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

Webサイトのメンテナンス中画面を出す正しい作法と.htaccessの書き方

サイトのメンテナンス中画面を人間にも検索エンジンにも適切にするやり方。

上司を説得できる企画資料の作り方講座

企画書の作り方とは／“通る企画書”作りの基本／上司を説得できる企画資料の作り方講座#1

やりたい企画がある！でも上司が認めてくれない! そんなあなたに、上司を説得して実現まで至らせられる企画書の作り方を解説。

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

1カラムレイアウトはもはや王道! Webサイトデザインの基本を解説

シングルカラムのWebデザインって、2カラムとどう違うの? 特徴やメリットは? モバイルファーストなサイト制作が求められる今の時代、ワンスクロールで見ることのできるシングルページレイアウトは主流になっています。ワンカラムだからこそできるコンテンツ設計や、ハンバーガーボタンの標準化など、日々変わりゆくウェブサイトのこれからを大解説。（第3回）

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

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

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

Instagram企業公式アカント分析データ＆事例集

インスタグラムの企業アカウント17業界961件を分析! 人気なInstagramに学ぶ活用の傾向

マーケティングにおいて、もはや欠かせない要素であるインスタグラム。本記事では、業界ごとのInstagram動向を独自に分析しました。「フォロワー数の多い公式アカウントって？」「エンゲージメント率の平均は？」「投稿頻度はどのくらい？」インスタ運用に悩むSNS担当者へ、人気の企業アカウントの面白い活用方法やKPI設計・ベンチマークに役立つデータを紹介します。

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

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

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

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

調整さんをちょっと使いやすくする3つの機能をブックマークレットで作ってみた

スケジュールが合わなくても判断しやすく＋見出し行がスクロール追従＋ExcelにコピペもOK！

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

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

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

【レポート】デジタルマーケターズサミット2022 Winter

オウンドメディアはブランドに貢献できるのか？ LIFULLが検証を重ねて学んだ成功の秘訣

期待通りの成果を上げることが難しいオウンドメディアの運用。自社のブランド認知を高められていると語る「LIFULL STORIES」に、ブランディング指標やKPI、記事の質の高め方について聞いてみた。

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

UXを定量的に評価する7つの基準で客観的にサイトを改善していこう

自社サイトのUX指標を定量化して改善、オンラインビジネスを成功させる7つのUX基準とは

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

見積書のチェックポイント、上辺の金額だけで発注先を判断するのはNG／第5回

経験の少ない発注担当者が見積もりの内容を評価し、発注先を判断するためのポイントを解説

Instagram企業公式アカント分析データ＆事例集

Instagramで参考にしたい企業事例集、人気アカウントに学ぶインスタ企画・投稿

後編はInstagramで人気の企業アカウントの投稿内容から成功のコツを探ります

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

CSSの:afterと::afterどっちが正しい？疑似クラスとか疑似要素って何？

セレクタで「:after」と「::after」がありますが、どちらが正しいのでしょうか。

インタビュー

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

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

良いウェブサービスを支える「利用規約」の作り方

そのサービス名、使って大丈夫ですか？　～商標権

サイト名やサービス名で注意しておかないといけない「商標権」に関して解説

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

ページ表示2秒でユーザーはイライラし始め、3分の1が「もういいや」となる

ページの表示にどれくらいかかると「遅い」と感じられ、ユーザー行動にどんな影響が出るのか

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

ページタイトルがわかりづらいサイトを改善する4つの解決アプローチ

明確なページタイトルをつけ、事前に内容を予測したり、他のページと見分けたりできるようにしましょう

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

ヤフーの画像はなぜyimg.jpドメインなのか？サイト高速化の手法とヤフーの失敗例

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

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

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

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

見積もりが高いといわれたら。Noという交渉術

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

Step 2-5 サイト設計書の作成①サイト構造

Step 2-5で知ってほしいことは、サイト戦略を基に、コンテンツリストやサイト構造などを作成することです。

良いウェブサービスを支える「利用規約」の作り方

最低限おさえておくべき「プライバシーポリシー」のポイント（前編）

「プライバシー」とは何か、対象となるのはどんな項目か、などを解説

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

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

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

安く!早く!を実現するサイト制作の発注マニュアル

見積書サンプル&プロが教える見積書7つの極意①――1社見積もりと相見積もりを極める

イベント・セミナー

Webアクセシビリティ確保・基本の「キ」10項目、ご存じですか？

コンセントが主催したセミナー「いま、企業が取り組むべきWebアクセシビリティ」から第一人者による講演をレポートする。

SNS埋め込み活用ツールEmbedSocialを使ってSNSとWebのシームレスな連携を実現しよう

世界中で利用されているSNS埋め込み活用ツールEmbedSocial（エンベッドソーシャル）は、インスタグラム、ツイッター、Youtube、Google、TikTokなどから投稿や口コミを集めてウィジェット化し、Webサイトに埋め込むSaaS型ツールです。EmbedSocialを使って、SNSとWebの連携を強化してみませんか。