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

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

（全 2965 記事）

ページ

Canvaがビジュアル作業のプロセスを統合したクリエイティブOSの提供を開始、次世代「Canva」

強化したビジュアルツールキット・世界初というデザインAI・マーケティング支援ツールを搭載

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

おしゃれな3色の配色パターン組み合わせ：センスのいいビジネス資料に

色の組み合わせ次第でビジネス資料やポスターの訴求力が変わる！おしゃれな3色配色パターンを使ったカラーパレットの選び方について、書籍・イラスト・グラフィック・Web制作など幅広いデザイン事業を手掛けるingectar-e代表の寺本恵里氏が、配色の基本と仕事に役立つ「トレンドカラー」について詳しく語った。

ラクスルとCanvaが提携、デザインから印刷・Web・マーケティングまで一気通貫で支援

まずCanvaで作成した名刺デザインをラクスルの印刷に直結、多様な印刷ニーズに順次対応

イベント・セミナー

9segsを用いた顧客分析とは？フレームワークで顧客起点マーケを実現

顧客分析はどのように行うと成果が得られるのでしょうか？この記事では「9segs」という9つの顧客セグメントに分けるフレームワークを例に、フレームワーク導入の重要なポイント、セグメント分析、PDCAサイクルの手順を解説します。このフレームワークを使用することで、成長させるべき顧客セグメントを特定し、顧客の像や提供する価値、具体化するアイデアを考慮し、施策の実行後に顧客動向を検証することが重要です。

Figmaが生成AI開発のWeavy買収、「Figma Weave」としてAIクリエイティブ環境を提供

複数のAIモデルと編集ツールを組み合わせて画像・動画・アニメーション・VFXなど制作

LINEヤフーが「LINE Creative Lab」にURL入力で広告画像を自動生成する「URL画像生成」搭載

遷移先ページのテキストや画像の内容に基づいて生成、「ビジネスID」があれば無料で利用可能

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

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

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

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

「GA4で挫折した人」こそ試したい！生成AIと始めるこれからのデータ活用術

GA4を使いこなせず、挫折してしまったという人は必見！ GA4の基本をおさえつつ、ChatGPTを活用してデータ分析を進めるためのノウハウを、月曜日のトラの代表取締役・西氏が解説。

Adobeが企業向けにカスタマイズした生成AIモデル構築ソリューション「Adobe Firefly Foundry」発表

企業が持つブランドコンテンツに合わせて画像・動画などに対応した固有の生成AIモデルを共同で開発

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

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

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

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

石巻市が実践した「災害に強いウェブサイト構築」〜自治体DX成功の舞台裏〜

石巻市の実例をもとに、Webサイトリニューアルと自治体のDX成功のカギについて語り合った。

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

Canvaで結婚式招待状を印刷したら高クオリティ！実は印刷ミスしたがサポートも神対応すぎた

素人でも簡単におしゃれなデザインができるツール「Canva」で印刷してみたら高クオリティで驚き！実は、印刷をミスってしまったのだが、サポートが神対応すぎた。

AI時代に「クソコンテンツ」は通用しない！ SEO評価と信頼性を両立する絶対条件

AI時代に「価値あるコンテンツ」を作るために必要なこととは？ SEOにおける生成AIの影響や、AIと人間との理想的な役割分担について語り合った。

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

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

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

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

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

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

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

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

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

「Adobe Firefly」に新たな音声・動画・画像AI機能とAIモデル導入、プロ品質で生成

アドビ、マルチメディア対応のオールインワン環境を業界トップクラスのAI活用で提供

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

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

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

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

Figmaが新機能4つ発表、ノーコード＆ワンクリックでWebサイトを即公開「Config 2025」現地レポ（前編）

Figmaが2025年5月、デザインカンファレンス「Config 2025」で新たな機能を4つ公開した。8,500人が集結したイベントの様子とともに、現地サンフランシスコからレポートする。

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

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

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

スワイプLP制作・分析ツール「SwipeKit」にエリア指定型透明リンク機能を実装

トライハッチ、画像やコンテンツ全体をタップエリアに指定、スマホUXとCVRを最適化

Web制作の最前線をキャッチ！「MTDDC Meetup TOKYO 2025」11/29（土）@ハイブリッド開催

シックス・アパートは11月29日（土）、MTに携わる技術者やデザイナー向けのカンファレンスを開催する。

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

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

Wixが「AI検索結果概要」提供開始、AI回答内のブランド名の引用率や言及内容を可視化

生成AIによる検索が広まる中で「GEO/LLMO」支援、主要なLLMの回答内容をモニタリング

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

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

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

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

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

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

