ユーザープロフィール

ゲストさん

Webマーケティングのイロハ

1941件

Webマーケティングとは、サイトに訪れたユーザーの動向などを調査し、それに従ってターゲットの選定やデザインの変更といったさまざまな施策を行うことです。Webマーケティングを行うWebディレクターやマーケッターには、広告やSEO、ソーシャルメディア、メールマガジン、コンテンツマーケティングなど、総合的な知識・スキルが求められます。このカテゴリでは、そんなWebマーケティングに役立つトピックスを掲載しています。

【資料DL】ターゲットを惹き付ける!SNS動画プロモーション成功の秘訣

【資料DL】ターゲットを惹き付ける!SNS動画プロモーション成功の秘訣

近年、マーケターから注目を集め続ける動画広告市場。動画広告の研究機関「オンラインビデオ総研」によると、2017年の動画広告市場は前年対比163%の1,374億円に。 そして近い未来、消費者と企業とのコミュニケーションの大部分を動画広告が占めるといわれています。しかし動画広告にシフトする企業が増える中、以下のような課題も増えています。・広告色の強いクリエイティブに関する嫌悪感・バズ動画の効果が長く続…

元の記事


コードを書きながらデザインできる「Hadron」ってどんなツール?

コードを書きながらデザインできる「Hadron」ってどんなツール?

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

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


A/Bテストが無料で捗る!「Google オプティマイズ」の設定と使い方

A/Bテストが無料で捗る!「Google オプティマイズ」の設定と使い方

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

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


たった数行のCSSでパララックス風表現ができる「position: sticky」の使い方

たった数行のCSSでパララックス風表現ができる「position: sticky」の使い方

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

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


チームで美しくメンテナブルなCSSを書くための 「Stylelint」導入のすすめ

チームで美しくメンテナブルなCSSを書くための 「Stylelint」導入のすすめ

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

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


これは便利!CSS Gridのauto-fillとauto-fitの使い分けでRWDが捗る

これは便利!CSS Gridのauto-fillとauto-fitの使い分けでRWDが捗る

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

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


もうゲームだけじゃない! Unityがスゴいこれだけの理由

もうゲームだけじゃない! Unityがスゴいこれだけの理由

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

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


スクロールアニメにはjQuery不要でサクッと使える「ScrollReveal.js」が便利

スクロールアニメにはjQuery不要でサクッと使える「ScrollReveal.js」が便利

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

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


これ知ってる? Web屋が押さえておきたい海外の便利ツール25選

これ知ってる? Web屋が押さえておきたい海外の便利ツール25選

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

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


意外と知らない、失敗しないインタビューの「質問のコツ」と「事前準備」

意外と知らない、失敗しないインタビューの「質問のコツ」と「事前準備」

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

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


CSS GridとFlexboxで驚くほど簡単にレスポンシブレイアウトを実装する方法

CSS GridとFlexboxで驚くほど簡単にレスポンシブレイアウトを実装する方法

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

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


進化した位置情報連動型広告がいま脚光を浴びる理由

進化した位置情報連動型広告がいま脚光を浴びる理由

「今そこにいるユーザーに広告を見せる」のが位置情報連動型広告だと思っていませんか? 現在の主流は過去の位置情報からユーザー像を描き出しターゲティング配信する「プロファイル方式」です。詳しく解説します。 プログラマティック広告の高度化に伴い、最近また進化が進み、期待が高まっているアドテク分野の1つとして「位置情報連動型広告」があります。外出先でスマホで調べものをしていたら、閲覧サイト上に近所のお店や…

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


Web制作をぐっと効率化する「スタイルガイド」の作り方とは?

Web制作をぐっと効率化する「スタイルガイド」の作り方とは?

サイト全体の統一感やクオリティの底上げへと繋がるスタイルガイド。まだ作ったことがない方に、スタイルガイドのメリットと考え方、サンプルを紹介します。 デザイナーの方は経験がないでしょうか? 案件のサイト制作が進むにつれて「あれ、パーツにばらつきがあるな…」「この動きじゃないのに…」「もっと早くエンジニアに伝えていれば…」ページが出揃いだしてから微妙な差異に気付いたり、納期直前で指摘しづらくなってしま…

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


2018年のWebデザイントレンド「ミニマリズムの次」は来るか?

2018年のWebデザイントレンド「ミニマリズムの次」は来るか?

ここ数年のWebデザインのトレンドとしてすっかり定着した「ミニマリズム」。2018年はそろそろ次のトレンドが訪れるのでしょうか? 変化の兆しは少しずつ現れているようです。 ミニマリズムはWebデザインにおいてとても人気のデザイン手法ですが、近年のトレンドを見ていると、「オリジナリティ」がより重要な要素になりつつあるように感じられます。 オリジナリティの溢れるデザインというのは、サイトに訪れる人に愛…

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


Grid Layoutが当たり前になったら、CSSレイアウトはどう考えるべき?

Grid Layoutが当たり前になったら、CSSレイアウトはどう考えるべき?

新しいCSSレイアウト仕様Grid Layoutを使うには、これまでのCSSレイアウトの考え方を変える必要があります。どう考えていけばよいのでしょうか? 最近、ようやくCSS Gridを学びはじめてるんですけど、学ぶ課程で「CSS Gridが”普及”するとBootstrapやFoundtionのようなフレームワークの作り方も変わるんだろうなぁ」と考えています。 どう変わるのかというと、まずは、 基…

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


開発者のやりとりも捗る!プロトタイピングツール「InVision」って何?

開発者のやりとりも捗る!プロトタイピングツール「InVision」って何?

人気のプロトタイピングツール「InVision」がますます進化しています。最近のアップデートで追加された機能「Inspect」も紹介します。 プロトタイピングツールは、実際にWeb制作を行う前にモックを作成し、完成形をイメージしやすくするためには欠かせないツールです。 今回は、プロトタイピングツールとして世界で大きなシェアを誇る「InVision」を紹介します。 InVisionとは InVisi…

元の記事

WPJ

WPJ

株式会社角川アスキー総合研究所


オウンドメディア運営会社の皆様へ

s

ページトップ