Posted by CEO on May 28th, 2014 何を今さら当たり前なことを、と思われるかもしれません。しかし、その当たり前のことをきちんとできていることが意外と少ないのでは、と僕は感じています。 何を差し置いても、コンテンツに興味を持とう 実際の体験として、公開されているWebサイトでも、コンテンツを単なる文字列として捉えてしまっているサイトに何度か出くわしたことがあります。それらのサイトでは、次のようなことが起きていました。 1ブロックごと（見出し単位）の意味はわかるが、上から順に読んでいくと意味が通らない。 見出しタイトルと内容が合っていない。 見出しの粒度（くくりの大きさ）が揃っていない。 サンプルテキストのまま。 ナビゲーションのラベル（ボタン名）と遷移先にある情報が結びつかない。 こういったことが起きる理由の一つに、コピー＆ペーストで文字のカタマリを配置していくと

編集部注：本稿は初心者向けにプログラミングやWebデザインの講座を開催している TechAcademy（テックアカデミー）による連載企画。「非エンジニアの起業家が知っておくべきプログラミングの知識」というテーマで数回に分けて極めて基礎的なプログラミングの基礎知識をお伝えする。全連載はこちらから 「非エンジニアが知っておくべきプログラミングの知識」というテーマで、10回に分けてお届けする連載企画。第4回目のテーマは「CSS」です。 前回は「HTMLの設計思想と、2014年に最適な学び方」というテーマでお送りしました。今回は「CSS3からSassまで ─ これから学ぶ人のためのCSS全体像」という記事テーマで、考察・ご紹介します。本連載は、インターネット業界で、これまで技術的なバックグラウンドを持たないまま起業した方や、これから独立・起業しようと思い立った方をサポートするための、連載記事です。

こんにちは。 今回はソーシャルボタンってどれくらいあるのだろう・・と思って調べてみました。 すべてではないのですが結構見かけるなあというものをご紹介します。 ソーシャルボタン一覧 twitter 設置はここから 自分の気になる記事をほかの人にも見てほしい時に便利なtwitterのボタンです。 そのほかにも『フォローする』など結構種類があります。 以前は公式でももう少しボタンのカスタマイズができたと思うのですが・・。 上の画像のようなふきだしが上にきているものは『data-count=”vertical”』を生成されるコード内のaタグに書き加えると表示されるなど、完全になくなったわけではないようです！ いいね！ボタン 設置はここから リンクを共有するという意味合いがつよいボタンという印象のいいね！ボタンです。 公式サイトで割と細かいカスタマイズが可能です。OGPなども併せて設定されると良いか

先日、Google AdWords teamの公式Twitterアカウント@adwordsで紹介された「クリックを呼ぶ広告文： 広告文改善のための10のチェックリスト」が非常にわかりやすくまとめられていたので翻訳してご紹介致します。 引用元(PDF)：Creative That Clicks: A Checklist to Getting Your Ads in Shape リスティング広告の広告文にベストプラクティスと呼ばれるものは恐らくありません。しかし、よりよいものを作り続けること、育て続けることは出来ます。この資料自体は2013年11月に公開されたものですが、基本的ではあるものの、広告文をよりよいものに仕上げるための10のチェックリストが提案されています。リスティング広告運用者はこれらのポイントを踏まえ、検索語句との関連性を上げ、更にはROIの最大化に役立てましょう。私たちの経験上

ここのところ、セミナー参加が続いています（5月は4本目）。本日は京都商工会議所さん主催で行われた、ウェブライダー松尾茂起さんのセミナー『ソーシャルメディア時代のコンテンツ型SEO』に行ってきましたので、要点だけをレポートします。 ※レポート内容には誤りのないよう注意をしていますが、セミナー時のメモを元にしていますので、一言一句登壇者の発言を正確に書き起こしたというたぐいのものではございません。内容に万が一誤りがありましたら、すみやかに修正しますのでお知らせください。 1.なぜ、今、検索が大事か 少し前からウェブ上の各所で「SEO終わった」というようなブログを見かけるようになりました。しかし松尾さんによると、昨今のスマートフォンブームが検索をこれまで以上に“日常的な行為”にしていて、事実、様々なキーワードでの検索回数がこのところ伸びているのだとか。 当然、僕もウェブ解析を担当する人間ですから

UXのプロが岡目八目で切り込むのが快感今回、「UXデザインパッケージ」のサービスを体験してみたわけですが、結論から言うと、「さすがUXのプロ」という面と、「まさに岡目八目、外部に頼む価値」という面とがありました。 アドバイスは、現状のWeb担の見せ方をかなり大幅に変えるというものでした。つまり、現状をある意味で否定された形なのですが、それに対して違和感は抱きませんでした。というのも、そうするべきだとして示されている理由が理路整然としていた納得できるものであり、さらに自分でも薄々は感じていた「そうだよね」という部分をえぐられていた内容も多かったからです。 たとえば、アドバイスでは、「移動中などにスマホで友人のフィードで見かけた記事などが気になり、でもそのときは読まずにあとから読む」といった行動にうまく対応できるようにと指摘されています。 これは、言われなくてもわかっているはずのことです（実際

こちらもSMXではおなじみとなっているセッション。検索エンジンの中の人を招き、Danny Sullivan氏がユーモアを交えながら、時に厳しく質問をあびせます。会場からの質問もトークテーマとなっているため、現地参加者の質問から、彼らが何について知りたがっているかを知ることができ。そちらも非常に興味深いです。– SEO Japan 原題：Meet The Search Engines Speakers: Duane Forrester, Sr. Product Manager, Bing (@DuaneForrester) John Mueller, Webmaster Trends Analyst, Google (@JohnMu) *アジェンダではYandexのEugene Lomize氏も参加予定でしたが、急きょキャンセルとなってしまいました。 （以下、スピーカーは略称を用います。Da

SMXではおなじみと言えるセッションの一つ。目先の成功ではなく、長期間に渡って効果を発揮する方法についてのお話です。BingからDuane氏も参加し、検索エンジン側からの意見を聞けるのは貴重だと思います。Googleとは別のエンジンではありますが、どのような内容だったのでしょうか？– SEO Japan 原題：Long-Term SEO: How To Win For Years, Not Days Speakers: Duane Forrester, Sr. Product Manager, Bing (@DuaneForrester) Tim Grice, Director of Search, Branded3 (@tim_grice) Dave Naylor, MD & Director of SEO, Bronco Ltd (@DaveNaylor) Duane Forreste

ここ最近、日本企業が海外向けにEC展開を進めようとしている流れを感じます。そんな中、英語サイトのメディアを自社で運営し、アクセスを伸ばそうとされている企業様も増えております。 しかし、ただ単に英語で記事を書いただけでは、アクセスはそこまで伸ばす事は出来ません。数千ページ英語でオリジナルコンテンツを用意したのに、なかなかアクセスが増えない。アクセスが頭打ちになってしまっている。なんていうご相談も有りました。 それでは何故、英語サイトのコンテンツを増やしているのにアクセスが増えないのでしょうか？ 英語サイトのコンテンツマーケティングが上手く行かない時の11のチェックリストを元に、自社サイトに何が足りていて、何が足りていないかを確認してみましょう。 下記は、各項目の解説です。 ☑．誰に向けて書いているメディアなのか？ターゲットが明確である ライターや企画者が誰に対してコンテンツを書いているのかよ

今回参加したセッションの中では珍しく、技術的なお話がメインのセッションです。別のセッションでもありましたが、技術的なSEOは違いを生むことができます。SEOに関わる技術も新しいものがどんどん導入されてますが、これらを上手く導入してSEOの効果をだすことができれば、非常に理想的ですね。– SEO Japan 原題：Technically Speaking: Advanced Technical SEO Issues Speakers: Patrick Altoft, Director of Strategy, Branded3 (@patrickaltoft) Andy Atkins-Kruger, Group CEO, WebCertain (@andyatkinskruge) Patrick Altoft SEOの仕組み オンサイトとオフサイトでランキングファクターの数が増加。SEOが難

以前、管理画面カスタマイズってことでアクションフックについて書きましたが、 中々まとめる時間が取れず今に至る 1shiharaT です。 一気にまとめるとすごい量になると思うので、何回かに分けて書きたいと思います。 今回は、 WP Pointer API の実装方法についてです。 初心者の方に使い方を教える一番の方法… ってなんだろう？ WordPress って、思ったより多機能です….よね。 僕のクライアントさんは企業のWeb担当者の方のような、普段は余り Web に関わらないような方が結構な数を占めます。 そんな中、デフォルトの機能に加えカスタム投稿タイプだったり、カスタムフィールドだったり、 いろいろなカスタマイズをして納品とするわけですが、 やっぱり最初は使い方を教える所から始めないといけません。 GrowGroup では、管理画面に使い方マニュアルのようなものを貼り付けていたり,

この投稿は 11年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 例によってWordPressで会員制サイトを運営するときのユーザビリティ向上Tipsです。プラグイン作ったことあるとか、functions.phpをいじってるという人向きです。 ユーザーというのは思いもよらない使い方をするもので、誰でも登録できるようにすると、とんでもないことが起きたりします。また、新しい機能を追加しても、ナビゲーションバーを発見してもらえなかったりして、「使われない」という悲しい事態に陥ります。 こういうことがあると、管理者としては「これだからユーザーってやつは！」と絶望してしまいがちですが、「管理者がWordPressの管理画面を見慣れているだけで、ほとんどの人にとってはそうではない」という専門家にありがちなジレンマが起きているだけともいえます。 とはい

