Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Discovered Something New?
Search
HASEGAWA Tomoki
August 04, 2017
Technology
1
3.6k
Discovered Something New?
builderscon tokyo 2017のLT資料です!
HASEGAWA Tomoki
August 04, 2017
Tweet
Share
More Decks by HASEGAWA Tomoki
See All by HASEGAWA Tomoki
PHPからはじめるコンピュータアーキテクチャ / From Scripts to Silicon: A Journey Through the Layers of Computing
tomzoh
2
150
低レイヤを知りたいPHPerのためのCコンパイラ作成入門 完全版 / Building a C Compiler for PHPers Who Want to Dive into Low-Level Programming - Expanded
tomzoh
4
3.5k
カンファレンスのつくりかた / The Conference Code: What Makes It All Work
tomzoh
9
1.6k
低レイヤを知りたいPHPerのためのCコンパイラ作成入門 / Building a C Compiler for PHPers Who Want to Dive into Low-Level Programming
tomzoh
1
600
PHPで印刷所に入稿できる名札データを作る / Generating Print-Ready Name Tag Data with PHP
tomzoh
0
560
asumikamというカンファレンスオーガナイザの凄さを語る / The Brilliance of Asumikam
tomzoh
1
490
なぜキャッシュメモリは速いのか 余談集 / Why is Cache Memory So Fast? Extended.
tomzoh
0
270
なぜキャッシュメモリは速いのか / Why is Cache Memory So Fast?
tomzoh
3
1.6k
PHPからはじめるコンピュータアーキテクチャ 15分ダイジェスト版 / PHP Meets Silicon: A Fun Dive into Computer Structures 15mins ver
tomzoh
2
310
Other Decks in Technology
See All in Technology
How to Quickly Call American Airlines®️ U.S. Customer Care : Full Guide
flyaahelpguide
0
240
Introduction to Sansan for Engineers / エンジニア向け会社紹介
sansan33
PRO
5
39k
Microsoft Defender XDRで疲弊しないためのインシデント対応
sophiakunii
2
330
Deep Security Conference 2025:生成AI時代のセキュリティ監視 /dsc2025-genai-secmon
mizutani
4
3k
安定した基盤システムのためのライブラリ選定
kakehashi
PRO
3
140
全部AI、全員Cursor、ドキュメント駆動開発 〜DevinやGeminiも添えて〜
rinchsan
10
5.2k
OpenTelemetryセマンティック規約の恩恵とMackerel APMにおける活用例 / SRE NEXT 2025
mackerelio
3
2k
RapidPen: AIエージェントによる高度なペネトレーションテスト自動化の研究開発
laysakura
1
180
Semantic Machine Intelligence for Vision, Language, and Actions
keio_smilab
PRO
1
140
20250718_ITSurf_“Bet AI”を支える文化とコストマネジメント
helosshi
0
110
VS CodeとGitHub Copilotで爆速開発!アップデートの波に乗るおさらい会 / Rapid Development with VS Code and GitHub Copilot: Catch the Latest Wave
yamachu
3
480
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
6.9k
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Code Review Best Practice
trishagee
69
19k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Adopting Sorbet at Scale
ufuk
77
9.5k
Speed Design
sergeychernyshev
32
1k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
Raft: Consensus for Rubyists
vanstee
140
7k
Visualization
eitanlees
146
16k
Automating Front-end Workflow
addyosmani
1370
200k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
750
Transcript
Discovered Something New? 長谷川 智希 @tomzoh
長谷川 智希 デジタルサーカス株式会社 副団長CTO Digital Circus, Inc. Vice-master CTO Tokyo,
Japan @tomzoh
ライフワーク: 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
None
None
WE ARE HIRING!! Web Development with http://www.dgcircus.com Omotesando, Tokyo
Discovered Something New? 長谷川 智希 @tomzoh
好きなもの: ベストトーク賞
ベストトーク賞 • YAPC::Asia Tokyo 2015 で始めて「ベストトーク賞」を 体験。(来場者として) • オモシロイ! •
大好き!
None
None
盛り上がったし楽しかった
閑話休題
ワンモア好きなもの: 名札
名札?
現代社会の問題 •オンラインコミュニケーション •名前と顔とアイコンとアカウント名が 一致しない
ソリューション •全員が名札を着用する •名札にはSNSアイコンを印刷する
None
名札 ベストトーク賞
やりたいです!
出来上がったのがこちら:
None
None
SNSアイコン と QR
困難がいろいろある
困難1: どうやって印刷すんの?
見当も付かない
知らない概念はググれない
魔法のことば:
バリアブル印刷
バリアブル印刷 •差し込み印刷。 •aiと画像ファイルとCSVを入稿する。 •ネットよりリアル印刷屋さんがお勧め。
困難2: 画像集める
SNSアイコン •ここにアップロードしてくださいね。 •SNSアカウント教えてね。
None
None
with no validations
何が起きるか
ひとことで言うと:
フリーダム
Twitterアカウントのパターン • @なしアカウント名 • @付きアカウント名 • http://twitter.com/アカウント名 • https://twitter.com/アカウント名 •
twitter.com/アカウント名 • twitter.com のところが mobile.twitter.com になってるパターン
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; }
ふう。アカウントが揃った。
めんどくさかったな。
さて、画像を取得しよう。
Twitterアイコン取得の難 •TwitterAPIを叩く必要がある •正方形でない場合がある •画像フォーマット、拡張子、サイズに おおらか
出てきた拡張子 +1( +1&( KQH KQFH QOH HJG
サイズ •48 x 48 〜 2,105 x 2,105
Twitter氏おおらかすぎでは
SNSアイコン推奨サイズ •今回の名札、40mm x 40mm (= 1.6inch x 1.6inch) •350dpi
= 350 dots per inch •560px x 560px あると理想的だった!
Twitter以外は •GitHub: アカウント名から機械的に画像URL が決まる。けど、全員がアカウントあると は思えない。 •Facebook: GraphAPIで取れなくなった。 暗黒魔法を使った。
どれも結構つらい
これからやる方がんばって
困難3: チケット販売期限と入稿期限の戦い
そんな困難を乗り越えて…
None
None
• 投票してね! • 投票はいつでもできるし いつでも変更できます!
• 投票してね! • 投票はいつでもできるし いつでも変更できます!
• 投票してね! • 投票はいつでもできるし いつでも変更できます!
何故こんなことを言うのか
このシステムの管理画面:
None
None
投票してください!
してくれるよね?
1階席〜!
2階席〜!
よろしく〜!
さて…
None
None
Discover Something New
Discover Something New
Discover Something New 知識、情熱、興奮
Discover Something New 知識、情熱、興奮 人とのつながり
Discovered Something New?
None
懇親会 & 明日 名札を活用して Discover Something New してください!
Thanks @tomzoh #builderscon / ブログ / 懇親会
None
None
Q: なぜ2つ折り名札なのか
A: 名札は1/2とは思えない確率で ひっくりかえった状態になる