ユーザープロフィール

ゲストさん

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

1947件

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

フォームをぐっと使いやすくする!ウィザード型jQueryプラグイン6選【2017年版】

フォームをぐっと使いやすくする!ウィザード型jQueryプラグイン6選【2017年版】

Webサイトのフォームの作成にはjQueryのプラグインが便利。中でも対話形式の使いやすいフォームを作成できるjQueryプラグインを厳選して紹介します。 ページの更新がなく、指示に沿って記入できるjQuery用のウィザード形式のフォームを作成するためのjQueryプラグインがあります。ユーザーデータを一度に入力させる大きなフォームなら、ウィザード形式に変えることで、小さなステップの入力に分割でき…

元の記事

WPJ

WPJ

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


Webデザイナーがぶつかる「デザインの壁」を打ち破る!海外サイト10選

Webデザイナーがぶつかる「デザインの壁」を打ち破る!海外サイト10選

Webデザインの仕事を長く続けていくと、どんなに新トレンドを取り入れてるつもりでもマンネリ化してしまうもの。新しいアイデアを得られるサイトを10個紹介します。 デザインの種類を問わず、発想のヒントをくれるサイトがあります。最適なフォントの組み合わせならTypewolf、サイトリニューアルのアイデアなら最新のWebby Award受賞作品をチェックしてはいかがでしょう。 しかし、頼りすぎるのは危険で…

元の記事

WPJ

WPJ

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


高度で複雑なWebアニメーションが自在に作れる!GreenSockプラグイン5つ

高度で複雑なWebアニメーションが自在に作れる!GreenSockプラグイン5つ

FlashライクなWebアニメーションを実現するJavaScriptライブラリー「GreenSock」。イラストからテキストまで、思い通りのアニメーションを作成できる便利なプラグインを紹介します。 GreenSockのプラグインをいくつか紹介します。 紹介するプラグイン ベジェ曲線パスに沿ってプロパティをアニメーションする「BezierPlugin」 画面上で要素をドラッグできるGSAPの「Dra…

元の記事

WPJ

WPJ

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


それでもやっぱりJavaScriptを書きたくない人のためのコンパイル言語10

それでもやっぱりJavaScriptを書きたくない人のためのコンパイル言語10

フロントエンドからサーバーサイドまで、すっかりJavaScriptが幅を利かせている昨今。でもやっぱりJavaScriptは苦手、気に入らない開発者のために、コンパイル言語(altJS)を紹介します。 現代のアプリはかつての単純なWebサイトとは求められるものが違うのに、プラットフォームは相変わらずブラウザーのままで、Webアプリの核となる言語はJavaScriptです。 JavaScriptはす…

元の記事

WPJ

WPJ

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


レスポンシブで滑らかなフレームアニメーションをCSSとJSで実装する方法

レスポンシブで滑らかなフレームアニメーションをCSSとJSで実装する方法

Webサイトを楽しく見せることができるフレームアニメーション。SVG画像とCSS、JavaScriptで滑らかな動きを実現する方法、注意点を解説します。 デザイナーから、「今回のプロジェクトではフレームアニメーションを使いたいんだ。きれいに動くように実装してほしい」と言われたらどうしますか? フロントエンド開発者には、デスクトップとモバイルを問わず、すべてのブラウザーで滑らかに動き、ハイパフォーマ…

元の記事

WPJ

WPJ

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


ネイティブアプリ不要!モバイル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

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


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

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


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

s

ページトップ