前編に続き、SEO 視点でのコンテンツマーケティング設計、特に長期間におけるユーザーとのコミュニケーションシナリオ視点について解説するが、大きく分けて（1）「コンテンツの編集方針」と（2）「コンテンツの公開・更新周期」について、2つのテーマがあるため、後編を2回に分けて連載する。 さて、前編でも解説した通り、検索エンジンの評価においてコンテンツの品質が重要視される中で、「コンテンツマーケティング」という言葉が、やや大仰に受け止められていることもある。 しかし、実態は「極めて当たり前の Web サイト運営」の一部であり、たとえ運営サイドに SEO 施策を推進したいというトリガーがなくとも、コンテンツ施策が推進されている状態を作るべきだ。なぜなら、それが自社のサービスに対するユーザーの信頼と利用を勝ち取る上で、極めて重要な要素であるからだ。 図1に示す通り、ユーザーは検索サイト、ニュースメディ

比べる。 WEBCRE8.jpとその仲間達で、web制作における「選択」に おいて最良だと思われるものを考察していくカテゴリです。 最近Webフォントについて色々調べたので、これまでの経緯やメジャーどころの記法を踏まえつつ良い書き方を探った結果を共有しておきます！私自身はまだ実務で積極的に使っているわけじゃないんですが…(でもぼちぼち使ってます)。足りない部分もあると思うんで何か指摘があったらがんがんツッコんでくださいw @font-faceルール @font-faceルールは、Webフォントの名称と読み込むフォントファイルを関連づける@ルールの一つです。その他、どのウェイトやスタイルに対応するかも指定できます。 しかしWebフォントの扱いはブラウザ側のフォントファイルの対応状況、フォントファイル自体の進化によって変遷してきました。 Bulletproof Syntax これまでWebフォ

これまでのセッションでも触れられてきましたが、リンクは未だに重要なファクターのため、リンクビルディングの必要性は多くの人が認識しています。しかし、旧来の手法でリンクを構築しても、効果的な影響は期待できません。数ではなく、質がリンクにも求められていますが、高品質なサイトからリンクを受けるために、どのような手法が用いられているのでしょうか？– SEO Japan 原題：How To Survive The Death Of Link Building Speakers: Stephanie Beadell, Content Marketing & PR, BuzzStream (@stephbeadell) Mikkel deMib Svendsen, Creative Director, deMib.com (@demib) Kirsty Hulse, SEO Strategist, Dig

Googleへサイトの内容を伝えるために必須な作業が、構造化データのマークアップです。リッチスニペットの表示など、導入するメリットは大きく、導入サイトの数も増えていそうです。今回のセッションは、基本的な概念の説明から、実際に導入したサイトの実例のお話です。– SEO Japan 原題：From Microdata & Schema To Rich Snippets: Markup For The Advanced SEO Speakers: Barry Adams, SEO & Digital Strategy consultant, Pierce Communications (@badams) Samuel Edwards, Online Media Strategist, Tenthwave Digital Bastian Grimm, Managing Partner, Grimm

All slide content and descriptions are owned by their creators.

2014年5月21日に開催された「アナリティクスサミット2014」のハッシュタグをまとめただけのものです。 必要に応じて編集いただければ！

WordPressのログイン画面のカスタマイズは過去にもロゴを変更する方法など書いたことがありますが、いろいろ試していたらまた幾つか覚えておきたいことが出てきたりしたので、既出しているものも含めてWordPressのログイン画面をオリジナルにカスタマイズする方法をまとめました。 October 01, 2020 追記 ここで紹介している内容は、WordPress Ver 3.9.0で試したものになります。 内容によっては現バージョンでは非推奨のタグが使用されていたり、フック名が変更されている可能性がありますのでご注意ください。 デフォルトのログイン画面 イメージはWordPressのデフォルトのログイン画面をキャプチャしたもので、これをfunctions.phpを使ってオリジナルのログイン画面にしていきます。 カスタマイズ後のログイン画面 イメージは簡単にですが実際にここでまとめているカス

編集部注：本稿は初心者向けにプログラミングやWebデザインの講座を開催している TechAcademy（テックアカデミー）による連載企画。「非エンジニアの起業家が知っておくべきプログラミングの知識」というテーマで数回に分けて極めて基礎的なプログラミングの基礎知識をお伝えする。全連載はこちらから Image by Flickr 「非エンジニアが知っておくべきプログラミングの知識」というテーマで、10回に分けてお届けする連載企画。第3回目のテーマは「HTML」です。 前回は「インターネットとブラウザ」というテーマでお送りしました。今回は「HTMLの基礎と、現代的な学び方」について考察・ご紹介します。本連載は、インターネット業界で、これまで技術的なバックグラウンドを持たないまま起業した方や、これから独立・起業しようと思い立った方をサポートするための、連載記事です。 はじめに プログラミングはでき

HCDは人間を相手にしている。だから、その相手について知ることは必須のことであり、心理学を勉強しておく必要がある。勉強する際、心理学の現象や法則が自分のやっている仕事のどういう面に関係してくるのかを頻繁に考えることで、HCDの実践に結びついた生きた心理学の知識となる。 黒須教授 2014年5月19日 心理学や社会学、文化人類学などの社会科学あるいは行動科学が、HCDの基礎として、人間工学と同じように重要であることはいちおう知っているという人が多いと思う。ただ、人間について学ぶという目的での心理学の勉強は、通俗的な心理関連の書籍を読むだけでは全く不十分だし、心理学の概論書を読むだけでも十分とは言えない。 その反対に、HCDをやる以上は、心理学を専攻しておかねばなければならないのかというと、そうではないと思う。自分の研究として心理学を専攻するためには、心理学のディシプリンにしたがって、仮設を構

ハミングバードとエンティティについてのセッションです。検索エンジンが過去に用いていた手法と今後使用していくであろう概念の説明、それに伴い、SEOの手法も従来通りとはいかなくなる、ということが話されています。現状、まだまだ完全には進んでいない領域ではありますが、今後の検索エンジンの展望を知るうえで、外せない知識となっています。– SEO Japan 原題：What Is Hummingbird & The Entity Search Revolution Speakers: David Amerland, Author, Analyst, HMS Media (@David Amerland) Justin Briggs, Sr. Manager, Organic Marketing, Getty Images (@justinrbriggs) David Amerland ハミングバード

SEOの観点からサイト構成を考えることは、基本中の基本ともいえますが、意外と実施できているサイトは少ないのが実態ではないでしょうか。インバウンドマーケティング的な考え方は支持されつつある今日、改めてSEO視点のサイト構造・設計を考えた記事をSEO Bookから。 — SEO Japan ウェブサイト上のページを整理する方法は数多くある。しかし、情報をまとめる一般的な方法の中には、SEO戦略に害を与えてしまう方法も存在する。 SEOを考慮せずに決めた階層ごとに、サイトを整理する方針は理想とは程遠い。なぜなら、このようなサイトの構造は、検索エンジンのユーザーが最も関連すると考える情報へのリンクを重要視している可能性が低いためだ。例えば、価値の高いキーワードページを、「ホーム」や「About」や「お問い合わせ」の階層にフィットしないことを理由にトップではなく、サイト構造の奥深くに埋めてしまうケー

仕事柄、店舗さんのWEBサイトを制作する機会があるのですが、その時によく使うWordpressのプラグインがあります。 今回は、私が店舗サイトを制作する時に使っているプラグインを５つ紹介いたします。 BizCalendar／営業日カレンダーを作成できるプラグイン BizCalendarは、店舗の営業日やイベントカレンダーなどを作成できるプラグインです。 曜日を指定して定休日にすることもできますし、祝日を自動的に定休日にすることもできます。 イベントにはURLを設定し、詳しい情報等へリンクさせることもできます。

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 mama&crowdのデザイナー、長谷川彰之介です。 今回は、WEBサイトの「余白」や「ブロックサイズ」「WEBサイトの横幅」に対して 「最適な値は存在するのか？」 について考えてみたいと思います。 少々長いですが、お付き合いのほどよろしくお願いします。 ボックスサイズとは、「ヘッダー」「コンテンツ」「ナビゲーション」などの ひとつひとつの固まりの大きさ（サイズ）を指します。 【第１部】8の倍数 WEBサイトのUIをデザインしていて悩まされるのが「余白」です。 「ここは3px…いや4pxか。もっと空けたら見やすくなるかもしれない。6p

オリエンタルランドさんが決算発表と中期経営計画を発表されていたので、見てみました。新しいアトラクションの計画なんかもチラ見せしてあって、興味深かったりするのですが、とにかく、利益率がすごいです。 決算発表　＞　http://www.olc.co.jp/news/olcgroup/20140428_04.pdf 売上が4,000億もあるのに、さらに20％伸ばしてくるとか、すごい成長力！ 一人あたりの売上高も順調に伸びています。11,076円。確かに1回行くと1人あたりそのぐらいは使うなあ、と納得の金額。大人が増えると一人あたり売上は増えますね。 売上高が伸びた要因は、東京ディズニーリゾート30周年記念。人件費と固定費・諸経費に85億突っ込んで、営業利益を286億増やしました。単純計算でROI 330％！すごい！机上でしか見たこと無い数値w！！！ ホテル事業がまたすごい。 売上高649億に対し

こんにちは。日本ディレクション協会 関西支部の出原です。 関東では既に何度も開催されている「0からのWebディレクション講座（通称0ディレ）」が、ついに関西でも開催されたので、今回は参加レポートの形を取りながら、そこで得た学びや思ったことなどをまとめてみたいと思います。 まずは資料スライド公開から これを見るだけでもほぼ内容が把握できてしまいますが、せっかくなので以下に要点と個人的な留意点をまとめておきました。 ぜひぜひお役立てください。 コンテンツインデックス 前提となる背景、目的、課題を明確に言語化 ポジションの把握とコンテンツ設計 より具体的なユーザー定義 全ての根拠となるゴールをハッキリ設定する 1.前提となる背景、目的、課題を明確に言語化 今回喋っていただいたのは、東京講演でも人気講師としておなじみの高瀬さん。 プロジェクトの裏側にどんな背景があって、どんな課題があって、それをど

