ユーザープロフィール

ゲストさん

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

1978件

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

ReactとPHPでリアルタイムなシミュレーションゲームを作ってみた

ReactとPHPでリアルタイムなシミュレーションゲームを作ってみた

複数人でプレイできて、経営シミュレーションの仕組みを取り入れたゲームを作りたい。Stardew Valleyから交流機能を省いた、経済活動ができるゲームだ。 こう考えた私は、PHPとReactJSでゲームを開発することにしました。 しかし問題は、複数人でプレイするゲームの構成や、プレイヤーと経済の仕組みを実装する方法について何も知らなかったことです。 自分自身にReactJSを使うだけの知識がある…

元の記事

WPJ

WPJ

株式会社KADOKAWA


もっと速く!Webサイト高速化のためのwebpack活用入門

もっと速く!Webサイト高速化のためのwebpack活用入門

webpackを使ってアセットをバンドルすることで、HTTPリクエストの回数を削減し、ファイルサイズを縮小できます。Webサイトをもっと快適にするためのチュートリアルです。 webpackが大人気です。GitHubのスター数は30,000を超え、ReactやAngularといったJavaScript界の有名プレイヤーもwebpackを歓迎しています。 webpackの本質はバンドラーであり、web…

元の記事

WPJ

WPJ

株式会社KADOKAWA


SEO、OGP……Vue.js製SPAの「困った」を解決できる「Nuxt.js」が便利だ!

SEO、OGP……Vue.js製SPAの「困った」を解決できる「Nuxt.js」が便利だ!

Vue.jsでSPAを作ったものの、検索エンジンのクローラーやSNSのOGP取得といった問題で困ったことはありませんか? サーバーサイドレンダリングを簡単に構築できるNuxt.jsの活用方法を解説します。 ユニバーサル(Isomorphic)JavaScriptはJavaScriptコミュニティで一般的な用語になりました。ユニバーサルJavaScriptとは、クライアントとサーバーの両方で実行でき…

元の記事

WPJ

WPJ

株式会社KADOKAWA


誰もがみんな「UXデザイナー」を名乗る必要なんてない

誰もがみんな「UXデザイナー」を名乗る必要なんてない

UXはUIの上位概念だから、UXデザイナーを目指すべき——本当でしょうか? UIはUXの一部だからこそ、比較したり優劣をつける議論は意味がありません。 フルスタック/ゼネラリストのプロダクトデザイナーとして、私は業界が長らく肩書きばかりに気にかけているのを見てきました。批判的な立場で、批判的なツイートばかり続けることが、誰かのためになったことがあるのでしょうか? 「デザイナーはコードを書くべきか?…

元の記事

WPJ

WPJ

株式会社KADOKAWA


Cycle.jsがReactよりも優れていると私が思うこれだけの理由

Cycle.jsがReactよりも優れていると私が思うこれだけの理由

いま、もっとも人気のあるReactですが、私は検討の結果Cycle.jsを選びました。Cycle.jsの概要や使い方、魅力をお伝えします。 多くの開発者はアプリ開発時になんらかのフレームワークを利用しているでしょう。フレームワークは複雑なアプリ構築の手間をなくし、時間を節約します。利用者が多いからか、最高のフレームワークや、フレームワークの何を学ぶべきかなどの話題があふれています。 Reactは現…

元の記事

WPJ

WPJ

株式会社KADOKAWA


知ってた?JavaScriptでメディアクエリを利用するちょっとしたテクニック

知ってた?JavaScriptでメディアクエリを利用するちょっとしたテクニック

Web制作ですっかり定番となったメディアクエリを使ったレスポンシブ Webデザイン。JavaScriptで実装している機能をメディアクエリと連携させるためのちょっとしたテクニックを紹介します。 テーブルタグがCSSに変わり、レスポンシブデザインは心躍るコンセプトの1つです。レスポンシブデザインはメディアクエリで閲覧中の機器の画面幅、高さ、向き、解像度、アスペクト比、色深度などを把握し、応じたスタイ…

元の記事

WPJ

WPJ

株式会社KADOKAWA


知らないと絶対損する!WebデザイナーのためのChrome拡張機能7選

知らないと絶対損する!WebデザイナーのためのChrome拡張機能7選

