Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Discovered Something New?

Discovered Something New?

builderscon tokyo 2017のLT資料です!

HASEGAWA Tomoki

August 04, 2017
Tweet

More Decks by HASEGAWA Tomoki

Other Decks in Technology

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