コーポレートサイトとは、自社の紹介を目的としたWebサイトのことをいいます。 営業や広報に代わって自社の紹介をしてくれる重要な役割を担っていますが、目的が曖昧なまま制作してもその効果を十分に得ることはできません……。はより高い効果を得るためにはどのような工夫が必要なのでしょうか？ 今回はコーポレートサイトとはどんなものなのか、その役割や目的、さらにはコーポレートサイトを作成する上で必ず知っておくべきポイントを紹介します！ 株式会社LIGって？ 2007年設立、東京都台東区発のWeb制作会社。年間150のWeb制作・サイトリニューアル実績をもち、毎年複数のWebデザインアワードを受賞している。月間200万PVのWebメディア「LIGブログ」で培ったマーケティングのノウハウを生かした企画力、複数の海外拠点を生かしたシステム開発力も強み。 👉Web制作の詳細・実績 ※編集部注：2024年1月に

様々なデジタルマーケティングに関する情報を丁寧に解説し、誰にでもわかりやすい情報を発信しているメディアです。 powerd by xlisting & NTTresonant デジタルマーケティングとはインターネット上で、デスクトップPC・スマートフォン・タブレットなど様々なデジタルデバイスを使い、プラットフォームやメディアを活用してマーケティング活動を行うことで、自社の商品やサービスを宣伝する上で非常に重要な手法として近年注目され続けています。そんなデジタルマーケティングをわかりやすく解説するメディアが「marketingX」です。 国内大手のポータルサイト運営で培った デジタルマーケティング ソリューションgooを初めとした大手ポータルサイトのメディア運営で培ったデジタルマーケティングのノウハウにより、お客様のマーケティング課題を解決いたします。

従来の消費者とは異なる消費行動を見せるミレニアル世代。彼らの消費の決定軸は他人と消費経験をSNS上でシェアできるかどうかだと言われている。本記事では彼らミレニアル世代の性質と、成功したマーケティング事例を紹介する。ミレニアル世代。 皆さんはこの言葉をご存知だろうか。アメリカの10代~20代の若者達を指す言葉である。アメリカでは今このミレニアル世代が注目されている。それは彼らの消費行動が、従来の消費者のそれとは大きく異なるからだ。そのため従来のマーケティング手法では、彼らを消費に駆り立てることはできないと言われている。 では彼らに対し企業はどう対応すれば良いのだろうか？ 今回は彼らミレニアル世代の性質と、成功したマーケティング事例をご紹介する。 キーワードは「5つのR」だ。 シェアしたがるミレニアル世代 ミレニアル世代、それは米国において1980年代から2000年代初頭に生まれた10代

サイトをリニューアルしたりするときに、参考にするサイトはどんなのだというのを隠すなとかいろいろと、どこかのUI会社の中の人に言われたので、たまにはどんなサイトを参考にしているかを紹介します。 もちろん案件の費用はもらうけど、開発期間が短くていろいろ問題なので時間をみて空き時間に作ったわけです。こんな機能を。 パララックス（デスクトップのみ） IE10+対応のタッチデバイス判別（誰かのコードをカスタマイズ） ページローディング Webフォント対応のフェードインアニメーション （Webフォントが適用されたときにフェードイン表示） さようなら、jQuery。jQueryを使わないでいろいろ実験してみました。最近は面白いプラグインも出てきていますね。 日本のサイトだとなかなかこれらのものをおしゃれに軽く作っているところがありません。 よって、どうしても海外のサイトを参考にすることが多くなります。

TagSpacesはOSSのデータ管理システムです。個人向けのシステムとして作っているみたいですね。デモが見当たりませんが、SSを見る限りでは結構便利かも。制作業に限らず応用できそうです。暇を見て触って見たい。ライセンスはAGPLです。 TagSpaces

ループス・コミュニケーションズは、 企業のSNS活用戦略の立案・運用改善、啓発教育などのコンサルティングサービスや、リーダーシップやイノベーションをテーマとした企業研修を提供しています。

2014年5月12日 Webデザイン, ユーザビリティ ECサイトの構造はとっても複雑。ユーザーは好みの商品を検索し、その中から実際に購入するものを比較・検討・選択、さらにフォームに入力するというプロセスを経て、ようやく購入完了となります。オンラインショッピングに慣れている私でも、新規サイトでは苦労することが多いです。そこで使いやすいECサイト、特に新規客に優しいサイトデザインとはどんなものなのか、考えてみました。 ↑私が10年以上利用している会計ソフト！ 目的の商品ヘ素早くアクセス ECサイトはスピード勝負だとよく言われています。それはページの読み込み時間という体感速度はもちろんですが、いかに簡単に目的のページに到達できるかも大切です。特に何が欲しいのか決まっているというユーザー層は、急いでいるわけではありませんが、そのサイトに長居するつもりはありません。目的の商品を素早く表示するのはも

分析していますか？分析がビジネス貢献出来る度合いは、施策提案までのスピードと精度にあると筆者は考えています。そこで、筆者が行っている効率化の手法を紹介いたします。分析手法に依存するものではないので、どのような分析手法を使っていても、何かしらの参考になるのではと思っております。 【3つの手法】 1.過去の経験から、自分なりの分析の「勘どころ」を用意し、そこから攻める 2.分析を行いながら次の分析と施策を考える 3.施策の実現性とインパクトから、分析を効率化する 1.過去の経験から、自分なりの分析の「勘どころ」を用意し、そこから攻める Image from Flickr サイトの分析を依頼されたり、何かしらの気づきを発見してほしいと言われたり時には、まずは見るべきポイントというのを自分なりに作っておくと良いでしょう。例えば「今までの経験から、ここを見るとサイトの課題を発見しやすい」といったレポ

なるべくcssで表現したいなと思うのですが、そういえばIEで使えないんだった…となることがよくあります。 良く使うものでたまに引っかかるCSSプロパティー・セレクタをまとめてみました。 border-radius IE8以下で× 指定した要素の角を丸くするプロパティーです。 box-shadow IE8以下で× 指定した要素のまわりにシャドウをつける事ができるプロパティーです。 text-shadow IE9以下で× テキストにシャドウをつける事ができるプロパティーです。 background-size IE8以下で× このプロパティーを使えば、要素の中で背景に指定した画像のサイズを自由に変える事ができたり、縦横の比率を保ちながら拡大・縮小などもできます。 opacity IE8以下で× 指定した要素の透明度を指定することができます。 解決したい！ 解決したい場合には『CSS3 PIE』に

公開日 : 2014年5月12日 カテゴリー : ユーザビリティ / アクセシビリティ 「メガメニュー (Mega Menu または Mega Dropdown Menu)」と呼ばれる、面積の広いドロップダウンメニューがあります。情報量の多い大規模サイトを中心に、時折見ることができます。 メガメニューの例 : スターバックス (starbucks.com) メガメニューの例 : MoMA (www.moma.org) メガメニューの例 : LG (lg.com) JavaScript によるドロップダウンメニュー自体は昔からありましたが、それに比べると、メガメニューは以下のような特長があり、ファインダビリティの面で優れていると言えます。 サブメニューを二次元的に (縦だけでなく横にも) 展開できるので、たくさんのメニュー項目を、一度ですべて見渡せるように表示できる。 広い面積を活かして、情

ブログサービス「マーケター通信」をご利用の皆さまへ 平素はITmedia マーケティングをご愛読いただき、誠にありがとうございます。 当サイトではこれまで、関連ブログサービスとして「マーケター通信」を長年にわたり運営してまいりましたが、全体的な利用の減少を鑑み、2020年9月30日にサービスを終了させることになりました。 このような結果になり残念ですが、何卒ご理解いただけますと幸いです。これまでご利用いただきましたことに対し、あらためてお礼申し上げます。 尚、ITmedia マーケティングは従来通り更新を続けますので、引き続きよろしくお願いいたします。 サービス終了までのスケジュール、および、これまで登録していただいたブログ記事の取り扱いにつきましては、以下の記載をご確認ください。 スケジュール 2020年9月25日（金）

ブログサービス「マーケター通信」をご利用の皆さまへ 平素はITmedia マーケティングをご愛読いただき、誠にありがとうございます。 当サイトではこれまで、関連ブログサービスとして「マーケター通信」を長年にわたり運営してまいりましたが、全体的な利用の減少を鑑み、2020年9月30日にサービスを終了させることになりました。 このような結果になり残念ですが、何卒ご理解いただけますと幸いです。これまでご利用いただきましたことに対し、あらためてお礼申し上げます。 尚、ITmedia マーケティングは従来通り更新を続けますので、引き続きよろしくお願いいたします。 サービス終了までのスケジュール、および、これまで登録していただいたブログ記事の取り扱いにつきましては、以下の記載をご確認ください。 スケジュール 2020年9月25日（金）

