CreatorsMeetUp22の登壇資料です。 第22回 Creators MeetUp https://atnd.org/events/58281 （登壇情報が公開され次第、URL差し替えます。） Session01「あるイベントに向けTwitterAPIを試行錯誤した話。あるいは、その制作の進め方について。」 特定のハッシュタグをつけた投稿が、リアルタイムにイベント現場でメッセージが流れるというコンテンツを、あるイベントへ向けて制作しました。 その際に、最近のTwitterAPIに触れて、あれこれ試行錯誤をした舞台裏。また、どのように当日まで制作の進めていったかについてもお伝えします！ ◆スライド内の素材は以下を使用させて頂いております。ありがとうございます！ ・商用フリーで使える影絵素材サイト シルエットデザイン →　http://kage-design.com/ ・human pictogram 2.0 →　http://pictogram2.com/

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

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

3. 自己紹介
3

4. 田中正吾（たなかせいご）
屋号：ワンフットシーバス
2004年よりフリーランス。
以後、FLASH制作を中心にインタラクティブコ
ンテンツを主に行い現在に至る。
最近は、JavaScriptやHTML5アニメーショ
ン、スマートフォン演出制作のワークフロー改
善に関わったりしていました。
4

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

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

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

8. さてはじめましょう
8

9. 時は2014年9月初旬
＃
9

10. BlueLineTokyoというイベント
＃
10

11. 特定のハッシュタグをつけた投稿が、
リアルタイムにイベント現場でメッセージ
が流れるというコンテンツを、あるイベン
トへ向けて制作しました。
＃
11

12. こんなかんじ。
12

13. こんなかんじ
13

14. 動くとこんな感じ
14

15. 15

16. 16

17. しくみ
17

18. 自前DB
Twitter
API
1分ごと
チェック
cron
ハッシュ
検索
PHP
貯める 探す見せる
ツイート
取得
PHP
18

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

20. 制作スケジュール
20

21. 期間は1ヶ月
21

22. 1日に動ける時間
1h
1h
1h
1h
1h
1h
1h
1h
1h
1h
1h
1h
1h
1時間
22

23. 他業務もあっての1日に動ける時間
1h
1h
1h
1h
1h
1h
1h
1h
1h
1h
1h
1h
1h
1h
1h
1h
1～3時間
23

24. 他業務もあっての1ヶ月
24

25. 合算
25

26. 合算
26

27. 合算→案外少ない！
例：48時間
||
フル6日程度
27

28. いけるいける！
28

29. TwitterAPIと私
29

30. Twitter API v1.0の時期
RSSフィードで取得したり
APIからデータ取得を
行っていたことはあった
30

31. 久々に使ってみるぜー
31

32. Twitter API v1.0
32

33. Twitter API v1.1
33

34. Twitter API v1.1
[GET search/tweets]
OAuth認証が必須
返ってくるJSONの構成が違う
時間あたりのリクエスト回数制限がきつく
XML/Atom/RSSが廃止。JSONのみに。
15分の呼び出し毎に規定に
1回のAPIで取得できる上限は100件
などなど…
34

35. Twitter API v1.1
[GET search/tweets]
OAuth認証が必須
返ってくるJSONの構成が違う
時間あたりのリクエスト回数制限がきつく
XML/Atom/RSSが廃止。JSONのみに。
15分の呼び出し毎に規定に
1回のAPIで取得できる上限は100件
取得する作法がややこしくなり
35

36. Twitter API v1.1
[GET search/tweets]
OAuth認証が必須
返ってくるJSONの構成が違う
時間あたりのリクエスト回数制限がきつく
XML/Atom/RSSが廃止。JSONのみに。
15分の呼び出し毎に規定に
1回のAPIで取得できる上限は100件
取れる情報は少なく
36

37. Twitter API v1.1
[GET search/tweets]
OAuth認証が必須
返ってくるJSONの構成が違う
時間あたりのリクエスト回数制限がきつく
XML/Atom/RSSが廃止。JSONのみに。
15分の呼び出し毎に規定に
1回のAPIで取得できる上限は100件
リクエスト制限もきつめに
37

38. Twitter
API
探す見せる
ツイート
取得
このつもりが・・・
リアルタイムにざくっと取得しよう
サーバーサイド書かなくてもいいかな
みんなもアクセスして見れるように
38

