SlideShare a Scribd company logo
お前だれよ
• 中島邦弘(@kuni_nakaji)
• 株式会社UNCOVER TRUTH 立ち上げメンバー
• 8年間独立系SIerで基幹システムを構築
• 官公庁(国土交通省)/ 某クーポンECサイト
• 京王ハイウェイバス / 大手ECのメインフレーム移行
• etc..
• Australiaへ1年半ほど留学
• 元マンサード8Fの某ポイントサイトのベンチャー企業で
• インフラ構築・運用 / 開発 / 内部監査 / 海外にてチームビルディング
• 2年前よりUNCOVER TRUTHにてUSERDIVEを開発
• Microsoftさまに紹介されました
• http://www.microsoft.com/ja-jp/casestudies/uncovertruth.aspx
• セカイラボさまにも紹介されました
• http://www.sekai-lab.com/times/?p=3212
お伝えしたいこと
USERDIVE for Appsを導入時に
今後の機能追加へ非常に参考になったので
還元させてていただきたい
USERDIVE for Appsとは
経緯
• 弊社メンバーが御社のアプリ
事業をやっていたこともあり
iOS版(Objective-C)をリリー
スしたのでご案内へ行く
• まさかの、Webviewとネイ
ティブのハイブリット
• そこで起きた課題と解決方法
をお話させていただきます
ハイブリッドとは
ネイティブ WEB ハイブリッド
開発言語
iPhone / iPadは
Objective-C
HTML, javascript
HTML, Javascript,
Objective-C
開発方法
スマートフォンで動作
するネイティブアプリ
ケーションとして開発
する
WEBアプリケーションとし
て開発する。画面のサイズや
操作感をスマートフォンにあ
わせる。
基本機能はサードパーティの
APIを組み合わせる。UIは
WEB関連の技術で開発する
操作性 ⃝ △ ⃝
構成変更や修
正の負担
大きい 小さい 小さい
資産流用のし
やすさ
✕ ⃝ ⃝
USERDIVEのデータ送信概要
USERDIVEのデータ取得方法
• Objective-Cには、カテゴリという既存のクラスにメソッドを追加でき
る機能があります
• Method Swizzling は既存のクラスの任意のメソッドを入れ替える手法
です
• USERDIVE for Appsのトラッカーをstartした時点でMethod Swizzling
を行っています
• カテゴリとMethod Swizzlingを用いることで、本SDKは 既存のソー
スコードを書き換えることなく 動作することが可能になってます
• Webviewにも対応しております
USERDIVEのSDK動作概要
事件簿1 プレビューが出てこない事件
原因1
プレビューとトラッキングデータの
関係がわかりにくかった
原因1: データ送信と集計概要
1. 前日分の集計
が夜間に行われる
2. 集計されるまで一覧
に表示されない!
3. プレビューがアップ
ロード出来たかわからない
対応1
• プレビュー画像一覧を出せるようにしました
事件簿2 プレビューしましま事件
調査
1. プレビューのスクロールタイミング
2. iOSのバグ
3. iOSのバージョン違いによる画面領域の取り方の違い
原因2
• 元のデザインにて画面上部に20pxの空白があった
対応2
• 画面を下からプレビューを取ることで対処
✕
今後の対応
• プレビュー取得のガイドを入れることで効率よく取
得できるようにする
• Webview経由でjsからjs Bridge APIを使用して
データを受け取れるようにする
• Unity pluginへの対応
サイト改善は "勘と経験" から
ユーザ実行動の"データドリブン" へ
2015727 USERDIVE in Cybird LT

More Related Content

Viewers also liked

B Week 3 Research Skills 2015 Business
B Week 3 Research Skills 2015 BusinessB Week 3 Research Skills 2015 Business
B Week 3 Research Skills 2015 Business
Independentlearningsouthampton
 
Chapter 2 sequencess and series
Chapter 2 sequencess and seriesChapter 2 sequencess and series
Chapter 2 sequencess and series
SMK Tengku Intan Zaharah
 
History of Stem Cells
History of Stem CellsHistory of Stem Cells
History of Stem Cells
Freya Smale
 
Final Year Project - Stephen Reidy
Final Year Project - Stephen ReidyFinal Year Project - Stephen Reidy
Final Year Project - Stephen Reidy
Stephen Reidy
 
