WEBディレククション

WEBディレククションに関する記事は、70件あります。

具体的な情報にフォーカス。ここでは「実用編」「知識編」「豆知識」「実例編」に区別して情報を載せています。マインドについては、「雑多」に移動しました(2020年)。

他デバイス・ブラウザでログインした際のメール通知

セキュリティ観点において、他デバイス・ブラウザでログインした際にメール通知がくるのはとても良いことだと思う。 ただその内容というか、文面はとても大事。その書き方・・・

実例編

「復旧サーバに接続できませんでした」→ Wi-Fi 接続

MacBook Air を売却するため、初期化したときのお話。念のため、バックアップを取ってから、色々ググりながらトライしました。 その際、「macOSを再イン・・・

豆知識

EFO(入力フォーム最適化)について考えてみる

「0から目指すWebマスター」というWeb制作に携わる方に向けての備忘録サイトを不定期に発信しています。さきほど「EFO(入力フォーム最適化)について考えてみ・・・

知識編

EFO(入力フォーム最適化)について考えてみる

EFO(Entry Form Optimization)は、入力フォームを最適化することですが、EFOの施策をやるかどうかで、入力フォームの離脱率を改善すること・・・

実用編

「レスポンシブWebデザイン」と「ユーザー視点」

「0から目指すWebマスター」というWeb制作に携わる方に向けての備忘録サイトを不定期に発信しています。さきほど「「レスポンシブWebデザイン」と「ユーザー視点・・・

知識編

ランディングページを見直す

書籍「ランディングページ・デザインメソッド」に書かれていることをほぼそのまま抜粋して、まとめました。気になった方は本書を読むとさらに深掘りできます。 ランディ・・・

知識編

サービスを提供する際の心構え

「0から目指すWebマスター」というWeb制作に携わる方に向けての備忘録サイトを不定期に発信しています。さきほど「サービスを提供する際の心構え」という記事をアッ・・・

知識編

サービスを提供する際の心構え

タイトル 伝わるWebライティング 著者 Nicole Fenton (著), Kate Kiefer Lee (著), 遠藤 康子 (翻訳)・・・

実用編

SEOを語る前に

「0から目指すWebマスター」というWeb制作に携わる方に向けての備忘録サイトを不定期に発信しています。さきほど「SEOを語る前に」という記事をアップしたので、・・・

知識編

Facebook Engineering Talk

いつかどこかで見たスライドだったか、誰かがまとめた記事だったのか、すいません、出典元は忘れてしまったのですが、ローカルで見つけたデータをマルっとコピペして公開。・・・

実例編

ジャーニー・マップ

カスタマージャーニーマップ、エクスペリエンスジャーニーマップ、ユーザージャーニーマップ、ジャーニーマッピング、そんな調査法について、まとめてみます。文面はほぼ・・・

実用編

カードソーティング

リサーチ手法のひとつ、カードソーティングについて、まとめてみます。 まず大別して3種類ある。 クローズド・カードソート オープン・カードソート デルファイ・カ・・・

実用編

モバイルファースト - モバイルへの対応 -

書籍「デザイニング・インターフェース第2版」の「10章 モバイルへの対応」より抜粋。 課題 ちっぽけな画面サイズ 余分なものはできるだけ取り除く さまざまな画・・・

知識編

紙媒体から電子メディアへ

Web Designing 2011/3 パブリッシング プロジェクト06「新聞・メディア論」が気になったのでピックアップ。 メディアというのは、ちょっとしたき・・・

知識編

Amazon アソシエイト