Reproのサイトスピード改善ツール「Repro Booster」でECサイト「卒塔婆屋さん」改善

タグを設置する初期設定だけ、運用負荷をかけずにサイト表示速度を改善してCVRも上昇

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

制作期間を大幅に削減！ Web制作の効率を上げる「引き算思考」と「現場で使えるAIツール」

AIを単なる時短ツールで終わらせない。これからのWeb制作者に必須の、新しいAIとの共存戦略を解き明かす。

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

伝わるWebサイトをつくる！ユニバーサルデザインの基本と具体的な改善方法

より多くの人に伝わるWebサイトにするために、どのような改善を行えばよいのか？ユニバーサルデザインの基本知識とともに、具体的な改善方法を解説する。

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

Figmaの何が革新的？知らないと損する「超活用術」

話題のFigma、マーケターも知るべき活用術！業務効率アップの鍵を握るFigmaの基本と便利機能を徹底解説。

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

ノーコードでWebサイト作成！ Canvaでホームページの作り方解説

「Canva Webサイト（Canva Websites）」は、Canvaが提供する無料のWebサイト作成ツールです。シングルページWebサイトの作り方は直感的で簡単です。カスタマイズ可能なテンプレート、無料ドメインの利用など、多彩な機能が利用可能です。Canvaを使ったWebデザインにおいて非常に強力なツールとなります。Canvaのエキスパートがツールのメリットとデメリットについて解説します

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

CSSの::afterと:after コロンの数の違いは？疑似要素とクラスとは

CSSセレクタにはコロン2つの「::after」「::before」という書き方と、コロン1つの「:after」「:before」という書き方がありますが、その違いは何でしょう？また「疑似クラス」と「疑似要素」がHTML上でどのような役割なのかを解説します。

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

Canvaのテンプレで簡単&オシャレに！センスに頼らない“伝わるデザイン”の基本

「テンプレを使ってもダサい」を解決！デザインの知識がない担当者は必見。Canva Japan認定講師の山本和泉氏が、Canvaでオシャレなクリエイティブを作るための配色やフォント選びのコツを紹介。

Reproが「Repro Booster」に購入・申し込みページとランディングページの高速化追加

速度改善ツールに2つの機能、カゴ落ちやコンバージョン直前離脱防止、直帰率を改善

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

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

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

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

FigmaがAIでさらに進化！ Web制作はもはや完全自動化目前？「Config APAC 2024」現地レポ

Figmaが2024年7月、シンガポールでアジアで初となるデザインカンファレンス「Config APAC」を開催。AIを活用した新機能と新しいUIが公表されたイベントの模様を、現地からレポート。

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

“思わずクリックしたくなる”バナーデザイン発注のコツ！「イメージと違う」を解消する6項目

非デザイナーのための「失敗しないバナーデザイン発注のコツ」をWebデザイナーのカトウヒカル氏が解説。

「Canva」にノーコードでサイト作成可能な「Canva Webサイト」など6つの新機能搭載

デザイン編集ツールからビジュアルコミュニケーション「Canva Visual Worksuite」に

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

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

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

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

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

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

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

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

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

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

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

画像生成AI「Canva AI」の世界展開開始、新たに日本語を含む16言語に対応

Canva、生成されるアウトプットも各地域の慣習に合わせながら活用が可能に

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

デザイナーに学ぶ！マーケターが押さえておきたい「デザイナー思考」

「デザイン思考」ではなく「デザイナー思考」？ NASUの前田氏が、ノンデザイナーのマーケターに向け、ビジネスを成功へ導く“デザイン力”の磨き方について紹介した。

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

企業Webサイトはオワコンなのか？これからの10年を予測

企業Webサイトは、ユーザー変化、環境変化によって常に進化し続けている。過去・現在を振り返り、これからの未来10年を予測する。

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

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

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

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

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

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

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

イベント・セミナー

モリサワの「新ゴ」フォントがWebでCMSと連携、クラウドフォントで拡がるWebデザインの可能性とは

フォントメーカー、CMSベンダー、Web制作会社、三者三様の視点で語られたセミナーをレポート。

1ページ目：モリサワの「新ゴ」フォントがWebでCMSと連携、クラウドフォントで拡がるWebデザインの可能性とは
2ページ目：グラフィックデザイナーが力を発揮できる環境が整いつつある

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

Webサイトリニューアルは事前準備が8割。5つの「あるある」から学ぶリニューアルプロジェクト推進術

Webサイトのリニューアルで遭遇しがちな課題とその解決のポイントをコニカミノルタが解説。

検索フォーム

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

ページ

ページ

最新のニュース

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

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

今日の用語

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

編集部からのお知らせ

インフォメーション

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

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