Discovered Something New?

builderscon tokyo 2017のLT資料です！

Transcript

1. Discovered Something New?
   長谷川 智希
   @tomzoh
   

   View Slide

2. 長谷川 智希
   デジタルサーカス株式会社 副団長CTO
   Digital Circus, Inc. Vice-master CTO
   Tokyo, Japan
   @tomzoh
   

   View Slide

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
   

   View Slide

4. View Slide

5. View Slide

6. WE ARE HIRING!!
   Web Development with
   http://www.dgcircus.com
   Omotesando, Tokyo
   

   View Slide

7. Discovered Something New?
   長谷川 智希
   @tomzoh
   

   View Slide

8. 好きなもの: ベストトーク賞
   

   View Slide

9. ベストトーク賞
   • YAPC::Asia Tokyo 2015 で始めて「ベストトーク賞」を

   体験。（来場者として）
   • オモシロイ！
   • 大好き！
   

   View Slide

10. View Slide

11. View Slide

12. 盛り上がったし楽しかった
    

    View Slide

13. 閑話休題
    

    View Slide

14. ワンモア好きなもの: 名札
    

    View Slide

15. 名札？
    

    View Slide

16. 現代社会の問題
    •オンラインコミュニケーション
    •名前と顔とアイコンとアカウント名が

    一致しない
    

    View Slide

17. ソリューション
    •全員が名札を着用する
    •名札にはSNSアイコンを印刷する
    

    View Slide

18. View Slide

19. 名札
    ベストトーク賞
    

    View Slide

20. やりたいです！
    

    View Slide

21. 出来上がったのがこちら:
    

    View Slide

22. View Slide

23. View Slide

24. SNSアイコン と QR
    

    View Slide

25. 困難がいろいろある
    

    View Slide

26. 困難1: どうやって印刷すんの？
    

    View Slide

27. 見当も付かない
    

    View Slide

28. 知らない概念はググれない
    

    View Slide

29. 魔法のことば:
    

    View Slide

30. バリアブル印刷
    

    View Slide

31. バリアブル印刷
    •差し込み印刷。
    •aiと画像ファイルとCSVを入稿する。
    •ネットよりリアル印刷屋さんがお勧め。
    

    View Slide

32. 困難2: 画像集める
    

    View Slide

33. SNSアイコン
    •ここにアップロードしてくださいね。
    •SNSアカウント教えてね。
    

    View Slide

34. View Slide

35. View Slide

36. with no validations
    

    View Slide

37. 何が起きるか
    

    View Slide

38. ひとことで言うと:
    

    View Slide

39. フリーダム
    

    View Slide

40. Twitterアカウントのパターン
    • @なしアカウント名
    • @付きアカウント名
    • http://twitter.com/アカウント名
    • https://twitter.com/アカウント名
    • twitter.com/アカウント名
    • twitter.com のところが mobile.twitter.com になってるパターン
    

    View Slide

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;
    }
    

    View Slide

42. ふう。アカウントが揃った。
    

    View Slide

43. めんどくさかったな。
    

    View Slide

44. さて、画像を取得しよう。
    

    View Slide

45. Twitterアイコン取得の難
    •TwitterAPIを叩く必要がある
    •正方形でない場合がある
    •画像フォーマット、拡張子、サイズに

    おおらか
    

    View Slide

46. 出てきた拡張子
    +1( +1&(
    KQH KQFH QOH HJG
    

    View Slide

47. サイズ
    •48 x 48 〜 2,105 x 2,105
    

    View Slide

48. Twitter氏おおらかすぎでは
    

    View Slide

49. SNSアイコン推奨サイズ
    •今回の名札、40mm x 40mm 

    （= 1.6inch x 1.6inch）
    •350dpi = 350 dots per inch
    •560px x 560px あると理想的だった！
    

    View Slide

50. Twitter以外は
    •GitHub: アカウント名から機械的に画像URL
    が決まる。けど、全員がアカウントあると
    は思えない。
    •Facebook: GraphAPIで取れなくなった。

    暗黒魔法を使った。
    

    View Slide

51. どれも結構つらい
    

    View Slide

52. これからやる方がんばって
    

    View Slide

53. 困難3: チケット販売期限と入稿期限の戦い
    

    View Slide

54. そんな困難を乗り越えて…
    

    View Slide

55. View Slide

56. View Slide

57. • 投票してね！
    • 投票はいつでもできるし

    いつでも変更できます！
    

    View Slide

58. • 投票してね！
    • 投票はいつでもできるし

    いつでも変更できます！
    

    View Slide

59. • 投票してね！
    • 投票はいつでもできるし

    いつでも変更できます！
    

    View Slide

60. 何故こんなことを言うのか
    

    View Slide

61. このシステムの管理画面:
    

    View Slide

62. View Slide

63. View Slide

64. 投票してください！
    

    View Slide

65. してくれるよね？
    

    View Slide

66. 1階席〜！
    

    View Slide

67. 2階席〜！
    

    View Slide

68. よろしく〜！
    

    View Slide

69. さて…
    

    View Slide

70. View Slide

71. View Slide

72. Discover Something New
    

    View Slide

73. Discover Something New
    

    View Slide

74. Discover Something New
    知識、情熱、興奮
    

    View Slide

75. Discover Something New
    知識、情熱、興奮
    人とのつながり
    

    View Slide

76. Discovered Something New?
    

    View Slide

77. View Slide

78. 懇親会 & 明日 名札を活用して

    Discover Something New してください！
    

    View Slide

79. Thanks
    @tomzoh
    #builderscon / ブログ / 懇親会
    

    View Slide

80. View Slide

81. View Slide

82. Q: なぜ2つ折り名札なのか
    

    View Slide

83. A: 名札は1/2とは思えない確率で

    ひっくりかえった状態になる
    

    View Slide