CSSの調整、フォントの調査、画像の作成など、Webデザイナーの作業効率をアップさせるChromeの拡張機能を紹介します。 Webデザイナーなら自分なりの仕事のやり方があると思います。コードを書きながらブラウザー上で直接デザインしている人、ブラウザーは実装テストの時にだけ使う人、どんな人でもWebデザイナー向けのChrome拡張機能を使えば普段の作業が見違えるほど簡単になります。私は一番煩わしいと…

元の記事

WPJ

WPJ

株式会社KADOKAWA


手を動かして学ぶCMSの新しい潮流「ヘッドレス」とは何か?

手を動かして学ぶCMSの新しい潮流「ヘッドレス」とは何か?

フロントエンドとバックエンドを分離する「ヘッドレスCMS」が話題となっています。Elemenoを例に、ヘッドレスCMSを使ったWebサイトの開発方法を説明します。 「ヘッドレスCMS」は比較的新しいタイプのツールです。特徴や、利用方法を解説します。 従来のCMSは、コンテンツを作って管理するバックエンドと、コンテンツを表示するフロントエンド、2つのコンポーネントがあります。フロントエンドは、昔から…

元の記事

WPJ

WPJ

株式会社KADOKAWA


Reddit風掲示板をFirebaseとReactを組み合わせてモダンに作る方法

Reddit風掲示板をFirebaseとReactを組み合わせてモダンに作る方法

米国版2ちゃんねるとも言われる巨大掲示板Reddit。バックエンドにFirebase、フロントエンドにReactを使うことで、時間をかけずにReddit風掲示板を作る方法を解説します。 Reactはユーザーインターフェイスの構築に使われるJavaScriptのライブラリーです。Create-React-Appを利用すれば、Reactアプリケーションのひな形を簡単に準備できます。 この記事ではCre…

元の記事

WPJ

WPJ

株式会社KADOKAWA


オウンドメディア運営の味方になるWebツール一挙ご紹介!

オウンドメディア運営の味方になるWebツール一挙ご紹介!

オウンドメディアとはそもそもオウンドメディアとは、どういう定義なのでしょうか? 英語のOwned Mediaがそのまま用いられていますが、直訳すると「所有されたメディア」となります。テレビ局や新聞のように、広告主とコンテンツを制作する部署が独立した関係であるのとは異なり、企業や組織が自分たちの情報を発信するため、自分たちで所有しているメディア、という意味になります。Webの世界では、2012年頃か…


うっかりミスを防ぐ「ポカヨケ」をPHP開発に導入する具体的な方法

うっかりミスを防ぐ「ポカヨケ」をPHP開発に導入する具体的な方法

「ポカヨケ」を知っていますか? 製造業で使われるヒューマンエラーを防ぐ仕組みのことですが、プログラミングにも応用できる考え方です。PHP開発を例として具体的なポカヨケの手法を紹介します。 中規模または大規模なチームでコードベースを共有すると、お互いのコードや使い方を理解するのが大変です。解決策は、一連のコーディング規約にのっとることで相手が読みやすいコードを書くことや、全員が知っているフレームワー…

元の記事

WPJ

WPJ

株式会社KADOKAWA


そろそろ対応しなきゃ!WordPressサイトのためのAMPの基本と実装方法

そろそろ対応しなきゃ!WordPressサイトのためのAMPの基本と実装方法

グーグルが推進しているモバイル向けの高速化技術「AMP」、もう対応しましたか? WordPressを利用しているサイトなら、意外なほど簡単に対応できます。 グーグルのAccelerated Mobile Pages(AMP、モバイル向け専用の高速ページ)プロジェクトは2016年2月24日に始まりました。何千もの開発者が参加者として名を連ね、無数のWebサイトがAMP版ページを用意して、多くの開発者…

元の記事

WPJ

WPJ

株式会社KADOKAWA


マテリアルデザインをサクッと実装できるCSSフレームワーク6選【2017年版】

マテリアルデザインをサクッと実装できるCSSフレームワーク6選【2017年版】

Webデザインにマテリアルデザインを簡単に取り入れられる、CSSフレームワークを6つ、紹介します。 グーグルが自社のデザインにマテリアルデザイン(Material Design)を導入したのは2014年のことです。以来、Gmail、Docs(Googleドキュメント)、Drive(Googleドライブ)など、マテリアルデザインは多くのグーグル製品に実装されました。マテリアルデザインはAndroid…

元の記事

WPJ

WPJ

株式会社KADOKAWA


