Discovered Something New?

builderscon tokyo 2017のLT資料です！

Transcript

1. Discovered Something New? 長谷川 智希 @tomzoh
2. 長谷川 智希 デジタルサーカス株式会社 副団長CTO Digital Circus, Inc. Vice-master CTO Tokyo, Japan @tomzoh
3. ライフワーク: Web / iOSアプリ開発, ビール, 電子工作,
 サッカー観戦, レンタルカートレース, … 長谷川 智希 Web / iOS App Development, Beer, IoT, Watch soccer match, Rental Kart Racing, … デジタルサーカス株式会社 副団長CTO Digital Circus, Inc. Vice-master CTO Tokyo, Japan Lifeworks: @tomzoh
6. WE ARE HIRING!! Web Development with http://www.dgcircus.com Omotesando, Tokyo
7. Discovered Something New? 長谷川 智希 @tomzoh
8. 好きなもの: ベストトーク賞
9. ベストトーク賞 • YAPC::Asia Tokyo 2015 で始めて「ベストトーク賞」を
 体験。（来場者として） • オモシロイ！ • 大好き！
12. 盛り上がったし楽しかった
13. 閑話休題
14. ワンモア好きなもの: 名札
15. 名札？
16. 現代社会の問題 •オンラインコミュニケーション •名前と顔とアイコンとアカウント名が
 一致しない
17. ソリューション •全員が名札を着用する •名札にはSNSアイコンを印刷する
19. 名札 ベストトーク賞
20. やりたいです！
21. 出来上がったのがこちら:
24. SNSアイコン と QR
25. 困難がいろいろある
26. 困難1: どうやって印刷すんの？
27. 見当も付かない
28. 知らない概念はググれない
29. 魔法のことば:
30. バリアブル印刷
31. バリアブル印刷 •差し込み印刷。 •aiと画像ファイルとCSVを入稿する。 •ネットよりリアル印刷屋さんがお勧め。
32. 困難2: 画像集める
33. SNSアイコン •ここにアップロードしてくださいね。 •SNSアカウント教えてね。
36. with no validations
37. 何が起きるか
38. ひとことで言うと:
39. フリーダム
40. Twitterアカウントのパターン • @なしアカウント名 • @付きアカウント名 • http://twitter.com/アカウント名 • https://twitter.com/アカウント名 • twitter.com/アカウント名 • twitter.com のところが mobile.twitter.com になってるパターン
41. public function normalizeTwitter($string) { $string = str_replace('https://', '', $string); $string = str_replace('http://', '', $string); $string = str_replace('mobile.twitter.com/', '', $string); $string = str_replace('twitter.com/', '', $string); if (substr($string, 0, 1) === '@'){ $string = substr($string, 1); } if (substr($string, -1, 1) === '/'){ $string = substr($string, 0, -1); } return $string; }
42. ふう。アカウントが揃った。
43. めんどくさかったな。
44. さて、画像を取得しよう。
45. Twitterアイコン取得の難 •TwitterAPIを叩く必要がある •正方形でない場合がある •画像フォーマット、拡張子、サイズに
 おおらか
46. 出てきた拡張子 +1( +1&( KQH KQFH QOH HJG
47. サイズ •48 x 48 〜 2,105 x 2,105
48. Twitter氏おおらかすぎでは
49. SNSアイコン推奨サイズ •今回の名札、40mm x 40mm 
 （= 1.6inch x 1.6inch） •350dpi = 350 dots per inch •560px x 560px あると理想的だった！
50. Twitter以外は •GitHub: アカウント名から機械的に画像URL が決まる。けど、全員がアカウントあると は思えない。 •Facebook: GraphAPIで取れなくなった。
 暗黒魔法を使った。
51. どれも結構つらい
52. これからやる方がんばって
53. 困難3: チケット販売期限と入稿期限の戦い
54. そんな困難を乗り越えて…
57. • 投票してね！ • 投票はいつでもできるし
 いつでも変更できます！
58. • 投票してね！ • 投票はいつでもできるし
 いつでも変更できます！
59. • 投票してね！ • 投票はいつでもできるし
 いつでも変更できます！
60. 何故こんなことを言うのか
61. このシステムの管理画面:
64. 投票してください！
65. してくれるよね？
66. 1階席〜！
67. 2階席〜！
68. よろしく〜！
69. さて…
72. Discover Something New
73. Discover Something New
74. Discover Something New 知識、情熱、興奮
75. Discover Something New 知識、情熱、興奮 人とのつながり
76. Discovered Something New?
78. 懇親会 & 明日 名札を活用して
 Discover Something New してください！
79. Thanks @tomzoh #builderscon / ブログ / 懇親会
82. Q: なぜ2つ折り名札なのか
83. A: 名札は1/2とは思えない確率で
 ひっくりかえった状態になる