「CV（Conversion）に貢献しているのはどのクリックか？」を見極める際にラストクリックだけを注視すると、戦略を見誤ってしまうおそれがあります。ここでは、ファーストクリックとラストクリックの基礎知識や考え方について解説します。…

元の記事

こんにちは。ウェブコンテンツの企画・制作を担当する、編集者の寺田です。 以前に紹介した改善事例コンテンツのリライトで検索流入を700％に改善 – freee株式会社事例について、詳しいリライトのコツやSEOラ…

元の記事

LINE株式会社のチーフプロデューサー・谷口マサト氏は、長年コンテンツマーケティングをリードしてきた立役者の一人である。新しい広告の形をさまざまな表現手法で打ち出し、ネット業界に一石を投じてきた。広告を楽しめるコンテンツ…

元の記事

ウェブ・IT業界で活躍する旬な人材をいち早く紹介する情報感度の高さと、仕事論や人生哲学といった内面の深い部分まで引き出すインタビュー術が評価されているメディア「CAREER HACK（キャリアハック）」。 業界からの信頼…

元の記事

いまやニュースはもちろん、小説も漫画も映画もドラマもスマホで楽しむ時代。情報洪水の中、ユーザーは、できるだけ短い時間で効率良く、おもしろいコンテンツだけを読みたいと考えます。そのため、ウェブメディアは、電車のつり革広告の…

元の記事

おもしろいウェブメディアは、どう作るのか？ 仕事で悩む30～40代に多くのファンを持ち、心を動かす「おもしろいコンテンツ」を毎日届け続ける「Books＆Apps（ブックスアンドアップス）」は、1記事1,000はてなブック…

元の記事

PVの多いメディアは数多く存在するが、サイトそのものにファンがつくメディアとなると、ぐっと数が減る。ファンがつくのは、「ほかのサイトにはない魅力がある」ということだが、それを実現するのはなかなか難しい。企業のオウンドメデ…

元の記事

P&G(プロクター・アンド・ギャンブル)や外資系コンサルティングファームでキャリアを積み、数々の実績を残してきた足立光氏。業績が窮地に陥り、2期連続の赤字が続いていた日本マクドナルドに、CMO（チーフ・マーケティ…

元の記事

デザインツールやプロトタイピングツールが増える中、デザイン可能なコーディングツール「Hadron」のプレビュー版がリリースされました。さっそくどんなツールなのか、チェックしてみましょう。 コーディングを行いながらデザイン制作まで行うことができるツール「Hadron」がプレビュー版をリリースしました。多くの注目を集めるツールですが、実際の機能はどのようなものなのでしょうか。 実際の画面を見ながら説明…

元の記事

オウンドメディアの立ち上げにあたって、特に正解がなく、やりたいことや状況に応じて答えが変わる質問とその回答につ…

元の記事

複数のパターンからベストな組み合わせを見つけるA/Bテスト。手間やコストがかるA/Bテストを無料で実施できる「Google オプティマイズ」の使い方を詳しく解説します。2018年4月に実装された新機能「インストール状態の診断」機能も紹介。 運用型広告で継続的に成果を出していくためには、A/Bテストは欠かせません。広告のクリエイティブはもちろんのこと広告をクリックしたあとに訪れるランディングページに…

元の記事

短いCSSを書くだけで要素を特定の位置に固定できるCSSの「position: sticky」。ちょっとした工夫で実現できるおもしろい使い方をデモで解説します。 スクロールに応じてページ要素を固定表示できるposition: stickyが便利で面白い使い方ができそうなので実験してみました。仕様がまだ草案（Working Draft）の段階で、将来、細かい部分に変更がないとは言い切れませんが、Ed…

元の記事

エラーの発見や回避、フォーマットの一貫性、重複の回避。チームでCSSを書くときにの生産性とメンテナンス性をあげたいときに便利なツールが「Stylelint」です。特徴と導入方法を解説します。 フロントエンド開発はすでに円熟期に入っており、コード品質管理ツールの使用も増えてきました。このことがよく表れているのは、JavaScriptのエコシステムです。JavaScriptにおけるLintツールは、フ…

元の記事

CSS Gridで使えるrepeat()関数の「auto-fill」「auto-fit」の違いを理解すると、柔軟なレスポンシブ Webデザインが実現できます。わかりにくい両者の違いをデモで確認しましょう。 CSS Gridって本当に便利だなぁと思う今日この頃ですが、そのなかでも特に注目しているのがrepeat()とminmax()です。この2つのCSS関数を使うとグリッドレイアウトの構築が楽になる…

元の記事

今回、【写真とわたし。vol.1】「写真でコミュニケーションしたい」でインタビュ……

元の記事

「Unity？ ゲームは作らないから自分には関係ないでしょ」と思っていませんか？ 実は最近、Unityはさまざまな領域に使われているのです。その魅力をお伝えします。 あのPokemon GOや、スーパーマリオランなどゲームの開発環境として使われているUnity。 さらには、広くインタラクティブコンテンツの領域でも使われ始めていると聞き、開発元のユニティ・テクノロジーズ・ジャパンのエバンジェリスト池…

元の記事

スクロールに気の利いた動きを加えたいときに便利なJavaScriptのライブラリー「ScrollReveal」を紹介します。 シンプルなスクロールアニメーションを実装したいときに使えそうなライブラリを見つけたのでご紹介します。「ScrollReveal」というやつです。 無意味にたくさん動くアニメーションはUIやユーザの情報消費の邪魔をするので好きではないですが、単調なページをより魅力的に見せるた…

元の記事

Webデザイナーや開発者など、Webプロフェッショナルの仕事を支援してくれるWebツール＆サービスを厳選して紹介します。 pCloud、xFive、Themifyなど、選出したツールやサービスの大半は高い評価を得たソリューションで、さらに改良が進められています。Goodie、Codesterなど一部は登場したばかりのものですが、すでにすばらしい仕事ぶりです。 1. pCloud 4年前にローンチさ…

元の記事

インタビューの仕方を知っていますか？ 準備不足でインタビューに臨んでしまうと、うまく会話が進まなかったり、内容の薄い記事になってしまったりすることがあります。事前に準備するポイントと、質問のコツを紹介します。 近年、企業は顧客の課題の解決方法として商品紹介のみならず、さまざまな情報をコンテンツとして発信しています。数多くあるコンテンツのひとつに、インタビュー記事があります。 今回は、インタビューを…

元の記事

レスポンシブWebデザインの実装に欠かせないメディアクエリを使わずに、CSS GridとFlexboxでレスポンシブなレイアウトを実装する方法を紹介します。 レスポンシブなレイアウトにはメディアクエリが欠かせないわけですが、CSS GridやFlexboxを使えばメディアクエリなしでもレスポンシブなレイアウトが可能です。メディアクエリが全くいらなくなるということはないと思いますが、CSS Grid…

元の記事