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
カンファレンスのつくりかた / The Conference Code: What Makes It All Work
tomzoh
9
1.1k
低レイヤを知りたいPHPerのためのCコンパイラ作成入門 / Building a C Compiler for PHPers Who Want to Dive into Low-Level Programming
tomzoh
1
320
PHPで印刷所に入稿できる名札データを作る / Generating Print-Ready Name Tag Data with PHP
tomzoh
0
490
asumikamというカンファレンスオーガナイザの凄さを語る / The Brilliance of Asumikam
tomzoh
1
450
なぜキャッシュメモリは速いのか 余談集 / Why is Cache Memory So Fast? Extended.
tomzoh
0
240
なぜキャッシュメモリは速いのか / Why is Cache Memory So Fast?
tomzoh
3
1.5k
PHPからはじめるコンピュータアーキテクチャ 15分ダイジェスト版 / PHP Meets Silicon: A Fun Dive into Computer Structures 15mins ver
tomzoh
2
300
PHPでXOAUTH2を使ってGmailからメールを取り込む / Getting Mail from Gmail with XOAUTH2 in PHP
tomzoh
0
590
PHPからはじめるコンピュータア ーキテクチャ / PHP Meets Silicon: A Fun Dive into Computer Structures PHP Conference 2023 ver
tomzoh
0
420
Other Decks in Technology
See All in Technology
医療業界に特化した音声認識モデル構築のためのアノテーションの実態
thickstem
0
520
AIエージェントのフレームワークを見るときの個人的注目ポイント
os1ma
1
420
Amazon DevOps Guru のベースラインを整備して1ヶ月ほど運用してみた #jawsug_asa / Amazon DevOps Guru trial
masahirokawahara
3
220
AI とペアプロしてわかった 3 つのヒューマンエラー
takahiroikegawa
1
580
Two-Tower モデルで実現する 検索リランキング / Shibuya_AI_2
visional_engineering_and_design
2
140
セキュリティSaaS企業が実践するCursor運用ルールと知見 / How a Security SaaS Company Runs Cursor: Rules & Insights
tetsuzawa
1
3.3k
キャッシュレス決済のプロダクトから決済基盤への進化
b1a9id
0
220
OpenTelemetry Collector internals
ymotongpoo
4
400
上長や社内ステークホルダーに対する解像度を上げて、より良い補完関係を築く方法 / How-to-increase-resolution-and-build-better-complementary-relationships-with-your-bosses-and-internal-stakeholders
madoxten
5
950
MCPを利用して自然言語で3Dプリントしてみよう!
hamadakoji
0
1.3k
SwiftUI Transaction を徹底活用!ZOZOTOWN UI開発での活用事例
tsuzuki817
1
470
組織とセキュリティ文化と、自分の一歩
maimyyym
3
1.4k
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
5.6k
The Power of CSS Pseudo Elements
geoffreycrofte
76
5.8k
Rails Girls Zürich Keynote
gr2m
94
13k
YesSQL, Process and Tooling at Scale
rocio
172
14k
For a Future-Friendly Web
brad_frost
179
9.8k
Automating Front-end Workflow
addyosmani
1370
200k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.3k
Done Done
chrislema
184
16k
Designing for Performance
lara
609
69k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.5k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Code Reviewing Like a Champion
maltzj
524
40k
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とは思えない確率で ひっくりかえった状態になる