広告の効果を計測する方法が間違っていると、目標達成のアプローチも間違えてしまいます。意外とできていない設定方法を3つ紹介します。 突然ですが、広告の評価指標をどう管理していますか。 大半は日々、CV数やCPAをKPIをベースに追いつつも、月次や四半期といった、KGIに対する進捗を見ていると思います。 CPAだけの評価ではなく、ROASや継続率など、より深い指標で広告を評価するケースが増えています。…

Loading...

今週公開した記事の中から、この週末に読んでおきたい注目記事をまとめて紹介。今週は、レスポンシブで滑らかなフレームアニメーションをCSSとJSで実装する方法、UIデザイナー向け最新ツールとリソース、モバイルWebサイトにQRコードリーダーを実装など、話題の記事を中心に8本をセレクト。平日は忙しくてチェックできなかった人も、休日にゆっくりまとめ読みしてみては? 【今週の一番人気】レスポンシブで滑らかな…

Loading...

LESSONS

Webアプリの開発からリリースまで高速で進められるフルスタックなJavaScriptフレームワーク「Meteor」。シンプルな「三目並べ」を作りながら、ブラウザーゲームの作り方を学びましょう。 Meteorはプロトタイプを簡単に作成できて、開発からリリースまで超高速に進められることで人気のフルスタックWebフレームワークです。リアクティブな特性とDDPを使うことで、シンプルなマルチプレイヤー型ブラ…

Loading...

スマホアプリやWebサービスのランディングページでよく見かける、プロダクトモックアップ。どうやって作っていますか? Photoshopで自分で作ってもいいけど、実はとても簡単におしゃれに作れるツールがたくさんあります。 「モックアップ」は、再現度が低い(low-fiderity)サイトやアプリのレイアウトを模擬的に示したものを指しますが、今回は「プロダクトモックアップ」のお話です。プロダクトモック…

Loading...

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

Loading...

レトロなデザインとストーリーでユーザーを魅了する「ノスタルジア・マーケティング」。ユーザー心理を突いてコンバージョンを高め、エンゲージメントを深める方法を説明します。 「古き良き日々」を思い出させるノスタルジックな表現をよく目にします。旧作品のリメイクや、スパイダーマンやゴーストバスターズなどのシリーズが続々と再開したり、ブルーノ・マーズが、異様なほどクール・アンド・ザ・ギャングのヒット曲に似た曲…

Loading...

JavaScriptでビジュアライズツールを作るには、単にグラフを描くライブラリーを選べばいいわけではありません。データベースやアクセス方法など、検討したいことをまとめました。 データを効果的にビジュアライズするために、またデータを分析するための補助ツールを作るためには、よく考えられたデータ管理フレームワークを持つことが大切です。ツールには、適切なバックエンドストレージ、データアクセスのパラダイム…

Loading...

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

Loading...

「ReactとPHPでStardew Valleyのような経営ゲームを作りたい!」と考えた著者の挑戦は続きます。 以前、ゲームを作ろうと思った経緯を話しました。そして、非同期PHPサーバー、Laravel Mixによるビルドチェーン、ReactJSのフロントエンド、すべてをつなぐWebSocketのセットアップ方法を説明しました。ReactJS、PHP、WebSocketを組み合わてゲームの仕組み…

Loading...

UXのベンチマークツール、プロトタイピングツール、VRを使ってデザインするツールなど、最新のデザインツールやリソースを紹介します。 最新のデザインツール、リソース、アプリ、参考書、トレンドなどを追いかけるだけでも大変なのに、そこから役に立っておもしろいものを探すのは、さらに大変です。そこで誰が見ても優れているデザインツールとリソースを紹介するProduct Hunt collectionを始めまし…

Loading...