39. 複数人でアクセスすると
簡単に制限上限越えてしまう
いざ当日ペナルティでブロックはまずい
Twitter
API
探す見せる
ツイート
取得
うおおお・・・？
一回貯めないと気軽に取れない？
39

40. うおー？
40

41. 自前DB
Twitter
API
1分ごと
チェック
cron
ハッシュ
検索
PHP
貯める 探す見せる
ツイート
取得
PHP
貯める仕組みが必要になった
41

42. このしくみにパワーをかけることに！
自前DB
Twitte
API
1分ごと
チェック
cron
ハッシュ
検索
PHP
貯める 探す
42

43. 自前DB
Twitter
API
1分ごと
チェック
cron
ハッシュ
検索
PHP
ツイート
取得
PHP
このしくみにパワーをかけることに！
＜
43

44. 見せるほうが楽しみなのにっ
自前DB
ツイート
取得
PHP
44

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

46. 自前DB
Twitter
API
1分ごと
チェック
cron
ハッシュ
検索
PHP
ツイート
取得
PHP
これはもうしょうがない
＜
46

47. 自前DB
Twitter
API
1分ごと
チェック
cron
ハッシュ
検索
PHP
ツイート
取得
PHP
見た目がいくら出来ても
データ周りをしっかりしないと
完成しない予感
47

48. ギリギリまでデータ周りを整えて
得意な表示部分は最後一気に仕上げる進行
見せる
探す・貯める
（データ）
48

49. なんとか仕上がった！
49

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

51. でも当日の雰囲気どうなんだ？
（もともと当日はスタッフとして参加でした）
見せる
・貯める
データ）
当日も
チューニング
51

52. 当日のチューニング
52

53. チューニングできるように準備
Mac mini
Chromeで表示
プロジェクター
ノートPC WEB
サーバー
更新 手動リロード
無線LAN完備ありがたし
53

54. チューニング1
光量が他照明に負けてるので
メリハリを出した
54

55. チューニング2
テキスト部分のレイアウト調整
文字大きくしたり
55

56. チューニング3
新規投稿に頼った仕組みだったが
投稿量が予想より多くないので
既存ツイートを
ほどよくランダムで取得するように
＃ ＃ ＃ ＃ ＃
56

57. チューニング4
写真投稿がかなり多いので
写真表示できるように
57

58. 現場に行かないとわからないこともあり
なかなか楽しかった！
58

59. ふりかえり（ソロKPT）
Keep
Problem
Try
59

60. KPTとは
Via. ITmedia エンタープライズ > 情報マネジメント用語辞典 > 情報マネジメント用語辞典：KPT（けいぴーてぃー）
http://www.itmedia.co.jp/im/articles/0905/19/news143.html
60

61. KPTとは
Via. ITmedia エンタープライズ > 情報マネジメント用語辞典 > 情報マネジメント用語辞典：KPT（けいぴーてぃー）
http://www.itmedia.co.jp/im/articles/0905/19/news143.html
やってみる
61

62. 設置場所が読みきれなかった
ハッシュタグの運用が読みきれなかった
検証のテストメッセージを作るのが大変
直前まで作っていた
いろいろ…
Problem「問題点」
62

63. 当日チューニングは制作物を生かすために続けたい
データ貯めて制限気にせず取り放題は続けたい
一方のPCで開発し別PCで投影するのは続けたい
写真を流すのは面白かったのでは続けたい
ゆるく周辺の人に進捗話しながら
進められたのは作るココロの維持に効果
Keep「継続」
63

64. Twitter以外のメッセージも連携すると楽しいかも
やっぱり下見に行くべき
来れなかった人も投稿や見れたりできるといいかも
半月前くらいにみんなでテストしたい（早く作ろう）
クーロンやりにくいのでnode.jsで回してみたい
Try「挑戦」
64

65. まとめ
65

66. 業務外の制作は
案外あっという間にすぎるので
ある程度の時間感覚は持っておく
66

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

68. イベント関連の制作は
現場に左右されるので
当日チューニングの心構えはアリ
当日までに作れってのはあるけど現場で作るのも楽しい
見せる
探す・貯める
（データ）
当日も
チューニング
68

69. 打診してくれたり、場を用意していただいたり
当日のイベントのスタッフの方々、
制作途中で相談に乗ってくれたりと
出来上がるまでのいろいろな方々に感謝

70. やはり仕上がると楽しい

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