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

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

（全 415 記事）

ページ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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のホーム画面にあなたのサイトが追加されたときに表示されるアイコンの設定方法

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

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

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

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

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

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

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

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

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

DX経営図鑑（全8回）

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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