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