WEB設計に関する記事は、74件あります。
具体的な情報にフォーカス。ここでは「実用編」「知識編」「豆知識」「実例編」に区別して情報を載せています。マインドについては、「雑多」に移動しました(2020年)。
2019年1月に書いたレビュー（2年以上前！）が残っていたので、ここに転載。当時YouTubeをやろうとしていた頃を思い出す。今でもYouTube更新しようと・・・
「デザインノート EXTRA good design company 水野学」から抜粋して自分なりの解釈を追加した過去メモ。 「iD」メイキング ・・・
書籍「LEAN UX リーン思考によるユーザエクスペリエンス・デザイン」から抜粋。 「前提の宣言」「MVPの作成」「実験の実行」「フィードバックとリサー・・・
LEAN UX は、コラボレーションと部門/領域横断的な手法によって、製品の本質を素早く明らかにするための実践的手法であり、これによって文書への過度な依存を減・・・
セキュリティ観点において、他デバイス・ブラウザでログインした際にメール通知がくるのはとても良いことだと思う。 ただその内容というか、文面はとても大事。その書き方・・・
MacBook Air を売却するため、初期化したときのお話。念のため、バックアップを取ってから、色々ググりながらトライしました。 その際、「macOSを再イン・・・
「0から目指すWebマスター」というWeb制作に携わる方に向けての備忘録サイトを不定期に発信しています。さきほど「EFO（入力フォーム最適化）について考えてみ・・・
EFO（Entry Form Optimization）は、入力フォームを最適化することですが、EFOの施策をやるかどうかで、入力フォームの離脱率を改善すること・・・
「0から目指すWebマスター」というWeb制作に携わる方に向けての備忘録サイトを不定期に発信しています。さきほど「「レスポンシブWebデザイン」と「ユーザー視点・・・
書籍「ランディングページ・デザインメソッド」に書かれていることをほぼそのまま抜粋して、まとめました。気になった方は本書を読むとさらに深掘りできます。 ランディ・・・
「0から目指すWebマスター」というWeb制作に携わる方に向けての備忘録サイトを不定期に発信しています。さきほど「サービスを提供する際の心構え」という記事をアッ・・・
タイトル 伝わるWebライティング 著者 Nicole Fenton (著), Kate Kiefer Lee (著), 遠藤 康子 (翻訳)・・・
「0から目指すWebマスター」というWeb制作に携わる方に向けての備忘録サイトを不定期に発信しています。さきほど「SEOを語る前に」という記事をアップしたので、・・・
いつかどこかで見たスライドだったか、誰かがまとめた記事だったのか、すいません、出典元は忘れてしまったのですが、ローカルで見つけたデータをマルっとコピペして公開。・・・
カスタマージャーニーマップ、エクスペリエンスジャーニーマップ、ユーザージャーニーマップ、ジャーニーマッピング、そんな調査法について、まとめてみます。文面はほぼ・・・
リサーチ手法のひとつ、カードソーティングについて、まとめてみます。 まず大別して3種類ある。 クローズド・カードソート オープン・カードソート デルファイ・カ・・・
書籍「デザイニング・インターフェース第2版」の「10章 モバイルへの対応」より抜粋。 課題 ちっぽけな画面サイズ 余分なものはできるだけ取り除く さまざまな画・・・
Web Designing 2011/3 パブリッシング プロジェクト06「新聞・メディア論」が気になったのでピックアップ。 メディアというのは、ちょっとしたき・・・
Amazon アソシエイトに関する情報は、ここに備忘録として追記していこうと思います。 Amazon Product Advertising API（署名入り・・・
グリッドレイアウトを作成するたびに、カラム数と幅と余白をちまちま計算していたのですが、フォーマット作っちゃえば、あとは全体幅に合わせてコンテンツエリアの幅を広げ・・・
F1層って何歳から何歳までの男女どっちだっけと調べることが多かったので、ここいらで整理しておこうと思ふ、ターゲット層。 もともとは、ビデオリサーチ社が社内用語と・・・
これまで、個別商品リンクしか利用したことがなかったが、実は魅力的な広告がたくさん用意されていたことを知り。今度作るサイトでは、広告のことを意識しながら制作できた・・・
横長 テキスト イメージ 動画 リンクUnit 紹介ボタン テーマUnit 728 x 90 ○（4） ○ ○ 728 x 15 ・・・
ウィキペディア、IT用語辞典参照 携帯事情 携帯用サイトは、QVGAを基準にすることが多い。 通称 横×縦 アスペクト比（横:縦） ピクセル数 携帯 ・・・
以下、2007年12月21日、アップルストア銀座店で開催されたセミナー「CSS Nite x (r)evolution "Shift to 2008"」の中から・・・
Webサイトの役割を「見込み客獲得」や「売り上げ獲得」とした場合、サイト名を企業名にしてしまうともうからないことがある。 サイト名が企業名でもOKなのは、大企業・・・
文章力以上に重要なのが事前のヒアリング コンテンツの原稿が用意されずに書き起こしをしなければならない場合、内容・表現の「正解」を知らないまま、単に用意された資料・・・
わざわざメールマガジンの配信登録してくれた皆さんには特別な情報やオトクな情報をいち早くお届けします」という姿勢が大事。 ユーザがガードを下げるのはページ導線の・・・
Webサイトが担う経営戦略 大きく3パターンに分別でき、それぞれが複合したりしてWebサイトが形成される。 売上げを増やす（ECサイト） 見込み客獲得（製・・・
1.社内要件の取りまとめをしてもらう 決済、社内の関係者に要件、注意点、実施希望要項、社内体制・文化（ひとつの物事を決定するのにどのくらいの時間、フローが必要か・・・
クライアント名 決定責任者、プロジェクト担当者、プレゼン担当者、システム管理者 プロジェクト名 機密に関わる場合はコードネーム プロジェクトの内容 企（企画を説・・・
何が企業の価値を高め、知名度・好感度アップするのかを知る 企業に対するイメージ調査から分かること イメージUPには段階がある 会社概要（アピールポイント（AP・・・
ユーザー中心デザイン 従来のWebサイト 公開しておけばいい パンフレットやカタログのようなもの 現在のWebサイト サイトで実現したいことは何か ・・・
よいケータイサイトの要素・特徴 トップ画像 訪問者像が分かるデザイン（デザインとサイト内容のマッチング性、視認性） 定期的にデザイン更新されている Fla・・・
基本チェック項目 ユーザビリティ ビジュアルデザイン サービス内容の把握 プロモーション状況チェック項目 SEO対策（便利ツール紹介） リスティングリステ・・・
24時間365日アクセス可能 動画や音声を使ったリッチな情報伝達が可能 情報量の制約がない さまざまなデータフォーマット情報流通が可能 ユーザーが必要な情報を・・・
プロダクトアウト型な発想からの脱却 マスマーケット（膨大な広告予算を展開できる大企業向け）からマインドシェア（より具体的なユーザー動向を意識し広告展開する中小企・・・
ヒアリング時点で「ターゲットは？」と問うと結局のところ「利益につながるすべて」とターゲットを絞れない返答は多い。 「ターゲットは誰ですか？」という質問の前に 自・・・
「教えたい人」がキーパーソン 「売りたい（企業側）」と「買いたい（消費者）」の間に「教えたい人」が現れ始めている。 直線的なトラフィックから興味・関心に従って・・・
ユーザーの一般的動向から、その時期に合うサイトを提供する 「イエラボ」 家のある暮らしへの興味を喚起させ、検討段階へ誘導する 生活をより豊かにする話題などを・・・
詳細コンテンツ関連 製品利用の動機を固められるコンテンツの提供 説得力ある情報を提供しているか？ 製品の魅力を伝えるコンテンツか？ 安定した使用感を得られ・・・
営業は集客された見込み客の疑問点を解消し、条件を設定し契約書を交わすところを行う立場 必要な営業スキルは？ 交渉力 お客様の要望とこちら側の条件をまとめる ク・・・
WebSTRATEGYの「実録Webサイト ビフォアフター」で連載されている内容を自分なりにまとめてみました。 サイト制作を独自に一から始めるか？AS・・・
CMSの誤解 CMSとは「Webを更新する」ツールと思われがちだが違う。CMSとは「Webコンテンツを管理/運用する」ツールである。つまり、コンテンツが増えれ・・・
著作権の種類 著作者の権利（著作権） 著作者人格権 公表権、氏名表示権、同一性保持権 著作権（財産権） 複製権、上映権、演奏権、上演権、公衆送信権、頒布権、・・・
カラーコード フォントの種類 サイズ 領域のピクセル数 これはhtmlコーダーや品質チェック担当が必要であり、納品後に必要になることはほとんどない。 なぜ、・・・
ブラウザ上（ここではIE6で解説） 「ツール」タブ→「インターネットオプション」を選択 「詳細設定」タブ→「背景の色とイメージを印刷する」にチェックを入れる ・・・
エクセル・ワードなど上 「ファイル」タブ→「印刷」選択 「プロパティ」ボタンを選択 「用紙」タブ→「Nアップ」から任意を選択
リスティング広告 参考：リスティングの基礎 SEO アフィリエイト メール メールマガジン ユーザーの許諾を得てメール配信（オプトインメール） メール配信・・・
ターゲットユーザにピンポイントで広告が打てる。 ネットを使った広告の大きな特徴であり、マス広告との大きな違いである。 参考：メディアに適したコミュニケーショント・・・
ディレクトリ型検索エンジン登録Yahoo!モバイル（http://mobile.yahoo.co.jp/） ランキングサイトの活用モバイル専用ランキン・・・
実はバナーサイズには「国際標準」ってのがある。 横幅の小さい順（単位はpx） 88×31 120×60 120×90 120×240 120×600 125×・・・
マス広告 「（例）ありがとう日本の女性へ（TSUBAKI）」のように「なんだろう」と思わせるのが狙い ECサイト 「詳細」 「リアル」なコミュニケーション 「・・・
セミナーで実際に運営している側とサイトを制作した側のお話を聞いたので、その内容をまとめてみました。 輸入レコードショップに見るECサイト展開 特徴 在庫限りの・・・
iTunesStoreに見るECサイトとしての優位性 UIが使いやすい タイムリーにランキング変動 カスタマーレビュー 試聴できる アルバムの中の1曲単位で購・・・
従来（否定要因からの利用） 時間がないから 場所が遠いから 2004年頃から（プライオリティ要因からの利用） 他では買えないものがあるから 現在（買う理由を探・・・
56Kモデム / 10KB / 6〜9秒 (さらに…)
制作時の注意点 大きくても200×300（20文字×15行） 特殊文字の積極的利用 電話番号入力で直接電話をかけられる 文字入力ではなく、リストから選択できる・・・
IDパスワードでアクセス制限された開発用サーバ上で限定者によるデバック・校正 再度ユーザビリティテスト (さらに…)
全ページを制作。それ以前のプロセスが終わらないと量産作業は行えない。 (さらに…)
視覚要素をデザイン トップページ、全ページ共通のヘッダ・フッタ部分など インターフェイスのガイドライン作成 ロゴ、マーク、アイコン、タイポグラフィーなどの使・・・
サイトマップ作成（ツリー構造やディレクトリ構成、ページ間のリンク構造を明記） 情報の収集（コンセプトに応じた収集の方針を立てる） 情報の分類（位置、50音順・・・
企画書や仕様書にまとめ、Webサイト開設者と目標のイメージを共有 Webサイトの基本、プランニング 「どのような目的や背景でサイトが維持継続運営されるのか？」・・・
オリジナリティー、実現できるか判断、最低限の達成目標などを加味 ターゲット（サービスの対象となるユーザ層を指す） ポジショニング（競合サイトや複数のサービス・・・
Web開設者の要望事項、ブランディング、企業戦略、サーバやインフラの仕様の調査 同業他社のWebサイトの分析 分析アプローチ（課題点・問題点を抽出） 環境分・・・
Webサイトの構築の第一歩はスケジュールを立てるところからはじまる。 最終目的（決められた期限に、要望とおりのWebサイトの立ち上げ）を果たすために、全体のス・・・
ケータイサイトの利用者は？ 一般的には若年層、ECサイトでは若年女性や若い主婦層。しかし、PCとケータイを連動して利用されることが多いことを忘れてはならない。・・・
コンテンツマップ ディレクトリマップ ディレクトリ構造設計指針 重要なのはディレクトリ名称 URIを大切に 盛り込む内容 ページの中の役割 ワイヤーフ・・・
建物をどのように建てるのか（「Webサイト構築」設計） どんな建築物も設計図なしでは作れない。 建物を建てる場合 Webサイトの場合 何階建て？ ・・・
Webアクセシビリティ 「できるだけ多くの人へ情報を正しく伝えるため」 「より多くのユーザーがWebコンテンツを利用できるようにすること」 「見やすい」 「音声・・・
Webスタンダードとは？ Webスタンダード＝Web標準とは、W3Cの勧告にしたがった文法を遵守し、CSSを利用して文書の構造と見た目を分離させること。 Web・・・
制作したファイル一式と運営のためのルールをセットで サンプル テキスト更新時にWebサイト制作ソフトを使用する場合の注意点 Dreamweaver、ホームページ・・・
設計、制作、運用のそれぞれで契約（納品、検収）を結ぶ プロジェクトで行うことと納品物の例 内容詳細 御社データ資料の確認 ヒアリング サービスの体験 ・・・
商品プロモーションはもちろん、ブランドイメージの訴求が大きなミッション
この書籍の中で、ライティングのユーザビリティについて触れている項目があり、激しく共感する部分だったので、ここで備忘録としてピックアップする。 ・・・
この書籍は、I部 リサーチ、II部 デザイン、III部 インプリメンテーションと三部構成になっている。この記事では、その中から、I部 リサーチ、・・・
これを知ったときはマジか！と飛び跳ねた。あらためて思い返してみると、確かに公式チュートリアルでも触れていたことをうっすら思い出す。そしてそのときとやり方がなん・・・
試したことはまだないけど、Macで編集時と書き出し後で色味が変わって困ったときのために備忘録。 プロジェクト設定 > 「カラーマネジメント・・・
プロジェクト設定と環境設定について詳しく解説されている情報がなかなか見つからないので、要所要所で知り得た情報を更新していきます。 プロジェクト設定 ・・・
Clipyが超絶便利そうだったので、macOS Big Sur にインストール＆再起動して使ってみた。ところが、command + c を複数の箇所で行い、c・・・
requestAnimationFrame をはじめて見たので調べていたら、setTimeout や setInterval は requestAnimati・・・
6年ぶりに読み返したが、今なおハッとさせられることが多く見つかる。 この本で忘れないようにしたい項目をピックアップするだけでも役に立ちそ・・・
この記事では、以前に読んだ際に付箋を付けていたが、その部分だけを備忘録としてピックアップするため、本の要約ではない。実際は、何倍も濃い内容で、練・・・
もう一回、全部読み返したいところだが、書籍がありすぎるので、当時付箋紙をつけていたところだけをピックアップ。書籍内ではより具体的な説明があるので・・・
たとえば、セルに「テスト左：テスト右」と書かれているのを「テスト左」「テスト右」とセルを分割する方法です。Javascriptでいうところのsplitです。 そ・・・
sassファイルを保存すると、cssファイルが自動生成されるという症状でしばらくの間、ストレスだったがようやく解決。 例えば、var.scssを修正して保存す・・・
記事のコメント部分を最低限必要な情報のみ直書きしてみます（WordPress 4.9.2 で実施）。 前提 誰でもコメントできる（管理画面の「設定」→・・・
.group{ overflow:auto !important; overflow /**/:hidden; } または .group{ overflo・・・
変数bnにphpファイルのファイル名を拡張子なしで取得するサンプル $bn = basename($_SERVER['PHP_SELF'], ".php");・・・
Webスタンダードとは？ Webスタンダード＝Web標準とは、W3Cの勧告にしたがった文法を遵守し、CSSを利用して文書の構造と見た目を分離させること。 Web・・・
html>body モダンブラウザ用 *;first-child+html*:first-child+html IE7のみ用 ちなみに、 <!-・・・
使用例：<meta name="robots" content="nosnippet" /> 「nosni・・・
サイト登録されていなかったので、あらためて申請しました。 また、ブログ検索経由のアクセス向上のためping設定を追加しました。
<!DOCTYPE html> <html lang="ja"> <head> <meta ch・・・
「test」
「>ころころさん コメントありがとうございます！ 確かに、APIドキュメント見ましたが、ライブに関する情報は今のところ取得できないようですね。 インスタライ・・・」
「SIGMAから超軽量で明るい単焦点レンズが2本発売になりましたので、リストにレンズ情報追加しました！」
「＞名無しさん ご指摘、ありがとうございます！ 記事冒頭の「まずはサンプル」のサンプルが動いていませんでしたので修正しました。」
「＞前田さん コメントありがとうございます。 環境は分かりかねますが、修正したいファイルのパーミッションを604や644に変更すると書き込みできるようになります（・・・」
「アバターを取得する「get_avatar」についても追記しました！」
「「値をクリアする」を追加しました。チェックボックスやラジオボタンの値を何も選択していない状態に戻すときについて触れています。」
「＞匿名さん コメントありがとうございます。 サンプルでは、beforeは何も処理していないので期待する表示にならない、で正解です。 クリックした後が、対応・・・」
「（匿名）さん コメントありがとうございます。何も設定変更していないのに、それまで使用できていたサーバーが突然使えなくなるのは辛いですよね、、。 ここで紹介したや・・・」
「コメントありがとうございます！ そもそもできるかはわかりませんが、ソースを書き換える必要はあります。 下記記事などが参考になるかもしれません。 illustra・・・」
WEB制作WEB設計