文字を楽しむデザインジャーナル誌として2012年に創刊された「Typography（タイポグラフィ）」誌。 編集長の宮後優子さんは、デザインの現場（デザ現）の元編集長で、デザイナー向けのフォントや書体の情報を発信されており、東京・表参道の青山ブックセンターではTypeTalksというセミナーも主催していました。現在はBook & Designで本やデザインの編集、イベントの開催を行っています。 これまでフォントや書体、タイポグラフィの雑誌や特集と言うと、専門的で理解が難しい内容のものが多かったのですが、創刊号「フォントをつくろう！」特集から始まり、プロアマ問わずデザイナーはもちろん、一般の方でも楽しめる親しみやすいフォントの内容で話題を呼びました。 私自身も創刊号から5号までウェブフォントに関する記事や、フォントブログで取り上げた雑誌や雑貨など様々な情報を提供しました。 しかしながら惜しく

PCサイトで、メインコンテンツのカテゴリーをドロップダウンメニュー内に格下げすると、あなたの提供するものをユーザーが見つけにくくなってしまう。 Killing Off the Global Navigation: One Trend to Avoid by Jennifer Cardello and Kathryn Whitenton on February 9, 2014 日本語版2014年5月12日公開 従来、グローバルナビゲーションはWebサイトの全ページに表示され、以下の2つの機能を果たしてきた： ユーザーがどこにいようと、彼らが容易にトップレベルのカテゴリーを切り替えられるようにする。 トップページを経由しないで入ってくるユーザーにも、そのWebサイト上で利用できるものをすぐに感じ取れるようにする。 最近、グローバルナビゲーションのカテゴリーをドロップダウンメニューの中に入れるW

WordPressをカスタマイズする時、もっともコードを追加したり、編集したりするのはfunctions.phpになるのではないでしょうか ネット上の情報でも便利な機能を追加、拡張するために「functions.phpにこのコードを書きます。」という説明によく出会うと思います。 もちろん、それで実現したいことができるので間違いではありません。 しかし、そのままコードを追加していくと管理が難しくなります。 functions.phpに関数を増やすと管理が難しくなる？ WordPressの機能を拡張する方法には大きく分けて2つあります。 プラグインを入れる functions.phpにコードを書く プラグイン 2つを比べると分かると思いますが、1つ目のプラグインを使う方法はとても管理がしやすいです。管理しやすさには以下の点があげられます。 フォルダで管理されプラグインが何を行なう物か明白に分か

公式のポスターデザイン等でも国内と海外ではテイストが違ったりするので見ていて楽しいですが、様々なアーティストが描いたジブリ作品のデザインアートです。 全体的にミニマルテイストなものが多いですがどれも素敵なものばかりで、こういった作品は見て楽しむだけでなくテクスチャの使い方や要素の配置といったデザイン面で参考になる部分もあると思います。 The Art Of Animation, Hayao Miyazaki となりのトトロ / 崖の上のポニョ / 天空の城ラピュタ / もののけ姫 / 風の谷のナウシカ / 紅の豚 / 千と千尋の神隠し / ハウルの動く城 Ghibli minimalist poster Project by Paulo Dos Reis ハウルの動く城 / となりのトトロ / 千と千尋の神隠し / 天空の城ラピュタ / もののけ姫 / 風の谷のナウシカ / 耳をすませば

「バイラルメディア」と呼ばれるサイトが増えてきている。英語圏では「Buzzfeed」や「Upworthy」といったサイトが驚異的な成長を見せており、日本においても同様のサイトをよく見かけるようになったのは。昨年の後半くらいからだろう。その1つである「dropout」は本誌でもその取り組みを紹介している。 「バイラルメディア」とは何か 英語で「Buzzfeed」や「Upworthy」のことを「Viral Media」と紹介されているのは見かけないが、これらのサイトが掲載するコンテンツの拡散性の高さから日本語では「バイラルメディア」と呼ばれるようになったのだろう。 コンテンツのバイラル性以外の部分で、特徴を書き出すなら以下のようなものが挙げられる。 モバイルファーストなサイトデザイン シェアを促すボタン配置 既存コンテンツのキュレーションがメイン 他にもタイトルや媒体コンセプトなどについても考

人はなぜ、Web サイトへ訪れるのでしょうか。 なぜ、アプリをダウンロードして使うのでしょうか。 そこには、知識、娯楽、快楽、名声など様々な欲求が根底にあると思います。人が感じる「良い体験」というのは、その欲求と深い関わりがあるはずです。 米国の心理学者アブラハム・マズローは、「人間は自己実現（Self-Actualization）に向かって成長する生きものである」と仮説し、その過程を5段階の階層で表現しています（詳しくは Wikipedia の記事か、関連書籍をご覧下さい）。5階層は以下のとおり。 身体的（Physiological） 安全（Safety） 社会・所属（Social） 尊重（Esteem） 自己実現（Self-Actualization） 心理学における考え方のひとつですが、デザインにも重ねることができます。利用者がサービスとの関わりにおいて、最高の利用体験を得たときが「

釣り気味のタイトルで恐縮ですが筆者が米国を代表するウェブマーケッター（流行言葉でいえばグロースハッカー？）のニール・パテルとなればその内容は見逃せません。集客に効果があると思われるコンテンツを分類してその方法と注意点まで紹介してくれた、グロースハックを実践してきた彼ならではの経験に裏打ちされた納得感ある記事です。 — SEO Japan コンテンツマーケティングは、ブログで記事を投稿するだけではない。 その取り組みは遥かに広範に及ぶ。 コンテンツマーケティングを始めたばかりなら、まずは、ブログを立ち上げ、記事を作成していこう。 続いて、ブログがある程度認知され、成果を上げるようになったら、新たなタイプのコンテンツを投入していく。すぐに違いが現れるはずだ — 新たなトラフィックがもたらされ、ターゲットのビジターが訪れ、コンバージョン率は上がり、SEOは改善されていく。 トラフィックを増やす1

（この記事は2022年9月29日に更新されました） こんにちは。 京都と東京にあるWebプランニング会社『ウェブライダー』の広江です。 某社のレンタルサーバーからCPIのサーバーに乗り換えたことがきっかけで、このコラムを書かせていただく機会を得ました。 現在、ウェブライダーでは、CPIの専用サーバーと共用サーバーのふたつを借り、さまざまなWebサイトを運営しています。 今回は、CPIの共用サーバーにて、WordPressを使ったサイトを立ち上げるまでの流れを紹介します。 WordPressは、CMS（コンテンツマネジメントシステム）のひとつ。 HTMLやCSS、サーバーなどの専門知識がなくても、サイトやブログがサクッと作れるのが強みです。 CPIの共用サーバーは、WordPressのインストールのしやすさはもちろん、WordPressで立ち上げられたサイトを安定して運用したいなら超オススメ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

PHP_CodeSnifferを使ってWordPressのプラグインやテーマがコーディングスタンダードに準拠しているかチェックする 先日、海外のユーザーさんから「おまえWordPressのコーディングスタンダートをガン無視してるやないか！」というツッコミを頂きまして、「あーすいませんすいません」みたいなやりとりをしてたら、コマンドラインでコーディングスタンダードに準拠しているかどうかをチェックするツールを教えてもらいました。 PHP_CodeSniffer + WordPress-Coding-Standards コーディングスタンダードに準拠しているかどうかをチェックするためのツールとしてはPHP_CodeSnifferというのが有名です。 http://pear.php.net/package/PHP_CodeSniffer/ このPHP_CodeSniffer用に作られたWordPr

大量のコンテンツを複数ページに分けてすっきり見やすくしたい。そんな時にお役立ちなページネーションはスマートにコンテンツが表示されて便利な上見栄えも良い！でも、実装はちょっと面倒そう…そんな風に思っていませんか？ 今回はJavaScript&CSSと一緒に組み込むだけでサクッとページネーションが実装可能な、お役立ちjQueryプラグインをご紹介します！ by hibikiYzk ページネーションとは 長いコンテンツの表示に良く利用されるページネーション。ページャーやページ送りとも言われます。ページネーションは、長い文章を複数のページに分割して各ページへのリンクを並べアクセスしやすくする、もしくは一枚のページの内部で長い文章を分割し切り替えて表示する機能のことです。デザインや機能も様々で、バリエーションに富んだページネーションがたくさんのサイトで利用されているのを目にすることも多いのではないで

WordPressでお問い合わせフォームを作る際に便利に使わせていただいてるContact Form 7ですが、一つだけネックなのが確認画面が無い事です。 企業サイトやコーポレートサイトを作る際にはクライアントからの要望でどうしても確認画面が必要な場合があります。本日はContact Form 7に確認画面を出すライブラリ「contact-form7-confirm」を見つけたのでブログでご紹介します。 これでどんなサイトでもContact Form 7を使えますね。 使ってみた様子 以下が使ってみた様子です。送信ボタンが自動で確認ボタンに変更してます。 確認画面の実装。入力フォームの部分が入力値に変更されており、 戻る、送信ボタンが自動で表示されています。 使い方 ライブラリをダウンロード ライブラリをダウンロードすると、JSとCSSが含まれていますので、 headタグ内で読み込むよ

勉強欲が強いディレクターの鮫島です。 普段みなさんは知識を得るためにどのような勉強をしていますか？？ 本を読んだり、セミナーに行ったり、Facebookのタイムラインに流れてくる技術系の記事を見たりすることが多いかと思います。 私も大体そうなのですが、最近それ以外にも勉強する方法を模索しています。 その中の1つとして、ちょこちょこ目に付くオンラインの「スライド資料」がとても分かりやすくて、ちょっとした合間に勉強できます。そこで、私が最近見た中でも、見やすくて勉強になったスライドをいくつかご紹介します。 ちなみに、オンラインのスライド資料サービスについては、過去にディレクターの勢古口が「より美しいプレゼン資料を共有しよう。オンラインプレゼンツール7選」でまとめていますので、ご興味あればこちらもご一読ください。 ディレクター向けのスライド資料まとめ IAシンキングによるモバイル再設計 内容 I

