ユーザープロフィール

ゲストさん

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

1946件

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

ノンプログラマーがJavaScriptを初めて学ぶときにありがちな9つの失敗

ノンプログラマーがJavaScriptを初めて学ぶときにありがちな9つの失敗

Webデザイナーにとってもっとも身近なプログラミング言語といえばJavaScriptですよね。ところがいざ勉強を始めたものの挫折してしまった…という人のために、典型的な失敗例と学習のコツを教えます。 JavaScriptの学習をしても挫折する人の多くは、「JavaScriptは分かりにくい」「自分はWeb開発に向いていない」と言います。悲観的になってあきらないでください。アプローチの仕方を変えるこ…

元の記事

WPJ

WPJ

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


本当は同業者にあまり教えたくない、生産力アップツール11選

本当は同業者にあまり教えたくない、生産力アップツール11選

納期を守れない開発者がいたとしたら、プロジェクトの進め方を改善することで解決できるかもしれません。生産性を向上させるアプリを紹介します。 工程を立てて、毎日の作業内容と作業量を決めたのに、終わってみれば未完成のリストが残っただけ。あの時間はどこにいったのかと途方に暮れる。よくある話です。 この記事では、仕事の生産性を向上させるツールを「タイムマネジメント」「チェックリスト」「スケジューラー」「プロ…

元の記事

WPJ

WPJ

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


ついにWindowsへ導入が始まった「Fluent Design System」5つの基本要素

ついにWindowsへ導入が始まった「Fluent Design System」5つの基本要素

10月17日に配信が始まった「Windows 10 Fall Creators Update」に導入された、マイクロソフトの新しいデザイン言語「Fluent Design System(フルーエントデザインシステム)」。コンセプトと実装へ反映する方法を解説します。 独自のデザイン言語やGoogleのMaterial Design(マテリアルデザイン)など既存の言語を実装して、統一のとれた堅牢なユー…

元の記事

WPJ

WPJ

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


フォームをぐっと使いやすくする!ウィザード型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

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


APIの開発がむちゃくちゃ捗る「Postman」の使い方

APIの開発がむちゃくちゃ捗る「Postman」の使い方

いまどきのWebアプリケーションの開発で重要となっているのが、APIの設計と開発。APIを開発するときの面倒な課題を一気に解決するすばらしいツール「Postman」の使い方を紹介します。 APIを構築した経験があれば、難しさが分かるでしょう。プロジェクトは収拾がつかないほど複雑になり、ドキュメントを作成してみても、結局すっきりしません。 以前簡単に紹介したツールPostmanを試しました。Post…

元の記事

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

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


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

s

ページトップ