ユーザープロフィール

ゲストさん

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

1941件

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

ネイティブアプリ不要!モバイルWebサイトにQRコードリーダーを実装する方法

ネイティブアプリ不要!モバイルWebサイトにQRコードリーダーを実装する方法

イベントやショッピングサイトなど、モバイルサイトにリーダー機能を組み込めればわざわざアプリをダウンロードさせる必要はありません。HTML/CSSとJavaScriptを使ってWebサイトにQRコードリーダーを実装する方法を紹介します。 バーコードやQRコードによって買い物や検索の仕方が変わりました。世界中どこでも商品を手に取ったら、バーコードやQRコードをスマートフォンの無料アプリで読み取り、最低…

元の記事

WPJ

WPJ

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


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

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

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

元の記事

WPJ

WPJ

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


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

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

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

元の記事

WPJ

WPJ

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


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

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


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

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

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

元の記事

WPJ

WPJ

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


WordPressプラグイン開発超入門:カテゴリー一括作成機能を作ってみよう

WordPressプラグイン開発超入門:カテゴリー一括作成機能を作ってみよう

WordPressの魅力といえば、便利なプラグインが揃っていること。でも、必要な機能だけを自分でプラグインとして作ることもできます。カテゴリーをまとめて追加するシンプルなプラグインの作り方を紹介します。 WordPressでWebサイトやブログを作るときにはカテゴリーを作成しますが、複数のカテゴリーを1つずつ作るのは面倒です。そこで、カンマで区切られた複数のカテゴリー名を1回のボタン操作でWord…

元の記事

WPJ

WPJ

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


Laravel 5.5正式版がリリース、新機能をまとめてみた

Laravel 5.5正式版がリリース、新機能をまとめてみた

人気PHPフレームワーク「Laravel」の新バージョン「Laravel 5.5」が8月30日にリリースされました。新機能と従来との違いを紹介します。 Laravel 5.5を使用するにはPHP 7.0以上が必要です。PHPの新機能は、Learn PHP 7, Find out What’s New, and Moreにまとめています。 Laravel 5.5は次期LTS(Long Term Su…

元の記事

WPJ

WPJ

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


Vue.jsでカッコいいグラフを手軽に作るChart.jsのラッパー3つ

Vue.jsでカッコいいグラフを手軽に作るChart.jsのラッパー3つ

Webアプリを作るときに便利なグラフ描画ライブラリ「Chart.js」。最近人気のVue.jsでChart.jsを使うための3つのラッパーをデモを交えて紹介します。 現代のWebサイトとWebアプリにおいてチャートは重要な位置を占めています。チャートは、文字だけでは表せない情報を表現して、理解しづらいデータの意味を分かりやすく表現します。 Chart.jsとVue.jsを用いて、さまざまな型のチャ…

元の記事

WPJ

WPJ

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


PHPでWebアプリ開発!人気テンプレートエンジン「Twig」を使ってみよう

PHPでWebアプリ開発!人気テンプレートエンジン「Twig」を使ってみよう

PHPを使った本格的なWebアプリ開発に欠かせないのが、テンプレートエンジン。セキュリティ対策やデバッグがしやすく、人気のあるテンプレートエンジン「Twig」を紹介します。 TwigはPHP向けのテンプレートエンジンです。PHP自体がもともとテンプレートエンジンとして始まりましたが、たとえば「Hello world」を書くとしたら、どちらがいいでしょうか? 素のPHP<?php echo &…

元の記事

WPJ

WPJ

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


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

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


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

s

ページトップ