Amazon アソシエイトに関する情報は、ここに備忘録として追記していこうと思います。 Amazon Product Advertising API(署名入り・・・

豆知識

グリッドレイアウト

グリッドレイアウトを作成するたびに、カラム数と幅と余白をちまちま計算していたのですが、フォーマット作っちゃえば、あとは全体幅に合わせてコンテンツエリアの幅を広げ・・・

豆知識

ターゲット層

F1層って何歳から何歳までの男女どっちだっけと調べることが多かったので、ここいらで整理しておこうと思ふ、ターゲット層。 もともとは、ビデオリサーチ社が社内用語と・・・

豆知識

広告サイズ(Amazonアソシエイト)

これまで、個別商品リンクしか利用したことがなかったが、実は魅力的な広告がたくさん用意されていたことを知り。今度作るサイトでは、広告のことを意識しながら制作できた・・・

豆知識

広告サイズ(adSence)

横長 テキスト イメージ 動画 リンク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サイトが担う経営戦略、Webサイトの種類と基本コンセプト

Webサイトが担う経営戦略 大きく3パターンに分別でき、それぞれが複合したりしてWebサイトが形成される。 売上げを増やす(ECサイト) 見込み客獲得(製・・・

知識編

ヒアリングの前にクライアントに準備してもらうこと2

1.社内要件の取りまとめをしてもらう 決済、社内の関係者に要件、注意点、実施希望要項、社内体制・文化(ひとつの物事を決定するのにどのくらいの時間、フローが必要か・・・

実用編

提案書に盛り込む内容

クライアント名 決定責任者、プロジェクト担当者、プレゼン担当者、システム管理者 プロジェクト名 機密に関わる場合はコードネーム プロジェクトの内容 企(企画を説・・・

実用編

ブランディング

何が企業の価値を高め、知名度・好感度アップするのかを知る 企業に対するイメージ調査から分かること イメージUPには段階がある 会社概要(アピールポイント(AP・・・

知識編

Webサイトの在り方

ユーザー中心デザイン 従来のWebサイト 公開しておけばいい パンフレットやカタログのようなもの 現在のWebサイト サイトで実現したいことは何か ・・・

知識編

ユーザビリティチェック(ケータイサイト編)

よいケータイサイトの要素・特徴 トップ画像 訪問者像が分かるデザイン(デザインとサイト内容のマッチング性、視認性) 定期的にデザイン更新されている Fla・・・

実用編

ヒアリングの前の準備(既存サイトがある場合)

基本チェック項目 ユーザビリティ ビジュアルデザイン サービス内容の把握 プロモーション状況チェック項目 SEO対策(便利ツール紹介) リスティングリステ・・・

実用編

Webの特徴

24時間365日アクセス可能 動画や音声を使ったリッチな情報伝達が可能 情報量の制約がない さまざまなデータフォーマット情報流通が可能 ユーザーが必要な情報を・・・

知識編

サイト構築

プロダクトアウト型な発想からの脱却 マスマーケット(膨大な広告予算を展開できる大企業向け)からマインドシェア(より具体的なユーザー動向を意識し広告展開する中小企・・・

知識編

ヒアリングの前にクライアントに準備してもらうこと1

ヒアリング時点で「ターゲットは?」と問うと結局のところ「利益につながるすべて」とターゲットを絞れない返答は多い。 「ターゲットは誰ですか?」という質問の前に 自・・・

実用編

インターネットによる消費者活動の変化

「教えたい人」がキーパーソン 「売りたい(企業側)」と「買いたい(消費者)」の間に「教えたい人」が現れ始めている。 直線的なトラフィックから興味・関心に従って・・・

知識編

三井不動産レジデンシャルに学ぶ

ユーザーの一般的動向から、その時期に合うサイトを提供する 「イエラボ」 家のある暮らしへの興味を喚起させ、検討段階へ誘導する 生活をより豊かにする話題などを・・・

実例編

ユーザビリティチェック

詳細コンテンツ関連 製品利用の動機を固められるコンテンツの提供 説得力ある情報を提供しているか? 製品の魅力を伝えるコンテンツか? 安定した使用感を得られ・・・

実用編

Webクリエイターが必要な営業スキル

営業は集客された見込み客の疑問点を解消し、条件を設定し契約書を交わすところを行う立場 必要な営業スキルは? 交渉力 お客様の要望とこちら側の条件をまとめる ク・・・

実用編

ECサイト実例 Part3

WebSTRATEGYの「実録Webサイト ビフォアフター」で連載されている内容を自分なりにまとめてみました。 サイト制作を独自に一から始めるか?AS・・・

実例編

CMSの基礎知識

CMSの誤解 CMSとは「Webを更新する」ツールと思われがちだが違う。CMSとは「Webコンテンツを管理/運用する」ツールである。つまり、コンテンツが増えれ・・・

知識編

著作権

著作権の種類 著作者の権利(著作権) 著作者人格権 公表権、氏名表示権、同一性保持権 著作権(財産権) 複製権、上映権、演奏権、上演権、公衆送信権、頒布権、・・・

知識編

スタイルガイド(ガイドライン)

カラーコード フォントの種類 サイズ 領域のピクセル数 これはhtmlコーダーや品質チェック担当が必要であり、納品後に必要になることはほとんどない。 なぜ、・・・

実用編

ブラウザ画面の背景もプリントアウトする場合

ブラウザ上(ここではIE6で解説) 「ツール」タブ→「インターネットオプション」を選択 「詳細設定」タブ→「背景の色とイメージを印刷する」にチェックを入れる ・・・

豆知識

用紙1枚に数ページ分をプリントアウトする場合

エクセル・ワードなど上 「ファイル」タブ→「印刷」選択 「プロパティ」ボタンを選択 「用紙」タブ→「Nアップ」から任意を選択

豆知識

Webサイトの集客方法

リスティング広告 参考:リスティングの基礎 SEO アフィリエイト メール メールマガジン ユーザーの許諾を得てメール配信(オプトインメール) メール配信・・・

知識編

ネットを利用した広告、特徴と方法

ターゲットユーザにピンポイントで広告が打てる。 ネットを使った広告の大きな特徴であり、マス広告との大きな違いである。 参考:メディアに適したコミュニケーショント・・・

知識編

ケータイサイトの集客方法

ディレクトリ型検索エンジン登録Yahoo!モバイル(http://mobile.yahoo.co.jp/) ランキングサイトの活用モバイル専用ランキン・・・

知識編

広告サイズ(国際標準)

実はバナーサイズには「国際標準」ってのがある。 横幅の小さい順(単位はpx) 88×31 120×60 120×90 120×240 120×600 125×・・・

豆知識

メディアに適したコミュニケーショントーン

マス広告 「(例)ありがとう日本の女性へ(TSUBAKI)」のように「なんだろう」と思わせるのが狙い ECサイト 「詳細」 「リアル」なコミュニケーション 「・・・

知識編

ECサイト実例 Part2

セミナーで実際に運営している側とサイトを制作した側のお話を聞いたので、その内容をまとめてみました。 輸入レコードショップに見るECサイト展開 特徴 在庫限りの・・・

実例編

ECサイト実例 Part1

iTunesStoreに見るECサイトとしての優位性 UIが使いやすい タイムリーにランキング変動 カスタマーレビュー 試聴できる アルバムの中の1曲単位で購・・・

実例編

ECサイトの立ち位置

従来(否定要因からの利用) 時間がないから 場所が遠いから 2004年頃から(プライオリティ要因からの利用) 他では買えないものがあるから 現在(買う理由を探・・・

実例編

ケータイの読み込み速度

56Kモデム / 10KB / 6〜9秒 (さらに…)

知識編

ケータイサイト

制作時の注意点 大きくても200×300(20文字×15行) 特殊文字の積極的利用 電話番号入力で直接電話をかけられる 文字入力ではなく、リストから選択できる・・・

知識編

07_デバック・校正

IDパスワードでアクセス制限された開発用サーバ上で限定者によるデバック・校正 再度ユーザビリティテスト (さらに…)

知識編

06_量産作業

全ページを制作。それ以前のプロセスが終わらないと量産作業は行えない。 (さらに…)

知識編

05_基本デザイン策定

視覚要素をデザイン トップページ、全ページ共通のヘッダ・フッタ部分など インターフェイスのガイドライン作成 ロゴ、マーク、アイコン、タイポグラフィーなどの使・・・

知識編

04_情報アーキテクツ設計

サイトマップ作成(ツリー構造やディレクトリ構成、ページ間のリンク構造を明記) 情報の収集(コンセプトに応じた収集の方針を立てる) 情報の分類(位置、50音順・・・

知識編

03_仕様策定

企画書や仕様書にまとめ、Webサイト開設者と目標のイメージを共有 Webサイトの基本、プランニング 「どのような目的や背景でサイトが維持継続運営されるのか?」・・・

知識編

02_コンセプトの設定(具体的なキーワード定義)

オリジナリティー、実現できるか判断、最低限の達成目標などを加味 ターゲット(サービスの対象となるユーザ層を指す) ポジショニング(競合サイトや複数のサービス・・・

知識編

01_ヒアリング・サーチ

Web開設者の要望事項、ブランディング、企業戦略、サーバやインフラの仕様の調査 同業他社のWebサイトの分析 分析アプローチ(課題点・問題点を抽出) 環境分・・・

知識編

00_Webサイト制作プロジェクト

Webサイトの構築の第一歩はスケジュールを立てるところからはじまる。 最終目的(決められた期限に、要望とおりのWebサイトの立ち上げ)を果たすために、全体のス・・・

知識編

ケータイサイトの特徴

ケータイサイトの利用者は? 一般的には若年層、ECサイトでは若年女性や若い主婦層。しかし、PCとケータイを連動して利用されることが多いことを忘れてはならない。・・・

知識編

デザインカンプ

コンテンツマップ ディレクトリマップ ディレクトリ構造設計指針 重要なのはディレクトリ名称 URIを大切に 盛り込む内容 ページの中の役割 ワイヤーフ・・・

実用編

「設計」という概念(Webサイト構築とSEO対策)

建物をどのように建てるのか(「Webサイト構築」設計) どんな建築物も設計図なしでは作れない。 建物を建てる場合 Webサイトの場合 何階建て? ・・・

知識編

アクセシビリティとユーザビリティ

Webアクセシビリティ 「できるだけ多くの人へ情報を正しく伝えるため」 「より多くのユーザーがWebコンテンツを利用できるようにすること」 「見やすい」 「音声・・・

実用編

Webスタンダードのメリットとデメリット

Webスタンダードとは? Webスタンダード=Web標準とは、W3Cの勧告にしたがった文法を遵守し、CSSを利用して文書の構造と見た目を分離させること。 Web・・・

知識編

納品時

制作したファイル一式と運営のためのルールをセットで サンプル テキスト更新時にWebサイト制作ソフトを使用する場合の注意点 Dreamweaver、ホームページ・・・

実用編

契約方法

設計、制作、運用のそれぞれで契約(納品、検収)を結ぶ プロジェクトで行うことと納品物の例 内容詳細 御社データ資料の確認 ヒアリング サービスの体験 ・・・

実用編

同市場への新ブランド立ち上げ

商品プロモーションはもちろん、ブランドイメージの訴求が大きなミッション

知識編

最近の記事

SONYからVlogに特化したカメラ登場 VLOGCAM ZV-1

(キャプチャは公式サイトから勝手に拝借) あまりカメラに詳しくないけど、スマホ並みの簡単な操作でクオリティの高い動画を撮影したい。 2020年5月・・・

カメラネタ

2019年夏から2020年GWまで

2018年は体調を崩し2度の入院生活を余儀なくされ、2019年は自宅療養しつつ、小規模な案件を無理ない範囲で案件をいただきながらの生活をしていた。結果として2・・・

徒然なままに

PayPalの決済ボタンを設置してみた

ぼくが作ろうとしたのは「コインを購入してもらって、そのコインをコンテンツ内で利用してもらう」というもの。 PayPalの決済ボタンを設置するには、大きく・・・

お仕事・制作日記

カウントアップ、カウントダウンするJavaScript

ポイントを使ったり、増やしたりしたときに、結果のポイント数に差し替えるのではなくて、カウントアップしたり、カウントダウンして動的に動かそうと思って作ってみた。・・・

JavaScript

指定したドメインからのリファラーか判別する

そんなに利用頻度はないものの、たまに使う際に毎回調べてるので、備忘録がてらメモ。ドメインとかホストとかは、同義語として取り扱います(厳密な違い、FQDNについ・・・

php

booleanを返却する、便利なWP関数

booleanを返却する、便利なWP関数を備忘録がてらまとめようと思ったら、すでにWikiにまとめらてました。これは便利。条件分岐タグ - WordPress・・・

WordPress

たびのとリニューアルしました!

リニューアルを思い立ったのが、2020年4月13日。そこから開始して4月22日に完了し公開。その後微調整を加えつつ、今に至ります。 リニューアル後のたび・・・

お仕事・制作日記

カスタム投稿のタクソノミーの一覧や選択した値を取得する → get_the_terms(), get_terms()

たとえば、タクソノミースラッグを「genre」、複数形のラベルと単数形のラベルを「ジャンル」として、ジャンル候補として、下記を作った場合。 ・・・

WordPress

カスタム投稿タイプの投稿ページで投稿タイプのスラッグ/ラベルを取得する → get_post_type()

たとえば、投稿タイプスラッグを「movie」、ラベルを「映画」としたとき、投稿ページ(single-movie.php) の中で、それぞれの値を取得する方法。・・・

WordPress

【5/14発売】タムロンのF/2.8通しの望遠70-180mmフルサイズレンズ、Model A056

2020年4月7日、35mmフルサイズミラーレス一眼カメラ対応のソニーEマウント用大口径望遠ズームレンズ、「70-180mm F/2.8 Di III VXD・・・

レンズネタ

人気の記事

iframeの高さを自動調整する

iframeで呼び出した際、iframe自体はスクロールさせずに高さを取得してiframe全体を表示させます。 サンプル:iframeの高さを自動調整するデモ・・・

JavaScript

背景画像の拡大・縮小 → background-size !

W3Cで「モジュール背景とボーダー」について2011年2月15日付けで更新されてますね。 CSS3では、背景画像の幅・高さを拡大・縮小するプロパティが追加され・・・

CSS

overflowをautoにした要素のスクロール位置を変更する → scrollTop scrollLeft

まずはサンプル。 これは、overflowをautoにした要素のスクロール位置を変更するサンプルです。 これは、overflowをautoにした要素のスクロ・・・

JavaScript

WP_Queryを使って絞り込み検索するのにコレは便利!

めっちゃ参考になるページを見つけた。 絞り込みをするたびに色々ググっていたが、これがあればほとんどのことが解決できそうな気がする。 参考: これは便利!Word・・・

WordPress

WordPressのカテゴリー一覧ページでカテゴリー名とスラッグを取得する → get_queried_object()

やりたいこと カテゴリー一覧ページで、そのカテゴリー一覧ページに属する記事一覧を取得するためにループさせるのとは別に、タイトルやカテゴリー別にデザインを変・・・

WordPress

Advanced Custom Fields を使った条件分岐(セレクトボックス、チェックボックス、ラジオボタン、真偽)のテンプレート記述方法

前回、「入力フォームを自由にカスタマイズできる「Advanced Custom Fields」」で基本的なフィールド名を出力方法を紹介したが、今度は条件分岐に関・・・

WordPress

[連想配列]2つ以上のキーで並び替えをする

2つ以上のキーで連想配列を並び替えしたいときの備忘録。 サンプル配列 var arr = []; arr.push(["5", "4", "たちつて・・・

JavaScript

管理画面のカスタム投稿一覧で並び順を変更する

WordPressの管理画面。「投稿」や「固定ページ」の一覧は、公開日順に並んでいる。ところが、カスタム投稿を追加した場合、公開順ではなく名前順に並んでいること・・・

WordPress

http://localhost:8888/ → http://localhost/

http://localhost:8888/ での参照ではなく、http://localhost/ で参照できるようにします。 MAMPの設定を変更する M・・・

MAMP

アーカイブページでカスタムフィールドやタクソノミーで絞り込みした状態でリスト表示する

<?php $args = array( 'paged' => 1, 'posts_per_page' => 20, 'post・・・

WordPress

WEB制作WEBディレククション