The Direct Continuum
The Direct ContinuumThe Direct Continuum
The Direct Continuum
Kevin Cherry
 
MSHA Training Certificates_Terence Whitfield
MSHA Training Certificates_Terence WhitfieldMSHA Training Certificates_Terence Whitfield
MSHA Training Certificates_Terence WhitfieldTerence Whitfield
 
La Dirección
La DirecciónLa Dirección
La Dirección
Alexander Perdomo
 
Give the Gift of Love Mailer
Give the Gift of Love MailerGive the Gift of Love Mailer
Give the Gift of Love MailerEileen Cole
 
Anupriyappt
AnupriyapptAnupriyappt
Anupriyappt
Anupriya Rai
 
20141030 Feature-Value DSAA 2014 V6_FINAL
20141030 Feature-Value DSAA 2014 V6_FINAL20141030 Feature-Value DSAA 2014 V6_FINAL
20141030 Feature-Value DSAA 2014 V6_FINAL
Gunarto Sindoro
 
Michael Knudsen Reccomendation Letter
Michael Knudsen Reccomendation LetterMichael Knudsen Reccomendation Letter
Michael Knudsen Reccomendation LetterAmear Hussein Mathews
 
Actividades
ActividadesActividades
Actividades
Jorgito Quiroz
 
Caderno drh 17052011_m
Caderno drh 17052011_mCaderno drh 17052011_m
Caderno drh 17052011_m
Simone Alvarenga
 
Horario de clases
Horario de clasesHorario de clases
Akordeon metodu e ftal bugra dodur
Akordeon metodu e ftal bugra dodurAkordeon metodu e ftal bugra dodur
Akordeon metodu e ftal bugra dodur
EftalDodur Soundturk
 

Viewers also liked (19)

B Week 3 Research Skills 2015 Business
B Week 3 Research Skills 2015 BusinessB Week 3 Research Skills 2015 Business
B Week 3 Research Skills 2015 Business
 
Chapter 2 sequencess and series
Chapter 2 sequencess and seriesChapter 2 sequencess and series
Chapter 2 sequencess and series
 
History of Stem Cells
History of Stem CellsHistory of Stem Cells
History of Stem Cells
 
Final Year Project - Stephen Reidy
Final Year Project - Stephen ReidyFinal Year Project - Stephen Reidy
Final Year Project - Stephen Reidy
 
The Direct Continuum
The Direct ContinuumThe Direct Continuum
The Direct Continuum
 
20160121123848604
2016012112384860420160121123848604
20160121123848604
 
DRIVE
DRIVEDRIVE
DRIVE
 
MSHA Training Certificates_Terence Whitfield
MSHA Training Certificates_Terence WhitfieldMSHA Training Certificates_Terence Whitfield
MSHA Training Certificates_Terence Whitfield
 
La Dirección
La DirecciónLa Dirección
La Dirección
 
Give the Gift of Love Mailer
Give the Gift of Love MailerGive the Gift of Love Mailer
Give the Gift of Love Mailer
 
Natalia Kosana Goldysiak
Natalia Kosana GoldysiakNatalia Kosana Goldysiak
Natalia Kosana Goldysiak
 
Anupriyappt
AnupriyapptAnupriyappt
Anupriyappt
 
Referance fra Palfinger Dreggen - English
Referance fra Palfinger Dreggen - EnglishReferance fra Palfinger Dreggen - English
Referance fra Palfinger Dreggen - English
 
20141030 Feature-Value DSAA 2014 V6_FINAL
20141030 Feature-Value DSAA 2014 V6_FINAL20141030 Feature-Value DSAA 2014 V6_FINAL
20141030 Feature-Value DSAA 2014 V6_FINAL
 
Michael Knudsen Reccomendation Letter
Michael Knudsen Reccomendation LetterMichael Knudsen Reccomendation Letter
Michael Knudsen Reccomendation Letter
 
Actividades
ActividadesActividades
Actividades
 
Caderno drh 17052011_m
Caderno drh 17052011_mCaderno drh 17052011_m
Caderno drh 17052011_m
 
Horario de clases
Horario de clasesHorario de clases
Horario de clases
 
Akordeon metodu e ftal bugra dodur
Akordeon metodu e ftal bugra dodurAkordeon metodu e ftal bugra dodur
Akordeon metodu e ftal bugra dodur
 

Similar to 2015727 USERDIVE in Cybird LT

