「サイト制作／デザイン」「解説／ノウハウ」すべて人気記事ランキング

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

（全 744 記事）

ページ

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

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

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

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

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

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

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

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

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

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

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

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

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

Step 2-5 サイト設計書の作成手順：最適な構造やコンテンツリストのテンプレート付

Webサイト制作で仕様書を作成する際には、ユーザー導線のみならずSEOにも考慮したサイト構造の選択が重要です。今回は、様々な構造のサイトマップとコンテンツリストの例を紹介します。ダウンロード可能なテンプレートもご活用ください。

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

Step 3-9 Webページに最適な画像の形式は？拡大してもぼやけない拡張子も

Webページで使用される画像ファイルについて、JPEG、PNG、GIF、WebP、SVGなどの一般的な画像形式（拡張子）の特徴や、ビットマップ形式とベクター形式の違いをビギナーにもわかりやすく解説します。凝ったデザインのホームページにしたいのに、スマホで拡大したときにぼやけたり、文字が潰れてしまわないように、適切な画像ファイル形式とサイズを使用することが大切です。

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

Step 2-7 【サンプルDL可】Webサイトの要件定義書やワイヤーフレームを準備しよう

要件定義書のテンプレートやサンプル、書き方をお探しですか？ECサイトやWebサイト、CMSの設計には、要件定義書の作成が重要です。この記事では、デザインやシステム構成、運用体制に必要な資料を解説し、ワイヤーフレームやテンプレートもダウンロード可能です。設計書作成の前に、しっかりと要件定義書を整えましょう。

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

システム開発の見積書｜比較・評価ポイントを押さえて失敗しない業者選び

Webシステム開発会社の選定にあたり、相見積もりをどのように比較すれば良いのでしょうか？ SI企業を選ぶうえで、納期、体制、能力、実績、企業信用度などの要素が重要です。本記事では、実際のサンプルを交えながら、それぞれの項目について解説します。金額のみならず多面的な評価軸を持って比較することで、自社にマッチした業者を選ぶことができます。また、見積書を作成する側にとっても参考になる内容となっています。

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

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

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

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

「企画書」基本の書き方とは？提案が通りやすくなる資料作成のコツ

現状分析や費用対効果など、上司が見ているポイントを押さえて、「通る」企画書・提案資料作成のコツを解説します。良い例・悪い例を比較しながら、より具体的で説得力のある企画書の作成を目指します。記事の最後に、企画書の構成要素テンプレートを載せているため、ぜひ活用してください。

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

PV稼ぎ？やたらとページをめくらせるうざいメディアサイトの狙いとは？

必要以上にページネーションを使う「うざい」メディアサイトの問題と解決策について説明します。ページ分割は、広告収入の増加やユーザー体験の向上といった利点がありますが、やたらとページ送りが多いと不快ですよね。SEOの観点からも好ましくないとされています。実は解決策もあり、CSSレイヤーとJavaScriptを使った方法を紹介します。

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

iPhone/iPadのホーム画面用アイコンapple-touch-icon.pngをサイトに設定しよう

iPhone/iPadのホーム画面にあなたのサイトが追加されたときに表示されるアイコンの設定方法

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

Step 3-10 Webページに動画を埋め込むとき最適な形式・拡張子

Step 3-10 で知ってほしいことは、Webページで使う動画を掲載する際の注意ポイントを知ることです。

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

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

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

DX経営図鑑（全8回）

NIKEのDX事例　アスリートの孤独に寄り添うNIKE+、NIKE Run Club、NIKE Training Clubのアプリとデジタル戦略

辛い運動トレーニングも、エンターテインメント性と科学的アドバイスで乗り越えられます。ユーザー目線が嬉しいNIKEのデジタル活用術とは。

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

Excelにコピペできる！調整さんがさらに便利になるブックマークレット

スケジュール調整ツール「調整さん」の機能がもっと便利になるブックマークレットを紹介します。これで参加者の日程調整がより見やすくなるとともに、データをエクセル、CSVに出力できないという悩みを解決。コピーアンドペーストでExcelに貼り付けでき、並び替え、集計、印刷が可能になります。

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

Step 3-1 Webサイト開発フェーズ_スケジュール管理での注意点

Step 3-1で知ってほしいことは、制作スケジュールで、Web担当者が押さえておきたいポイントを知ることです。

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

運用がうまい！企業インスタネタの成功企画事例バズったもの紹介

投稿・企画ネタの参考になる！運用がうまいInstagramの企業アカウントをライフスタイル・小売・サービスのように業界別にまとめました。ユーザーが思わず「いいね！」したくなるには、どのようなポイントをおさえればいいか。また、投稿する時間帯や曜日、投稿タイプはエンゲージメントに関連性があるのか。実際の投稿から分析していきます。

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

サービスやサイト名の商標登録、かぶり大丈夫？調べる方法とは

Webサイトやネットショップ、アプリなどのWebサービス名を決めるときに気を付けなければいけないのが「商標権」です。今回は自社のサービス名が商標権を侵害していないかを調べる方法について解説します。サービス名が他とかぶっていないか簡単に調べることができる検索サイトもありますし、商標登録をする際の詳細に調査する方法もあります。また、人の商標権を侵害するとどうなるのかも確認しておきましょう。

HTML+CSSコーディングが10倍速くなるZen Coding

HTMLを一気に書き上げよう | Zen Coding 3-5

Zen Codingの構文を組み合わせよう

1ページ目：HTMLを一気に書き上げよう | Zen Coding 3-5
2ページ目：「#」「.」「*」「>」「+」「(」「)」の位置に注意！

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

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

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

複雑な表が理解できないサイトを改善する5つの改善アプローチ

表を使うならシンプルな形のものにしましょう

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

Google Site Searchが終了へ、サイト内検索は2018年までに他のサービスに乗り換えを

企業向けに有料で提供しているサイト内検索サービスの「Google Site Search」を終了

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

企画アイデアがざくざく生まれるUX発想シート＋UX的発想の超基本

UX的発想を体験し、新企画のアイデアを生み出していこう

1ページ目：企画アイデアがざくざく生まれるUX発想シート＋UX的発想の超基本
2ページ目：UXの超基本は5W1Hの想像力

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

Step 2-6 サイト設計書の作成②基本デザイン

Step 2-6で知ってほしいことは、サイト戦略を基に、デザインコンセプトやトンマナを決定することです。

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

Step 1-1 ビジネスとWebサイトの目的

1-1で知ってほしいことは、担当するWebサイトのビジネス上の役割を明確にすることが大切だということです。

タブレット向けWebデザインのノウハウ40選

タブレット向けWebデザインのノウハウ40選　――　第2章　タブレットデザインを考える

「スクリーンサイズ」「ナビゲーション」「アピアランス（デザイン）」「UI／UX」に関する18ノウハウ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Web担お悩み相談室

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

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

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

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

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

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

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

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

DX経営図鑑（全8回）

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

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

検索フォーム

「サイト制作／デザイン」「解説／ノウハウ」 すべて 人気記事ランキング

ページ

ページ

最新のニュース

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

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

今日の用語

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

編集部からのお知らせ

インフォメーション

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

「サイト制作／デザイン」「解説／ノウハウ」すべて人気記事ランキング