Introduction · Webフロントエンド パフォーマンス改善ハンドブック
Webフロントエンド パフォーマンス改善ハンドブック このパフォーマンス改善ハンドブックでは、ウェブアプリケーションにおけるフロントエンドのパフォーマンス改善について扱っています。 ダウンロード版 埋め込み動画を再生できないなど一部制限がありますが、ダウンロード版を配布しています。 PDF版 EPUB版 MOBI版 目的 このハンドブックでは過去に行った改善の事例を中心に紹介しています。 そのため、現在の最適な解決方法を提案するものではありません。 また、アプリケーションによっても最適な解決方法は異なります。 今回の事例ではViewライブラリにReactを使い映像再生プレイヤーなどある程度複雑な機能を持ったウェブアプリケーションのフロントを扱います。 具体的にはニコニコ生放送（以下「生放送」）で行った事例を中心に書かれています。 開発と平行して行われていたため、React 15から16の間
転職会議の会員情報ページをReact化しました - LIVESENSE ENGINEER BLOG
はじめまして。16卒で入社したエンジニアの渡部です。 現在は転職会議のプロダクト開発グループに所属していて、最近は会員情報ページのフロントエンド開発を行っています。 今回はReact化にあたって直面した問題、それを解決するために採用・参考にした技術を幾つか紹介したいと思います。 コード例はTypeScriptで書いています。 目次 型を欲する声の高まり(TypeScript) action層の肥大化(redux-observable) formのvalidation(Computing Derived Data(reselect)) viewをシンプルに保つ(High Order Components) 型を欲する声の高まり(TypeScript) react-reduxで実装していると関数から関数へと値を引き回すので、型をつけて安心して実装したいという声がチーム内で高まってきました。 そ
10,000DAUまで 成長させたグロースハック事例
iOS_LTで発表した資料になります。 グロースハックというより、マインドの話で、エンジニア向けの内容になってます。
ランディングページ最適化（LPO）とは？たった一つの工夫で問い合わせを10倍にした事例 | LISKUL
「ランディングページ最適化」やLPOというキーワードは知っているけど ・ランディングページ最適化（LPO）についてよく分からない ・本当に売上が上がるのか分からない ・自社で本当にする必要があるのか分からない と思っていませんか？ CVを逃さないLPOチェックリスト16選 ネットで調べてみてもランディングページ最適化（LPO）による効果や、どの企業に向いていているのかまでは紹介されていないのではないでしょうか。 そこで、今回はランディングページ最適化とは何かを説明した後、実際に効果があった手法を厳選し、その事例をご紹介致します。 参考：ランディングページ（LP）とは？10分でわかるLPの目的・メリット・作り方 １、ランディングページ最適化（LPO）とはLPO（Landing Page Optimization）とは、ユーザーが検索エンジンなどから最初に訪れるページ（ランディングページ）を改
HCD-Net
人間中心設計（HCD）専門家制度は、人間中心設計推進機構（HCD-Net）が実施する専門家認定制度です。 人間中心設計専門家とは 受験応募要領 資格更新手続き HCD認定ニュース 認定者一覧 認定専門家インタビュー
【保存版】問合せを劇的に増やすエントリーフォーム最適化（EFO）15の方法｜MarTechLab（マーテックラボ）
皆さんこんにちは。ギャプライズ鎌田（@kamatec）です。 今日は過去私が数百社という企業のプランニング・運用をしてきた中で実証した、 最も「手早く」「確実に」コンバージョンを伸ばす方法をご紹介します。 それがEFO、つまり「エントリーフォームの最適化」です。 Webサイトをリニューアルしなくとも、LPを作らなくとも、 エントリーフォームを変えるだけでコンバージョンは劇的に変わるのです。 実際の事例をいくつかご紹介しましょう。 Case1：ブライダル系サービスのEFO事例 http://www.primavera-wedding.co.jp Case2:ギャプライズクリックテールサイトのEFO事例 https://contentsquare.gaprise.jp/ Case3:システム系BtoBサービスのEFO事例 これらの事例はいずれも変更したのはエントリーフォームだけです。 特にフォ
【CEDEC2014】ゲーム実況時代のゲームプロモーション niconicoの事例から【発表資料】:伊予柑ブロマガ - ブロマガ
日本最大のゲーム開発者のカンファレンスCEDEC2014で話した「ゲーム実況時代のゲームプロモーション niconicoの事例から」の発表資料です。 【CEDEC2014】ニコニコ動画の「ゲーム実況」はなぜ人気？ゲーム売上への貢献、使いこなすための注意点、人気実況者になるためのコツも…！ はじめまして。今日はゲーム実況時代のゲームプロモーションと題してお話させていただきます。 今日は「ゲーム実況っていったいなんだ？」というお話をさせていただければとおもいます 実はすっごく緊張しています。だって自分はゲーム開発者になりたかったんです。 ちょっと自己紹介させてください。はじめに買ったゲームはファミコンのマザー。あのころはソフトが本当に貴重で、RPGもみんなでやっていました。面白いゲームを買った俺は、クラスでヒーローです。学生時代はゲームをつくっていました。コミケに出展したのも、大学１年生のころ
カスタマージャーニーマップを読み解く：Rail Europe Experience Map
こんにちは、@h0saです。 先日、2014年度サービスデザイン方法論 第2回：カスタマージャーニーマップ（講師：コンセント長谷川氏）を受講しましたが、今回はカスタマージャーニーマップの描き方そのものについて、深堀りしてみたいと思います。 長谷川さんから聴いたお話を参考にしながら、よく引用される Rail Europe のカスタマージャーニーマップ（以下CJM）の内容を読み解いていきます。 また応用できるように、他のCJMの事例についても数多く盛り込みました。 それでは以下からどうぞ。 Rail EuropeのCJMを読み解く 引用記事：The Anatomy of an Experience Map | Adaptive path CJMやエクスペリエンスマップについての記事を読むとよく出てくるこのマップは、Rail Europeでの乗車体験（調査〜予約〜旅行〜旅行後まで）を可視化したも
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
5分でわかるカスタマージャーニーとは？取り入れ方や分析のコツを事例とともに解説 | LISKUL
マーケティングに関わる人は、最近「カスタマージャーニー」という用語をよく耳にするのではないでしょうか？ 「カスタマージャーニー」は、複雑化している顧客の行動を捉え、マーケティングの成果を改善するために役立つ本質的な考え方です。 本記事では、「カスタマージャーニー」について理解するために事例を交えて、マップの作り方から、分析のコツまで、5分で理解できるように要点を整理してみました。 【制作テンプレ付】カスタマージャーニーの描き方 当社でも「カスタマージャーニー」の考え方を取り入れてから、マーケティングの成果が大きく改善し始めています。 記事の後半では、その事例を交えながら、実際にマーケティングに取り入れて、活用するポイントについても紹介していますので、ぜひ役立ててください。 カスタマージャーニーに沿った顧客接点をつくるA8のアフィリエイト資料をダウンロードする ※本記事は株式会社ファンコミュ
年間300億。Webユーザビリティ３つの間違い・落とし穴
「ユーザビリティを意識することが大切！」って言われても、何となく意味は分かるけど具体的にどうすれば良いの……と悩んでいる方も多いのではないでしょうか？ ユーザビリティとは、「単なる使いやすさ」のことではありません。特にWebにおいては売上や成果などビジネスを左右する重要な概念です。しかし、多くの人がユーザビリティについて間違った認識を持っているために、みすみす売上や成果を逃しているケースをよく目にします。 ユーザビリティを正しく理解するポイントは、特定のユーザの行動、心理、目的に焦点を当てることです。 本日は、よくある「間違い・落とし穴」を例に出しながら、売上改善に直結する「正しい」ユーザビリティの考え方をご紹介します。ぜひ皆さんもユーザビリティの理解を深め、Webサイトの改良に役立ててください！ 【事例】１つのボタンを変えただけで、年間300億の売上増！売上に直結するユーザビリティとは、
Dropbox、Salesforce、Hulu他フリーミアムに学ぶマネタイズ6つの教訓|グロースハックジャパン|Growth Hack Japan
3/20の記事「はてブ・FBの実例から見えたシェアがシェアを呼ぶコンテンツの6つの特徴/活用術」はこちら！ 【growth hack japanをTwitterでフォローしよう！】 スタートアップに適したマネタイズモデルとして注目される「フリーミアム」。 かの有名なDropbox、Evernote、Spotifyも、基本サービスを無料で提供し、一部のヘビーユーザーから料金を徴収するフリーミアムモデルで成功した事例です。ゲームアプリの台頭も、フリーミアムモデルが注目される所以でしょう。 本日は、そんな有名フリーミアムサービス(Dropbox、Prezi、Pandora、New York Times、Salesforce、Hulu、Reddit)の過去の経験から見える6つのレッスンをご紹介致します。マネタイズフェーズに入ろうとしているスタートアップも、事業構想中の起業家志望者も注目の内容です。
ボケてが300万DL到達までに行ったグロースハックを少し紹介
写真で一言ボケて（bokete）が300万インストールに到達するまでに行ってきたHackのいくつかをご紹介します。 Read less
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サイト表示が2秒遅いだけで直帰率は50％増加！ DeNA事例から学ぶWebの自動最適化手法／日本ラドウェア | 【レポート】Web担当者Forumミーティング 2014 Spring
カスタマージャーニーマップとは？ UX向上を達成する7つの事例と作成方法 | 実践！ プロも使うラピッドUX手法