ユーザープロフィール

ゲストさん

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

1946件

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

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

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

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

元の記事

WPJ

WPJ

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


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

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

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

元の記事

WPJ

WPJ

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


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

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

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

元の記事

WPJ

WPJ

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


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

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

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

元の記事

WPJ

WPJ

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


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

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

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

元の記事

WPJ

WPJ

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


超軽量で学習コストが低い最新JSライブラリー「HyperApp」とは何か

超軽量で学習コストが低い最新JSライブラリー「HyperApp」とは何か

軽量・高速で、シンプルなJavaScriptライブラリー「HyperApp」を紹介。ライブラリーの作者が概要とサンプルを基に使い方を解説します。 複雑なツールを使いこなして優れたWebアプリケーションを構築するのは簡単ではありません。 HyperAppはシンプルさと機能の両立を目的に生まれたJavaScriptライブラリーです。ほかのフレームワークと同水準の機能を維持しながら、理解が必要な概念の数…

元の記事

WPJ

WPJ

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


Reactのステート管理にはReduxとMobXのどちらを使うべきか

Reactのステート管理にはReduxとMobXのどちらを使うべきか

Reactのステート管理といえばReduxですが、React以外でも使えるライブラリーとして注目されているのが、MobXです。少ないコードですばやくアプリケーションを作成しましょう。 Reduxの不満点は、機能を実装するのに必要なボイラープレートのコード量の多さです。解決する方法にMobXがあります。MobXはReduxと同様の機能を持ちますが、記述するコードの量が少なくて済むライブラリーです。…

元の記事

WPJ

WPJ

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


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

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

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

元の記事

WPJ

WPJ

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


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

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

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

元の記事

WPJ

WPJ

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


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

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

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

元の記事

WPJ

WPJ

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


NoSQLじゃなくてMySQLを使いたい!Node.jsのmysqlモジュールの使い方

NoSQLじゃなくてMySQLを使いたい!Node.jsのmysqlモジュールの使い方

JavaScriptでデータベースといえば非SQLだと思っていませんか? Node.jsのmysqlモジュールでMySQLを使う方法を解説します。 Node.jsアプリのバックエンドに適しているからか、非SQLのデータベースが話題ですが、流行っていて格好良いという理由だけで次のプロジェクトに採用するわけにはいきません。プロジェクトで要求されることに基づいてデータベース型を選ぶべきです。プロジェクト…

元の記事

WPJ

WPJ

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


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

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

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

元の記事

WPJ

WPJ

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


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

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

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

元の記事

WPJ

WPJ

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


面倒なJavaScriptの日付の処理は「date-fns」でラクに片付けよう

面倒なJavaScriptの日付の処理は「date-fns」でラクに片付けよう

単純そうに思えることでも意外と面倒なのがJavaScriptでの日付の処理です。素のJavaScriptよりも使いやすくラクに処理できるコンパクトなライブラリー「date-fns」を紹介します。 JavaScriptで日付を扱うと、素のDateメソッドは冗長な記述になり、整合せず、バグが発生しがちです。そこで日付操作に適したライブラリーが役立ちます。ライブラリーとJavaScriptのDateとの…

元の記事

WPJ

WPJ

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


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

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

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


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

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

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

元の記事

WPJ

WPJ

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


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

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

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


いまさら聞けないCSSレイアウトの定番手法 Flexbox再入門

いまさら聞けないCSSレイアウトの定番手法 Flexbox再入門

floatレイアウトはすでに過去のもの。Webサイトの要素の位置を操作するならFlexboxが定番となりました。出遅れたWeb制作者のために基本を解説します。 テーブルタグが唯一のWebページをレイアウトする手法だった頃を覚えていますか? 表形式のデータを表示するための機能をレイアウトに無理やり使っていたので、タグ名の意味と用途が異なるひどい状態でした。新しい「道具」が必要になり、「正しい」レイア…

元の記事

WPJ

WPJ

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


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

s

ページトップ