20150728 USERDIVE in BPStudy
20150728 USERDIVE in BPStudy20150728 USERDIVE in BPStudy
20150728 USERDIVE in BPStudy
Kuni Nakaji
 
20150912 doda
20150912 doda20150912 doda
20150912 doda
Kuni Nakaji
 
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
de:code 2017
 
出張このべん in 大阪
出張このべん in 大阪出張このべん in 大阪
出張このべん in 大阪Hironobu Saitoh
 
Profile book-proposal
Profile book-proposalProfile book-proposal
Profile book-proposal
ndv_2015
 
原宿で託児所とシステムを作ってみた
原宿で託児所とシステムを作ってみた原宿で託児所とシステムを作ってみた
原宿で託児所とシステムを作ってみた
Kouhei Ohi
 
Windowsアプリ開発の実務で使うUnitTest
Windowsアプリ開発の実務で使うUnitTestWindowsアプリ開発の実務で使うUnitTest
Windowsアプリ開発の実務で使うUnitTest
keitasudo1
 
CloudStack Case Studies in Uniadex | ユニアデックスにおけるCloudStack導入事例
CloudStack Case Studies  in Uniadex | ユニアデックスにおけるCloudStack導入事例CloudStack Case Studies  in Uniadex | ユニアデックスにおけるCloudStack導入事例
CloudStack Case Studies in Uniadex | ユニアデックスにおけるCloudStack導入事例
Katsuya Tanaka
 
Upwind Technology, Inc. Company Profile(Japanese)
Upwind Technology, Inc. Company Profile(Japanese)Upwind Technology, Inc. Company Profile(Japanese)
Upwind Technology, Inc. Company Profile(Japanese)Upwind Technology Inc.
 
今すぐ始める!Ubuntu入門
今すぐ始める!Ubuntu入門今すぐ始める!Ubuntu入門
今すぐ始める!Ubuntu入門
VirtualTech Japan Inc./Begi.net Inc.
 
今すぐ始める!Ubuntu入門
今すぐ始める!Ubuntu入門今すぐ始める!Ubuntu入門
今すぐ始める!Ubuntu入門
VirtualTech Japan Inc./Begi.net Inc.
 
会社にGitHub Enterpriseを導入してみた話
会社にGitHub Enterpriseを導入してみた話会社にGitHub Enterpriseを導入してみた話
会社にGitHub Enterpriseを導入してみた話
Shuji Yamada
 
Developers Summit Summer 2018 - 1日10TB以上の店舗映像を解析するサービスの仕組みとノウハウ
Developers Summit Summer 2018 - 1日10TB以上の店舗映像を解析するサービスの仕組みとノウハウDevelopers Summit Summer 2018 - 1日10TB以上の店舗映像を解析するサービスの仕組みとノウハウ
Developers Summit Summer 2018 - 1日10TB以上の店舗映像を解析するサービスの仕組みとノウハウ
紘之 大田黒
 
1時間でITの流行を理解する
1時間でITの流行を理解する1時間でITの流行を理解する
1時間でITの流行を理解する
Kenichi Inoue
 
UIも大事だよ。という話。@Opt Group Tech Day
UIも大事だよ。という話。@Opt Group Tech DayUIも大事だよ。という話。@Opt Group Tech Day
UIも大事だよ。という話。@Opt Group Tech Day
Tetsuya Takeda
 
Innovation egg 第6回 『io t 今と未来』
Innovation egg 第6回 『io t 今と未来』Innovation egg 第6回 『io t 今と未来』
Innovation egg 第6回 『io t 今と未来』
Hiroyuki Hiki
 
チケット管理システム大決戦第二弾
チケット管理システム大決戦第二弾チケット管理システム大決戦第二弾
チケット管理システム大決戦第二弾
Ryutaro YOSHIBA
 
高速プロトタイピングで失敗しないUI開発 - Developer summit 2016 summer
高速プロトタイピングで失敗しないUI開発 - Developer summit 2016 summer高速プロトタイピングで失敗しないUI開発 - Developer summit 2016 summer
高速プロトタイピングで失敗しないUI開発 - Developer summit 2016 summer
Satoru Yamaguchi
 
Osc tokyo20141019
Osc tokyo20141019Osc tokyo20141019
Osc tokyo20141019
Kiyoshi Ogawa
 