こんにちは、エンジニアなのにダンクができないのびすけです。今月から記事を書かせていただきます。 さてみなさん「Node.js」って知っていますか？ 僕も最近Node.jsの勉強を始めたので「Node.jsを使ったことがないけど使ってみたい」と思っている人に向けて、Node.jsの入門的な内容を紹介したいと思います。 ▼2020年最新版はこちら！ Node.jsとは 一言で言うとアツいJavaScriptです。 通常、JavaScriptはユーザーのブラウザで動作するプログラミング言語ですが、Node.jsはサーバー側で動作するJavaScriptであり、Web業界ではかなり注目されています。大量の処理に対応するために、ノンブロッキングI/Oというモデルを採用しています。 例えば、データベースから大量の情報を取得してWebページ上に表示をする処理をおこなう場合、通常はデータベースへアクセスし

こんにちはディレクターのはるかです。 突然ですが、皆さんはスケジュール作成ツールを使用していますか？ 私は今までずっとExcelでスケジュール作成をしていたのですが、スケジュールに調整が入ったりすると、修正するのが大変で… もっと手軽にスケジュールを作成、調整したいと思い、 Gantterを使ってみました。 ちなみにGantterを選んだ理由は 無料である事。 日本語表記である事。 GoogleDriveと連動できる事。 の3つです。 特にGoogleDriveに連動できると社内（チーム）で共有がしやすいので、私にとってこの点は結構重要でした。 今回はこちらの基本的な使い方をご紹介します。 Gantterの使い方 1. サイトへ http://www.gantter.com/ 今回はGoogleDriveで使用しますので、「gantter editions」から「FOR Google Dr

こんにちは、ライターのあだちです。 ビジネスにおいて「企画書」を通すことは大変ですよね。みなさんも一度は苦労されたことがあるかと思います。 そこで今回は、企画書を上手に通すためのテクニックを5つ紹介します。 企画を通すために必要な“裏付け” 正直なところ新しい企画は「やってみなくてはわからないもの」ですが、それだけでは周囲を説得することはできません。なぜなら周囲を説得するときに、何かしらの「裏付け」が求められるからです。 例えば、下記のような問いにきちんと答えられることが必要です。 「どうしてこの施策が必要なんだ」 「なぜこのチラシになったんだ」 「なぜ人手が必要なんだ」 「なんとなく」「経験上そうだから」と答えには、相手は納得しません。 誰も経験したことがないのに裏付けを求められる、というのはよくよく考えてみると理不尽な気がしなくもないですが、泣き言を言っても企画書は通りません。 前述し

あなたのサイトはどのタイプ？ECサイトをIAで4分類してみた 2014.05.01 2020.02.28 技術 突然ですがみなさんは「今運営しているECサイトがどのような構造になっているか」、考えられたことはありますでしょうか？ 「サイトの構造」について、なかなか考える機会というものは多くないのではないかと思います。 そこで今回はIAで紹介されているサイト構造（サイトストラクチャ）から、実際のECサイトでも用いられているものを4種類ご紹介します。 最後にこれからECサイトを構築される方向けに、「どの構造が向いているか」もまとめましたので是非ご覧ください。

ますます加速するコンテンツマーケティングへのシフト。見込み客を自社に惹きつけるため多くの会社が様々な手法で取り組んでいます。今回はコンテンツマーケター必見の最新トレンドを厳選して紹介。カギを握るのはPinterestと、Vine、Instagram、Snapchatなどの短い動画です！新年度に入り、マーケティングプラン策定に頭を悩ませている担当者も多いだろう。そんな担当者に、今日は、コンテンツマーケティングの最新トレンドをSNSの動向とからめてお伝えしよう。 ほんの数年前はニッチな手法だったコンテンツマーケティングだが、今では大多数の企業のマーケティング部門が取り入れるメインの戦略になった。コンテンツマーケティングを戦略的に実行していくと、見込み客を自社に惹きつける可能性がとても高いことを、多くのマーケターが実感しているからだ。 このコンテンツマーケティングのトレンドは、2014年も続くど

Webデザイナーのためのマーケティング基礎講座 1. Webデザイナーのための マーケティング基礎講座 Marketing Basic Course for Web Designers 2. ∼自己紹介∼ 名前： 枌谷 力（そぎたに つとむ） 所属： 株式会社ベイジ 職業： 代表／プロデューサー／アートディレクター 略歴： 立教大学文学部史学科卒。1997年∼2001年まで株式会社 NTTデータでコンサル営業に従事。その後、Web業界に転 職。Webデザイナー/Webディレクターとして6年間制作 会社でWebデザインやWebビジネスの提案業務に携わる。 2007年にフリーランスとして独立。2010年に株式会社ベ イジ設立。現在に至る。 Copyright©baigie inc. All rights reserved. 3. ∼本講義のゴール∼ “マーケティング視点”で デザインが見れるよ