広告効果が高いのにはワケがある!最適な人に最適な広告を ~正しいデータの使い方~【資料DL】

広告効果が高いのにはワケがある!最適な人に最適な広告を ~正しいデータの使い方~【資料DL】

今やインターネットは、広告媒体として確固たる地位を築き、その規模は1兆円を超えています。中でも、運用型広告の伸長が著しく、インターネット広告全体をけん引しているといっても過言ではありません。運用型広告のメリットは、1クリックいくらという形で入札が行われるため、費用を比較的低く抑えられる点と、効果の計測が可能である点などが挙げられます。そのため、商品・サービスの販売促進キャンペーンなどに多く利用され…

元の記事


優れたUXデザイナーになるための身に付けたい5つの行動

優れたUXデザイナーになるための身に付けたい5つの行動

優れたデザイナーは他のデザイナーとどこが違うのでしょうか。UXデザイナーとして成功したいなら押さえておきたい、5つの行動を紹介します。 UXデザイナーの需要は増え続けています。General AssemblyはUXデザインは2020年にもっとも有望な仕事の1つになると予測していますが、需要が増加すれば供給も増加します。この記事では、競争に勝つために優れたデザイナーの特徴を5つ紹介します。 UXデザ…

元の記事

WPJ

WPJ

株式会社KADOKAWA


Nodeベースの次世代CMS「KeystoneJS」はWordPressの代わりになるか?

Nodeベースの次世代CMS「KeystoneJS」はWordPressの代わりになるか?

CMSの定番といえばWordPressですが、開発者にとってより柔軟で使いやすいCMSを探しているなら、Node.jsベースのKeystoneJSがおすすめです。KeystoneJSの特徴と使い方、WordPressとの比較をまとめました。 KeystoneJSはコンテンツ管理システム(CMS)で、データーベースと連動するサーバーアプリケーションを構築するためのフレームワークです。Node.jsの…

元の記事

WPJ

WPJ

株式会社KADOKAWA


成功事例・先進事例にみる動画マーケティング「成功の秘訣」【資料DL】

成功事例・先進事例にみる動画マーケティング「成功の秘訣」【資料DL】

「自社の商品の認知度を上げたり、売上につなげたい」といった目的から、マーケティング、EC、セールスなど幅広い業務で動画の活用が広がっています。米国シスコ社の調査では「2015年には70%であった全世界のコンシューマ インターネット トラフィックに占めるIP ビデオ トラフィックの割合は、2020年までに82%になる」という予測がなされるなど、動画がますます身近になる中、いかに動画を活用するかは売り…

元の記事


Instagramをさらに活用!ブログへの埋み方法まとめ

Instagramをさらに活用!ブログへの埋み方法まとめ

Instagramの普及に伴って、ウェブサイトやブログにInstagramを組み込み、画像による訴求効果を高める手法が広まりつつあります。Instagramの埋め込み方は大きく分けて4つの方法に分けられますが、その難度は大きく異なります。ここでは、外部呼び出しによるブログとの連携に必要なAPIの手続き、もっと手軽にできる埋め込みコードの取得、Wordpressのプラグイン、ウェブサービスの活用とい…


忙しすぎる個人企業家の仕事を効率化!便利なWordPressプラグイン6選

忙しすぎる個人企業家の仕事を効率化!便利なWordPressプラグイン6選

ライブチャット、マーケティング、メーリングリスト、Webサイトの構築まで、1人でビジネスを回す多忙な個人起業家のためのWordPressプラグインを紹介します。 親が料理、掃除、子育てを1人でするように、個人起業家は事業に関わるすべてを1人でこなします。事業を営みながら、技術をないがしろにせず、見栄えの良い機能的なWebサイトを制作し、マーケティングも兼任します。さらに、経理、発送、カスタマーサー…

元の記事

WPJ

WPJ

株式会社KADOKAWA


【2017年版】知っておきたいInstagram広告まとめ

【2017年版】知っておきたいInstagram広告まとめ

公式情報によると2017年4月にユーザー数が7億人を突破したInstagram―ネットを介した知名度を高める手段として定番化してきたのではないでしょうか。ここではInstagram広告の特徴をはじめ、どのような事例があるのか、何ができるか、基本的な出稿方法などを紹介していきます。Instagram広告の特徴特筆すべきポイントとしては、親会社であるFacebookが保有しているユーザーデータを活かし…


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

s

ページトップ