地方とTwilioJP-UGの素敵な関係
地方とTwilioJP-UGの素敵な関係地方とTwilioJP-UGの素敵な関係
地方とTwilioJP-UGの素敵な関係
Hiroyuki Hiki
 

Similar to 2015727 USERDIVE in Cybird LT (20)

20150728 USERDIVE in BPStudy
20150728 USERDIVE in BPStudy20150728 USERDIVE in BPStudy
20150728 USERDIVE in BPStudy
 
20150912 doda
20150912 doda20150912 doda
20150912 doda
 
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
[MW10] Xamarin / OSS プロジェクトを活用したエンタープライズモバイルアプリケーションの実装 - Project Blue Monkey -
 
出張このべん in 大阪
出張このべん in 大阪出張このべん in 大阪
出張このべん in 大阪
 
Profile book-proposal
Profile book-proposalProfile book-proposal
Profile book-proposal
 
原宿で託児所とシステムを作ってみた
原宿で託児所とシステムを作ってみた原宿で託児所とシステムを作ってみた
原宿で託児所とシステムを作ってみた
 
Windowsアプリ開発の実務で使うUnitTest
Windowsアプリ開発の実務で使うUnitTestWindowsアプリ開発の実務で使うUnitTest
Windowsアプリ開発の実務で使うUnitTest
 
CloudStack Case Studies in Uniadex | ユニアデックスにおけるCloudStack導入事例
CloudStack Case Studies  in Uniadex | ユニアデックスにおけるCloudStack導入事例CloudStack Case Studies  in Uniadex | ユニアデックスにおけるCloudStack導入事例
CloudStack Case Studies in Uniadex | ユニアデックスにおけるCloudStack導入事例
 
Upwind Technology, Inc. Company Profile(Japanese)
Upwind Technology, Inc. Company Profile(Japanese)Upwind Technology, Inc. Company Profile(Japanese)
Upwind Technology, Inc. Company Profile(Japanese)
 
今すぐ始める!Ubuntu入門
今すぐ始める!Ubuntu入門今すぐ始める!Ubuntu入門
今すぐ始める!Ubuntu入門
 
今すぐ始める!Ubuntu入門
今すぐ始める!Ubuntu入門今すぐ始める!Ubuntu入門
今すぐ始める!Ubuntu入門
 
会社にGitHub Enterpriseを導入してみた話
会社にGitHub Enterpriseを導入してみた話会社にGitHub Enterpriseを導入してみた話
会社にGitHub Enterpriseを導入してみた話
 
Developers Summit Summer 2018 - 1日10TB以上の店舗映像を解析するサービスの仕組みとノウハウ
Developers Summit Summer 2018 - 1日10TB以上の店舗映像を解析するサービスの仕組みとノウハウDevelopers Summit Summer 2018 - 1日10TB以上の店舗映像を解析するサービスの仕組みとノウハウ
Developers Summit Summer 2018 - 1日10TB以上の店舗映像を解析するサービスの仕組みとノウハウ
 
1時間でITの流行を理解する
1時間でITの流行を理解する1時間でITの流行を理解する
1時間でITの流行を理解する
 
UIも大事だよ。という話。@Opt Group Tech Day
UIも大事だよ。という話。@Opt Group Tech DayUIも大事だよ。という話。@Opt Group Tech Day
UIも大事だよ。という話。@Opt Group Tech Day
 
Innovation egg 第6回 『io t 今と未来』
Innovation egg 第6回 『io t 今と未来』Innovation egg 第6回 『io t 今と未来』
Innovation egg 第6回 『io t 今と未来』
 
チケット管理システム大決戦第二弾
チケット管理システム大決戦第二弾チケット管理システム大決戦第二弾
チケット管理システム大決戦第二弾
 
高速プロトタイピングで失敗しないUI開発 - Developer summit 2016 summer
高速プロトタイピングで失敗しないUI開発 - Developer summit 2016 summer高速プロトタイピングで失敗しないUI開発 - Developer summit 2016 summer
高速プロトタイピングで失敗しないUI開発 - Developer summit 2016 summer
 
Osc tokyo20141019
Osc tokyo20141019Osc tokyo20141019
Osc tokyo20141019
 
地方とTwilioJP-UGの素敵な関係
地方とTwilioJP-UGの素敵な関係地方とTwilioJP-UGの素敵な関係
地方とTwilioJP-UGの素敵な関係
 

2015727 USERDIVE in Cybird LT