スッキリとしたモダンな印象の日本語のフリーフォント「スマートフォントUI」が10日、フロップデザインより公開されました。 第二水準の漢字まで収録し、商用利用も可能なゴシック体のフォントです。 名前の通りスマートなデザインを実現するため、約90％の長体がかけられており、僅かながら縦長のフォントになっています。 デザインはグリッドを意識して作られ、システマティックかつモダンな表現が可能です。 スッキリとしているので、フラットデザインのようなものにも似合うと思います。 ほかのフォントと比べるとわかるのですが、ひらがな・カタカナは漢字に比べ小さくなっているのも特徴です。小さな文字でも読みやすく、大きな文字ではオシャレさを演出する事のできるフォントですね。 なお、フロップデザインのブログによると4月10日は「フォントの日(勝手に命名）」だそうで、毎年4月10日には何かしらのアクションを起こしていると

【北海道】 北海道 【東北】 青森｜ 岩手｜ 秋田｜ 宮城｜ 山形｜ 福島 【関東】 茨城｜ 栃木｜ 群馬｜ 埼玉｜ 千葉｜ 東京｜ 神奈川 【北陸・甲信越】 新潟｜ 長野｜ 山梨｜ 富山｜ 石川｜ 福井 【東海】 静岡｜ 愛知｜ 岐阜｜ 三重 【近畿】 大阪｜ 京都｜ 滋賀｜ 兵庫｜ 奈良｜ 和歌山 【中国・四国】 鳥取｜ 島根｜ 岡山｜ 広島｜ 山口｜ 香川｜ 徳島｜ 高知｜ 愛媛 【九州】 福岡｜ 佐賀｜ 長崎｜ 大分｜ 熊本｜ 宮崎｜ 鹿児島 コロロ さくら高速バス【KR000006】さくら高速バス KR457-2号車　東京鍛冶橋P⇒長岡北BS・三条燕BS･鳥原BS･新潟　スタンダード 12/24～【スタンダード11列＜ワンマン＞】 5.0 投稿日：2024/02/22 社内アナウンスがとても聞き取りやすかったです。乗客の方もマナーを守る事ができ、最後まで快適な時間でした。 運転手

レスポンシブな二段メニューの作り方 今回は、HTML&CSSを学び始めたばかりの方でも挑戦できるような基本技を使って、レスポンシブな二段メニューを作ってみます。 <完成イメージ> こんな感じのメニューボタンはよく見かけますよね。これをデバイスが変わってもレイアウト崩れを起こさないように作っていきます。 ～目次～ listタグでボタンを作る ％で幅（width）を指定する floatプロパティで二段レイアウトにする 高さ（height）を設定する １．listタグでボタンを作る まず、listタグで項目を作り、わかりやすいように線で囲って、ボタンを作ります。 displayプロパティをblockに指定して、ボタン同士が重ならいようにしておきましょう。 （参考：CSSの display: inline、display: block、display: inline-block をマスターしよう！

コンテンツマーケティングの取り組みには文化圏を作るという側面があると感じます。その話を10月のアナリティクス アソシエーションで開催されたセミナー「コンテンツマーケティングの本筋の話をしよう」のフリーディスカッションで少しだけ触れました。ここで少し整理してみます。

私は、ひとりの時間を楽しむのが好きなタイプな人間なのですが、「映画を観ながらワインを飲む」というのが、楽しい時間の過ごし方の上位にあります。 楽しい時間は映画を選ぶところから始まっています。 早起きしなくて良い日の前夜、近所のレンタルショップで気分に合う作品を念入りに選びます。狭い店内をグルグルと何周もして、ピンッとくる作品に出会えた時は、謎な達成感があります。 ワインのお供になる主食と言えばやっぱりパスタですよね。でもパスタはサッと食べないと美味しさが半減します。ワインをゆっくりと楽しむ際にオススメのパスタはショートパスタです。 ロングパスタに比べ、時間が経っても食感の変化も少なく、お気に入りの音楽を聴きながら、TVを見ながら、のんびりと食べても大丈夫。また、パスタのソースを作っていては、簡単レシピとは言えません。かと言って、市販のソースだけだと「ご褒美」には程遠い...。 そこで、オス

WordPressの管理画面から簡単にファイルの変更、削除、アップロードすることができるプラグインをご紹介。 FTPソフトのインストールが出来ない方向けのプラグインです。 以下のサイトで教えてもらいました。感謝 FTPの代わりにWordPressのプラグインを使うと便利 【WP-FileManager】 http://blog2.k05.biz/2013/01/ftpwordpress-wp-filemanager.html 機能 現在は以下の機能があるようです。 ・ファイル、フォルダの作成。 ・ファイルアップロード、ダウンロード ・ファイルの表示、編集 ・ファイルの削除 ・ファイル名を変更 プラグインのインストール インストールは管理画面の「プラグイン < 新規追加」から wp-FileManagerを検索してインストールしてください。 設定 編集できるファイルの種類を設定画

画像リンクにカーソルを乗せると半透明になるようにしているサイトをよく見かけます。薄くなりすぎるのはあまり好きではないので半透明以外にいい方法がないか色々と考えてみました。 画像がリンクになっているか確認するためには当然カーソルを乗せる必要があります。カーソルを乗せたとき、画像が半透明になって見えにくい場合、カーソルを画像から外します。私はそんなひと手間が面倒に感じます。 確かに画像がリンクであることを示すために何か変化をつける必要があると思います。その変化は半透明ではない方がよいのではと私は思います。ひょっとしたら気付いていない大切なメリットがあるのかな。 画像リンクにカーソルを乗せると、何も指定しなくてもポインタになります。文字リンクと同じです。それだけで十分かもしれませんが、画像リンクにマウスを乗せたときの動きを考えてみました。 ちなみに、写真は和歌山市にある不老橋という橋です。 マウ

必要なものをユーザーが素早く見つけやすくするために、アンカーテキストは本文よりも目につきやすく、リンク先のページを正確に説明するものであるべきだ。 Writing Hyperlinks: Salient, Descriptive, Start with Keyword by Marieke McCloskey on March 9, 2014 日本語版2014年4月28日公開 目はリンクにいく ユーザーはWebページを流し読みして、そこが何についてのページで、次にどこに行くべきかのヒントを探す。情報への近道として彼らが利用する道しるべには見出しや太字になっているキーワードがある。また、ハイパーリンクもユーザーの注意を引くので、視覚的にも文脈的にも目立つことが必要だ。いまだに、線付きの青い文字というのは、リンクを示す視覚的に最も明確なサインである。理解しやすいリンクはページを流し読みしやすく

「グロースハッカー」とは、商品やサービスの「成長」に重点を置きながら、マーケティングの課題をクリエイティブに解決する人々のことである。彼らがさまざまな技術を用いて実施する成長施策のことを「グロースハック」と言い、コンテンツマーケティングにおいても重要な戦術となる。今回は、実践しやすい12のグロースハック術をご紹介しよう。「急成長企業」というイメージの強いFacebookやTwitter。その陰の立役者「グロースハッカー」の存在が広く知られるようになってきた。 「グロースハッカー」とは、商品やサービスの「成長」に重点を置きながら、マーケティングの課題をクリエイティブに解決する人々のことである。彼らがさまざまな技術を用いて実施する成長施策のことを「グロースハック」と言い、IT業界のバズワードとなっている。これからのWEBビジネスを牽引するマーケティング・テクニックとして注目されているのだ。 も

デザインの意味とは … といった禅問答のような質問をときどき耳にします。語源まで辿って「記号を表す」といった説明をする人もいれば、「設計をする」と応える方もいます。装飾という意味合いをデザインから離す人もいますが、装飾もデザインの一部として捉えることもできます。 デザインの定義は読者ひとりひとりに委ねますが、デザインを学習したい場合「人それぞれだから頑張って」で済ますわけにはいきません。デザインの『入り口』が必要ですし、どこへ向かっていくのかという目的地も必要だと思います。 デザイナーの成熟度は、以下のような UI を見たときの反応で判断することができます。 あるサイトの UI を基にしてつくったスケッチ デザイナーによって、この UI に対するリアクションは異なります。大きく分けると 4 つあります。 見た目を変えたい インプットフィールドの見た目が良くない。タイポグラフィの選択が良くな

[対象: 全員] 検索結果に表示されるページのタイトルが、HTMLに記述したtitleタグとは異なりGoogleによって勝手に変更されてしまうことがあります。 このブログでもGoogleによるtitleタグ書き換えについて何度か記事を書いてきました。 検索結果のタイトルをGoogleが激しく書き換える理由 Googleによるtitleタグ書き換えを防ぐ方法 Google社員に4つ質問してみた 〜 rel=prev/next、titleタグ書き換え、不自然リンクへの警告、ツイッターの影響 Google、titleタグ書き換えのアルゴリズムを改善か？ titleタグが修正されてしまう原因は多少は分かっているものの、合点がいかないことも多く対処が難しいのが実情です。 ウェブマスターからの問い合わせやクレームが多いのか、ウェブマスター向け公式ブログでついにtitleタグの書き換えについて説明があり

自分用で国内だけでなく海外のサイトも含めて片っ端から一覧化したものが欲しかったので、普段からよく利用させてもらっていたり覚えておきたいと思う国内外のフリー写真素材サイトをまとめました。 結局普段よく利用させてもらうサイトは大体決まっていたりするんですが、こういったフリー素材は便利なだけあってかぶってしまう可能性もかなりあるので、少しでも選択肢を広げられるように自分が知っているものを一覧化しました。 サイトによってはクレジット表記が必要だったり報告が必要などといったところもありますが、ほとんどのサイトが利用規約を守ればフリーでダウンロードできて、商用利用も可能なものになります。 また、中には会員登録が必要で有料素材を配布しているイメージが強いサイトも幾つかありますが、それらも無料で会員登録することでフリーイメージをダウンロードできるようなサイトとなっています。 フリーで使用可能とはなっていて

以下今書いているある本の下書きなんですけど、つっこみどころがあればぜひ。 WordPressには、admin_noticesというフックが用意されており、このフックを使用するとエラーメッセージなどを管理画面で表示することができます。 https://codex.wordpress.org/Plugin_API/Action_Reference/admin_notices それほど難しいものではないので、この章でこれまでに作ってきたプラグインで入力チェックを行い、エラーメッセージを出力してみましょう。 <?php /* Plugin Name: My Admin */ add_action( 'admin_menu', 'my_admin_menu' ); function my_admin_menu() { add_options_page( __('My Submenu', 'my-cu

はじめまして。4月1日からLIGで働いてます、ハカセです。今後フロントエンドの開発に関する情報を発信していきますので、よろしくお願いします。 さて、フロントエンド開発でのブラウザチェックって結構大変ですよね。こういう作業は重要なのですが、飽きやすいので、効率よく進めていきたいところです。 LIGでもブラウザチェックなどのデバッグの方法については定期的に議論がなされる永遠のテーマです。 そこで今回は、チェックやデバッグを助けてくれるツールから、Win/Mac共通で使えるものを厳選してご紹介します。 1. Edge Inspect http://html.adobe.com/edge/inspect/ Adobe社が提供しているアプリケーションで、Creative Cloudに入っています。 PCのブラウザとモバイル端末で同時にリアルタイムの確認ができたり、スクリーンショットを取ったりすること

どうもです、はやちです✌(´ʘ‿ʘ｀)✌ この春デザイナーからフロントエンジニアになりました。 新しい部署になり覚えることもたくさんありますが、落ち着いてがんばります( ∵ ) 今回は、繰り返し処理を行える文＠eachを使って繰り返しのスタイルを楽に管理する方法をご紹介致します。 画像を使い分けたい場合 以下のように、背景にアイコンを配置分けする方法をご紹介します( ˘ω˘)☝ HTML HTMLではこのリストを使っていきたいと思います( ˘ω˘)☝ <section id="nav_image"> <h1>画像を使い分ける場合</h1> <ul> <li class="icon_home"><a href="#">HOME</a></li> <li class="icon_about"><a href="#">ABOUT</a></li> <li class="icon_company"

マーケティングを担当している方にはおなじみのことかと思いますが、Webサイトを作るにもコンテンツを作るにも、まずはペルソナを設定しますよね。しかしこのペルソナについて、意外としっかり説明できない、あまりよくわからないという人も多いのではないでしょうか。 今回はマーケティングにおけるペルソナとはどんなものなのか、意味や具体的な作り方、マーケティティングへの活用事例まで徹底解説します。 マーケティングにおけるペルソナとは、「商品やサービスを実際に利用する顧客の架空の人物像」という意味を持つマーケティング用語です。 ペルソナを作る時は、氏名や年齢、家族構成や住んでいる場所などの基本情報から、趣味・価値観などのライフスタイルまで細かく設定するのがポイント。細かく設定することで、より効率よく効果的なマーケティング戦略や施策を立てやすくなります。 ターゲットとの違い ペルソナとターゲットの違いは、ター

以前、弊社の Web 解析に関する記事でも述べているが、Google の検索エンジンが Web サイトの順位を決定する要因として、サイト内に網羅されたコンテンツの構成要素に対する評価が、非常に重みを増している。 弊社の以前の Web 解析に関する記事でも述べているが、Google の検索エンジンが Web サイトの順位を決定する要因として、サイト内に網羅されたコンテンツの構成要素に対する評価が、非常に重みを増している。 外部サイトから受ける被リンクなど外的要素の評価も、ユーザーの行動から自然に発生したものかどうかを重視し、リンクを掲載する外部サイトのコンテンツ構成そのものに対する評価も、一層厳密になっていることは、すでにご存知であろう。 ■コンテンツによるユーザーとの対話は Web サイト運営の基本 これら検索エンジンの進化に合わせた SEO 施策として、Web サイトを構成する上でごく当

『ABテストの結果にどれほど統計的な信頼性があるか？』を簡単に計算するExcelツールのご紹介 ↓Excelのダウンロードはこちらから https://drive.google.com/file/d/0B3tXL03tgwNmSWlvRmZ1SGlRUm8/edit?usp=sharing 会社サイト： http://www.data-artist.com/

先日、サステイナブルじゃない企業の話を紹介しましたが、今回はサステイナブルなSEOについてのお話を。SEO業界といえば、Googleのアルゴリズムが今日レベルで進化する以前においては、SEO業者が有象無象に表れては消え去っていく過去10年間の歴史がありましたが、もちろん長期的に生き残られるサステイナブルなSEOはもちろん存在します。今回は10年以上に渡ってSEO業界で活躍してきたエキスパートがサステイナブルなSEOの極意を伝授してくれた記事を。 — SEO Japan 先月、私はSMX Westの「Long-Term SEO: How To Win For Years, Not Days」（長期的なSEO: 数日間ではなく、数年間に渡って成功する秘訣）セッションに参加した。私は1995年から検索業界で働いており、現れては、消えていくSEOのトレンドや手法を間近で見てきた。また、その一方で、

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

ナイルのSEOコンサルティングは流入数の改善はもちろん、売上に貢献するコンバージョンも増やします。予算未定でも構いません。ぜひお気軽にご相談下さい！ サービス紹介をダウンロードする ナイルに無料相談する 改めて、検索エンジンについて理解する Googleという検索サービスのビジネスについて、最近東証一部に上場されたファンコミュニケーションズの柳澤社長（@ankeiy）がこれ以上ないくらい端的に表現されていたので引用させて頂きます。 Googleは天使でも悪魔でもありません。情報整理して、利用してもらい、広告で商売しているだけです。それだけです。 ? 柳澤安慶(二丁目ではヤナティ） (@ankeiy) 2013, 11月 22 Googleは世界中の情報をクローラーというプログラムで収集し、検索して取り出しやすいようにインデックス（索引）化し、検索キーワードが送信された際にその言葉の意味や検

●１：集める時間を決めて習慣化 ●２：画像の収集と同時にタグ付けする ●３：自分らしい名前でタグ付け ●４：収集画像の良い部分を「要素分解」せよ ●５：デザインするとき、リラックスした自分を呼び戻すスイッチとしてスクラップを活用せよ ●６：失敗にセンサーを働かせよ

そのページの先頭へ移動する要素として設置しているところも多い「ページの先頭へ」や「ページトップ」がユニークなサイトのショーケースです。 コーポレートサイトのような堅めのデザインをする場合は凝り過ぎると浮いてしまう場合があるのでシンプルなものを使用することが多いと思いますが、ちょっとしたキャンペーンページやイラストをふんだんに使っているようなサイトであれば、こういった細かいところにも動きを付けてあげると遊び心があって面白いですね。 April 19, 2014 追記 @OZPAさんから教えていただいたものを含め、他にもユニークなものがあると教えていただいた3サイトを新たに追加しました。 株式会社LIG [リグ] 注意：効果音が出ます 「ページの先頭へ」や「ページトップ」の要素がどうののレベルではなく、クリック後の動作など全体的に非常にユニークで、むしろこだわり過ぎと思うくらい凝ってます。 少

We’ve all heard the saying “less is more”. Sometimes stripping away all the gimmicks and fancy elements from our layouts and focusing on the core design principles can result in a much more aesthetically pleasing web design. This post showcases some of the best examples of ultra minimal web design. Get inspired! The latest web designs with loud colors, trendy headers, and stunning imagery are inde

2. モック作る次に、Illustrator でモック作る。前は Photoshop で作ってたけど Illustrator に変えた。ラフスケッチでだいたいの構造は決まってるので、それを画面で見た時の見栄えを検証する。雑だけどこれは自分のサイトなのだから自分しか見ないという前提があって、雑でも問題ないということにしてる。8割くらい作り込んだところでやめて、コーディングに入るようにしている。2割くらい変更可能な余地を残しておくことで、コード書くとき融通が効く。 ラフとかモック描かずにコーディング始めることもたまにあるけど、それは余程デザインが頭のなかで固まっている場合に限る。ラフとかモック作るの、コーディングと同じくらい大事だと思ってて、コーディングを始めてしまうとデザインに気を配るのを疎かにしがち。デザインを考えつつ同時にコードを書くというのは結構難しくて、トレーニングが要る。全体のデザ

最近の、素敵なインテリア・雑貨が見つかる情報サイトです。 TABROOM リクルートの運営する、国内最大級家具サイト Sumally 持っているものやほしいものをシェアできるSumally Pinterest – interior 素敵な画像をPinPinできるPinterestでキーワード検索 Fancy ちょっと変わったものが見つかるFancy MONOCO アクセサリーのセレクトショップ、MONOCO STYLE4 Decor sumitoさんが最近リリースした、インテリア好きのためのウェブマガジン インテリアの街 OTOさんの運営する老舗サイト 追記：April 21, 2014 hazatさんの運営する、インテリアハックもおすすめです。 http://www.interiorhacks.com/

こんにちは。 今回は前回紹介しきれなかったjQueryプラグインについて続きを書きたいと思います。 相変わらずご紹介程度なので気になったものは検索してみてください！ smart-crossfade.js マウスオーバーした際にすぐに切り替えるのではなく、ふわっとフェードイン・アウトしながら切り替えてくれるjsです。 ぱっと切り替わるのもいいのですが、フェードで切り替わるものサイトに雰囲気がでますよね。 個人的に知っている中で一番簡単だったのでご紹介させていただきます。 マウスオーバー時にフェードイン・アウト smart-crossfade配布サイト 配布サイト内デモページ まずはhead内でまずはjqueryと一緒に『smart-crossfade.js 』を読み込ませます。 用意する画像は『画像名_off.png』と『画像名_on.png』の2つです。 拡張子は画像ファイルの拡張子だった

代表中山陽平 ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。 みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。 このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。 最新の記事一覧

これだけは押さえてほしい構造化データ2つのポイント 難しいイメージのある構造化データですが、ざっくりまとめるとこの2つがポイントになります。 検索エンジンがページの内容を理解しやすくなる 検索結果に様々な要素が表示されるようになる(場合がある) 検索エンジンは人間と同じようにサイトのテキストを理解することができません。もちろんある程度はわかるはずなのですが、完璧とはいきません。そこで、テキストに”意味”のマークアップを行い、検索エンジンがテキストを理解できるようにするというのが、構造化データの基本的な考えになります。 そして、検索エンジンがテキストを理解できるようになると、その情報を使って検索結果に様々な要素を表示できるようになるのです。例えば、「コンビニ アルバイト」などで表示されるGoogleしごと検索(Google for jobs)も構造化データを参考にして、検索結果に表示していま

1.     ビジネスモデルとは 1.1.    最初はアイデアから始まる ほとんどのサービスやプロダクトはふわっとしたアイデアから始まります。もし◯◯◯◯を使って△△△△を作って提供したら喜んでもらえるのではないか？　こういったアイデアをシーズと言います。ビジネスに限らずたいていの物事において着想時点は楽しいものです。しかし、それを現実世界に適用させていこうとした途端に痛みが発生します。 ふわっとしたアイデアの段階では、だいたい、なんとなく良いアイデアが浮かんだ気がするもので、「いいもの作れば買ってもらえるだろう」は楽観的に考えていることが往々にあります。では、この「買ってもらえるだろう」は「誰に？」「いくらで？」「なんで？」「買ってもらえる」のでしょうか。そもそも、作ろうとするいいものは「どうやって知られる」のでしょうか。そして、いいものは「誰に」どういった「価値」を提供するのでしょう

商品をより魅力的に伝える。それがコピーライティングの技術です。 実際の商品・サービスはすごく良いものだったとしても、その良さをすべての人に口頭で伝達していくには限界があります。 資料：キャッチコピーのチェックリスト（無料） そこで、DMやチラシ、広告等、色々な方法で大勢の人へ広めていくわけですが、そのときにきちんと商品・サービスの魅力が伝わらないと、消費者があなたの提供する商品やサービスを手にとることはないでしょう。 そこで必要なのが、より魅力的に魅せる文章。つまりコピーライティングの技術です。 例えば、あなたは下記のどちらの効果が高いと思いますか？ →上記「A」「B」で比べたとき、効果は「B」の方が3倍程度、高い結果となりました 「A」は美容整形を受けたい人の心情を表しており、コピー的にもキャッチーな印象ではありますが、具体性に欠けるところがあります。 一方、「B」はつまらないコピーに感

「表示速度は検索順位に影響する」という話を聞いて PageSpeed Insights   で調べてみたら、あまりにスコアが低かった。何とかサイトスピードを改善したい。でも具体的に何をしたらよいのか…。 WordPress は自由度が高いぶん、知らないところで表示速度を低下させてしまうこともあります。でも、下手にプラグインを入れて対策すると、今度は別のところに悪い影響が出てくるかもしれません。 本記事では、WordPress 初心者でも「できるだけプラグインに頼らずに表示速度を改善する」方法を紹介していきます。できるところから少しずつ対策していきましょう。 初心者向け WordPress 高速化設定 9 選 WordPress に「ワンクリックでだれでも簡単にスピードアップ」という方法はありません。 キャッシュ系プラグインを使えばよさそうなものですが、エラーが出たり逆に遅くなったりすること

「表示速度は検索順位に影響する」という話を聞いて PageSpeed Insights   で調べてみたら、あまりにスコアが低かった。何とかサイトスピードを改善したい。でも具体的に何をしたらよいのか…。 WordPress は自由度が高いぶん、知らないところで表示速度を低下させてしまうこともあります。でも、下手にプラグインを入れて対策すると、今度は別のところに悪い影響が出てくるかもしれません。 本記事では、WordPress 初心者でも「できるだけプラグインに頼らずに表示速度を改善する」方法を紹介していきます。できるところから少しずつ対策していきましょう。 初心者向け WordPress 高速化設定 9 選 WordPress に「ワンクリックでだれでも簡単にスピードアップ」という方法はありません。 キャッシュ系プラグインを使えばよさそうなものですが、エラーが出たり逆に遅くなったりすること

さて、ここにあるマーケターがいるとしよう。根はいい人なんだが、他人との付き合いでは、あらゆる機会を「打算」というレンズを通して見てしまう。 たとえば、パートナーシップを目にしても、事業開発の可能性しか見えない。 自分が貢献できるかもしれない業界の他のブログなどを目にしても、ゲスト投稿の機会やリンクを獲得するチャンスしか見えない。 よそのサイトのランディングページを目にし、そのサイトに顧客や潜在顧客がやって来るのを見ても、「人数は？ このなかで最大何％の人を、すぐにクレジットカードの情報を登録して、何かを購入したり取引をしてもらったりする顧客に転換できるだろうか？」としか考えない。 こういう人たちはカンファレンスやイベントに対しても、「どういう風に話をしようか？」とか、「スポンサーになるべきか？」とか、「どうすればあのイベントから可能な限り多くの顧客を獲得できるか？」と考える。 報道機関やメ

最近では新しいCMSがドンドン誕生してきており、その機能の進化は凄いと感じます。特にWordPressの成長は著しく、日本国内でもwordpressを活用したサイトを本当によく目にするようになりました。 実際に2014年5月29日の最新調査結果によると、世界のトップ100万サイト中、約22.3％のWebサイトでWordPressが活用されております。さらにCMSを使って構築しているWebサイトのうち、過半数以上の60.0％はWordPressで構築されているようです。 この数値はまだまだ増加傾向にあり、世界の開発チームが日々システム改善の開発・向上をおこなっております。その開発スピードも凄まじくwordpressの虜となる要因の１つでしょう。 参照データ：w3techs wordpressは、もともとのブログ作成CMSというスタートでしたが、今では企業サイトやECサイト等、幅広いジャンルで

フォーラムで見かけて個人的にも覚えておきたいと思う内容だったので備忘録。 デフォルトのWordPressはログイン後にダッシュボードに移動しますが、それを任意のページにリダイレクトさせる方法です。 また、ダッシュボードへ移動できないのにメニューに「ダッシュボード」の項目が表示されているのはアレなので、これを非表示にする方法も併せて紹介します。 ログイン後に任意のページヘリダイレクトさせる 「ダッシュボード」にアクセスしようとした際に別ページへリダイレクトさせるには、functions.phpに下記のように記述することで実装できます。 add_action( 'admin_init', 'redirect_dashiboard' ); function redirect_dashiboard() { if ( '/wp-admin/index.php' == $_SERVER['SCRIPT

「難読.名」は、難読名字、難読地名を紹介するサイトです。

日常生活で欠かすことの出来ない文字。デザイナーは可読性や視認性を上げるために、数多くのフォントの中から目的に沿ったものを選択します。 どのフォントがどういう時に使われるのか？どういう意味を持ってるのか？を知っておくと、選択する時に迷いが少なくなり、デザインがしやすくなります。 フォントの特徴 フォントには様々な特徴が存在します。 伝統を感じさせるフォント モダンを感じさせるフォント 見出しを際立たせるフォント 文章を読みやすくするフォント これらはフォントの形がどうなっているかで変わってきます。 線の形や、太さ、うろこの形など、文字を構成するパーツのあり方で、印象は大きく変わってきます。 少しフォントを色々紹介します。 ぱっと上げただけの8種類。 これだけでも、それぞれのフォントで違いますよね。 では、なにが違うでしょう？ 比較しやすいフォント2つから違いを比べてみました。 勿論違いはここ

nofollowとは、指定したリンク先にPageRankを渡さず、リンクをクロールの対象から除外するためのタグです。リンクのSEO的価値を無効化することができるため、全ての外部サイトへのリンクにnofollowタグを記載されているケースが多く見られますが、これは本当に意味のある行為なのでしょうか？ここでは、nofollowの本来の目的や正しい使い方、勉強として過去のテクニックも解説します。 ※nofollowを詳しく知らないという人は以下からどうぞ。 無意味です 「外部サイトへのリンクには、PageRankが外に流出するのを防ぐために”nofollow”を入れるように、とSEOの人からアドバイスをもらったことがあり、実践している」という方が今でも多いように思います。というか多いです。 ほとんどの場合、大切なPageRankの流れを意味もなく断ち切っているにすぎず、プラスになることはなくマイ

ソーシャルメディア戦略がうまくいかないとき、どのようにしてトラブルシューティングしたらよいか？　顔が見えないソーシャルメディアで、ユーザーの動向、それぞれのサービスの特性を知って適切に情報を届けるためのマーケティングのコツを「5W1H」になぞらえて紹介する。昔から言われてきたことだが、浮き世ははかない。　 それはソーシャルメディアの世界だって同じである。流行はうつり、世代は交代し、人の興味はめまぐるしく変化する。このSNSの流動性はマーケターのあなたを悩ませる。FacebookもTwitterも、利用者層が代わり、アルゴリズムも変化したのだから、以前まで有効だった戦略が、今は機能しない、なんてことは日常茶飯事である。 つまり、あなたがソーシャル＝社会を相手にしている以上、いずれ戦略を見直すべき時がやってくる、ということなのだ。 では、ソーシャルメディアマーケティングがうまくいかないとき、あ

人の「同調」の性質を上手く生かした「ソーシャルプルーフ」によるマーケティング法をご存知だろうか？　一つひとつは簡単なことだが、コツをしっかりつかめれば確実にEコマース（EC）の売り上げにつなげることができるこの方法。統計データとともにその詳細、活用法を紹介したい。あなたは「Social Proof（ソーシャルプルーフ）」という言葉を耳にしたことがあるだろうか？ ソーシャル＝社会的、プルーフ＝証明で、「社会的証明」。社会心理学用語の1つで、人は、他人がとる行動は正しい行動である、という推測をし、その行動に従うという原理である。 これをマーケティングの文脈で考えると、コンテンツやサービス、商品に対し肯定的な意見を持つ人が多いほど、消費者は戸惑いや損失の恐れを和らげることができ、安心して購入に踏み切れる、と捉えることができる。 今日は、ソーシャルプルーフにはどのようなものがあるのか、そして、どう

こんにちは、インターンのうららです。突然の雨って困るし、気分もちょっとブルーになりますよね。。 そんな雨の日を楽しくハッピーに過ごすために、おしゃれな傘を使ってみませんか？ ということで、おしゃれな傘の通販サイトをまとめました。 雨の日も気分はハッピー！おしゃれ傘のサイトまとめ 独断と偏見で選んだおすすめ傘ベスト3と共にどうぞ！ LINEDROPS http://www.linedrops.jp/ 100種類のビニール傘や日傘、レインコートなどたくさん取り扱っている愛知県の傘の通販サイト。 ビニール傘のようにただの透明なものではなく、カラフルだったり、シックだったり、いろんな表情の傘が取り揃えられています。 おすすめ傘ベスト3 1位　【Sanrio】リトルツインスターズ レディースアンブレラ 60cm フォレスト http://www.linedrops.jp/products/list.

サイトに初めて訪れたユーザーが、その後もユーザーとして継続的に訪問しているのかを知りたい。今回は「最初のセッションの日付」セグメントを使って、リピート訪問分析の方法を紹介する。このセグメントはユーザーベースで、初回訪問の時期をグルーピングしてセグメント化するものだ。 メディアサイトやeコマースサイトなどは、いったんサイトを知ってくれたユーザーがその後継続的に訪問してくれることが、サイト運営の効率上で重要な要素の1つだろう。Webサイトではないが、モバイルゲームアプリなどでは、獲得ユーザーのその後の有料化率、累計アイテム購入額などが、ビジネスの成功を大きく左右するとも聞く。 何らかのきっかけでせっかくサイトを知ってもらったユーザーが、その後サイトに継続的に訪問してくれているのか、どんなコンテンツに接触しているのか、成果に寄与してくれるのかを、ユーザーになってくれた世代別に評価できれば、ある程

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

投稿日：2014年6月5日 このチュートリアルではCSSスニペットについて紹介します。 Step1 ： はじめに Step2 ： HTML5やCSSの本をアマゾンで買う Step3 ： クリアフィックス Step4 ： メディアクエリ Step5 ： CSSリセット Step6 ： 最後に コードスニペットは美しいです。 コードスニペットとは、とてもシンプルで再利用可能な一連のコードのことです。 これをいつでも自分のコードの好きなところで使えます。 これらのコードの断片は、プログラマーやウェブデザイナーの間で共有され、誰もが抱える問題を素早く解決してくれます。 ・HTML and CSS: Visual QuickStart Guide ・Programming in HTML5 with JavaScript and CSS3 ・CSS Cookbook ・CSS in Easy Ste

2013年3月25日 Webデザイン 企業のイメージを明確にすることを「ブランディング」と呼びます。企業ロゴはそのブランディングが色濃く反映され、企業のイメージを左右する重要な部分です。今回は「ロゴとはなんぞや？」というところから、私のロゴを実例に、ロゴの制作手順を紹介しようと思います。 ↑私が10年以上利用している会計ソフト！ 先日「ロゴデザインする時の参考に！ロゴデザインギャラリーのオンパレードと注目記事色々！」という記事内で、なるほどな、と頷ける文章に出会いました。 WEBサイトは、エンドユーザーに伝わらないデザインだとわかればリニューアルするけど、ロゴデザインはエンドユーザーに伝わらないからと言って作り変えることは殆ど無い。それはつまり、ロゴはお客様の為に作るんじゃないと、ロゴは自分たちの意思や考えの象徴でもあるからそんなに簡単に変えるわけにはいかない、自分たち（ロゴに込められた物