20141115 CreatorsMeetup22

あるイベントに向けTwitterAPIを試行錯誤した話。あるいは、その制作の進め方について。

＃

私の本ライトニングトーク（LT）は、スライドは後ほど共有しますので、話す内容に注力いただいて大丈夫です！

2

自己紹介

3

田中正吾（たなかせいご）屋号：ワンフットシーバス

2004年よりフリーランス。

以後、FLASH制作を中心にインタラクティブコンテンツを主に行い現在に至る。

最近は、JavaScriptやHTML5アニメーション、スマートフォン演出制作のワークフロー改善に関わったりしていました。

4

iPadアプリ作ったりしています

5

HTML5アニメーション作ったりしています

6

デジタルサイネージ作ったりしてます

！

7

さてはじめましょう

8

時は2014年9月初旬＃

9

BlueLineTokyoというイベント

＃

10

特定のハッシュタグをつけた投稿が、リアルタイムにイベント現場でメッセージが流れるというコンテンツを、あるイベン

トへ向けて制作しました。

＃

11

こんなかんじ。

12

こんなかんじ

13

動くとこんな感じ

14

15

16

しくみ

17

自前DB

TwitterAPI

1分ごとチェック

cron

ハッシュ検索PHP

貯める探す見せる

ツイート取得PHP

18

こちらについてあれこれと話します

19

制作スケジュール

20

期間は1ヶ月

21

1日に動ける時間

1h

1h

1h

1h

1h

1h

1h

1h

1h

1h

1h

1h

1h

1時間

22

他業務もあっての1日に動ける時間

1h

1h

1h

1h

1h

1h

1h

1h

1h

1h

1h

1h

1h

1h

1h

1h

1～3時間

23

他業務もあっての1ヶ月

24

合算

25

合算

26

合算→案外少ない！

例：48時間||

フル6日程度

27

いけるいける！

28

TwitterAPIと私

29

Twitter API v1.0の時期

RSSフィードで取得したりAPIからデータ取得を

行っていたことはあった

30

久々に使ってみるぜー

31

Twitter API v1.0

32

Twitter API v1.1

33

Twitter API v1.1[GET search/tweets]

OAuth認証が必須返ってくるJSONの構成が違う

時間あたりのリクエスト回数制限がきつくXML/Atom/RSSが廃止。JSONのみに。

15分の呼び出し毎に規定に1回のAPIで取得できる上限は100件

などなど…

34





取得する作法がややこしくなり

35





取れる情報は少なく

36





リクエスト制限もきつめに

37

TwitterAPI

探す見せる

ツイート取得

このつもりが・・・

リアルタイムにざくっと取得しよう

サーバーサイド書かなくてもいいかな

みんなもアクセスして見れるように

38

複数人でアクセスすると簡単に制限上限越えてしまう

いざ当日ペナルティでブロックはまずい

TwitterAPI

探す見せる

ツイート取得

うおおお・・・？

一回貯めないと気軽に取れない？

39

うおー？

40

自前DB

TwitterAPI


cron


貯める探す見せる


貯める仕組みが必要になった

41

このしくみにパワーをかけることに！

自前DB

TwitteAPI


cron


貯める探す

42

自前DB

TwitterAPI


cron



このしくみにパワーをかけることに！

＜

43

見せるほうが楽しみなのにっ

自前DB


44

そのうえで作りながら作戦練る

45

自前DB

TwitterAPI


cron



これはもうしょうがない

＜

46

自前DB

TwitterAPI


cron



見た目がいくら出来てもデータ周りをしっかりしないと

完成しない予感

47

ギリギリまでデータ周りを整えて得意な表示部分は最後一気に仕上げる進行

見せる探す・貯める（データ）

48

なんとか仕上がった！

49

でも当日の雰囲気どうなんだい？

（もともと当日はスタッフとして参加でした）

50

でも当日の雰囲気どうなんだ？（もともと当日はスタッフとして参加でした）

見せる・貯める

データ）当日も

チューニング

51

当日のチューニング

52

チューニングできるように準備

Mac miniChromeで表示

プロジェクター

ノートPC WEBサーバー

更新手動リロード

無線LAN完備ありがたし

53

チューニング1

光量が他照明に負けてるのでメリハリを出した

54

チューニング2

テキスト部分のレイアウト調整文字大きくしたり

55

チューニング3

新規投稿に頼った仕組みだったが投稿量が予想より多くないので

既存ツイートをほどよくランダムで取得するように

＃＃＃＃＃

56

チューニング4

写真投稿がかなり多いので写真表示できるように

57

現場に行かないとわからないこともあり

なかなか楽しかった！

58

ふりかえり（ソロKPT）

Keep

Problem

Try

59

KPTとはVia. ITmedia エンタープライズ > 情報マネジメント用語辞典 > 情報マネジメント用語辞典：KPT（けいぴーてぃー）

http://www.itmedia.co.jp/im/articles/0905/19/news143.html

60

KPTとはVia. ITmedia エンタープライズ > 情報マネジメント用語辞典 > 情報マネジメント用語辞典：KPT（けいぴーてぃー）

http://www.itmedia.co.jp/im/articles/0905/19/news143.html

やってみる

61

設置場所が読みきれなかった

ハッシュタグの運用が読みきれなかった

検証のテストメッセージを作るのが大変

直前まで作っていた

いろいろ…

Problem「問題点」

62

当日チューニングは制作物を生かすために続けたいデータ貯めて制限気にせず取り放題は続けたい

一方のPCで開発し別PCで投影するのは続けたい

写真を流すのは面白かったのでは続けたい

ゆるく周辺の人に進捗話しながら進められたのは作るココロの維持に効果

Keep「継続」

63

Twitter以外のメッセージも連携すると楽しいかも

やっぱり下見に行くべき

来れなかった人も投稿や見れたりできるといいかも

半月前くらいにみんなでテストしたい（早く作ろう）

クーロンやりにくいのでnode.jsで回してみたい

Try「挑戦」

64

まとめ

65

業務外の制作は案外あっという間にすぎるので

ある程度の時間感覚は持っておく

66

予想外のことは起きるのでなるべく早めに見直し軌道修正はする

67

イベント関連の制作は現場に左右されるので

当日チューニングの心構えはアリ

当日までに作れってのはあるけど現場で作るのも楽しい

見せる探す・貯める（データ）

当日もチューニング

68

打診してくれたり、場を用意していただいたり当日のイベントのスタッフの方々、制作途中で相談に乗ってくれたりと

出来上がるまでのいろいろな方々に感謝

やはり仕上がると楽しい

ご清聴ありがとうございました！

＃

Technology

20141115 CreatorsMeetup22