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

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

（全 744 記事）

ページ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

DX経営図鑑（全8回）

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Product Showcase

クチコミ促進も囲い込み戦略もお任せ！　企業向けSNS構築サービスを厳選7つ

1ページ目：クチコミ促進も囲い込み戦略もお任せ！　企業向けSNS構築サービスを厳選7つ
2ページ目：Beat Media（ビートメディア）株式会社ビートコミュニケーション基本型、コンテンツ提供用、内定者用など多彩なラインナップASP型／インストール型
3ページ目：Looops SNS（ループスエスエヌエス）株式会社ループス・コミュニケーションズ企画制作から構築運営までワンストップで提供ASP型
4ページ目：ドリコムSNS株式会社ドリコムブログがベースだから得られる抜群のSEO効果インストール型
5ページ目：OpenPNE（オープンピーネ）株式会社手嶋屋日本でもっとも導入実績のあるオープンソースSNSASP型／インストール型
6ページ目：Grouptube（グループチューブ）株式会社paperboy&co.5分でセットアップ可能なレンタルSNSASP型
7ページ目：BlaComi（ブラコミ）グローバル・アイディー株式会社SNSで構築する企業のブランドコミュニティインストール型
8ページ目：astal（アスタル）株式会社ライトアップ信頼性を最優先に考えた高い運営サポート力インストール型

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

Step 3-11 Web制作で、気を付けておきたい著作権

Step 3-11で知ってほしいことは、Web制作で課題になる著作権の基礎を知ることです。

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

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

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

DX経営図鑑（全8回）

WalmartのDX事例　Amazonショックに立ち向かうリテール王が進めたデジタルとリアルの良いとこどり

Walmartはアプリ活用でデジタル化を進めつつ、リアル店舗の強みも武器にしてきました。その一つが、デジタルで注文してリアルで受け取る「BOPIS」。BOPISで叶う顧客の新たなニーズとは。

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

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

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

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

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

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

スマートフォンサイトでは画像を大きめにしよう

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

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

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

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

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

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

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

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

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

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

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

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

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