2018/7/15に開催された高専カンファレンス in 東京 2018にて発表した「半自動で写真をアップロードしたい俺達は」のスライドになります
半⾃動で写真をアップロードしたい俺たちはどくぴー @e10dokup⾼専カンファレンス in 東京 2018 (2018/7/15) @ DMM.com
View Slide
突然ですが本⽇1時頃の画像を御覧ください
突然ですが本⽇1時頃の画像を御覧ください時間がな…⾜りなかったんや…
• 和⽥ 佳⼤ / どくぴー / @e10dokup• みぎの へんなのが めじるしだ ！• 明⽯⾼専 → 神⼾⼤学 → サイバーエージェント（今）• kosen10s っていう変な集団にいます• イベント運営巻き込まれおじさん• DroidKaigi• 情報科学若⼿の会• etc.• 趣味：カメラ、ガジェット、レース観戦、レースゲーム⾃⼰紹介ʗΒʔΜʘ
カメラ
• PENTAX K-S2を買っただけだと思っていた2年前• 気付いたらレンズが3本増え• Sony α7IIが増えレンズの価格に震えおののき• 社内では広報なの？って⾔われるように沼にハマった
不注意で機材が多様化してしまった
楽しい！！
でもいろいろやっていると問題も…よ〜〜〜し、いっぱい撮ったしアップロードしちゃうぞ〜〜
でもいろいろやっていると問題も…おおん
アップロード割とダルい問題
• いっぱい撮った写真のアップロード⽅法• （厳選する）• 今回はここには⽬をつむることとする• Google PhotosやFlickrにD&Dして上がるのを待つ• 稀によく途中で失敗して悲しい気持ちになる• イベントなんかで写真をとる⼈になるとその⽇のうちに上げろ！とか⾔われる• 正直帰ってきたら眠くてそれどころではないアップロード割とダルい問題
我々は半⾃動でアップロードをしたいのだ
考えていきましょう
• SDカードからPC等のデバイスに持っていきたい• カメラについてきているWi-Fi機能を使う• カメラがアクセスポイントにしかならないやつもあるのでなんか微妙• そもそも各社の連携アプリが… :thinking_face:• PCにマウントしたら撮った写真を捜索するスクリプトを書く• えっ、PC⽴ち上げるの…？撮影写真取得の部
今回は…
• みんな「使える！！」「これは遊べる！！」って思って買ったもののあまり使っていないおもちゃ個⼈的第1位今回思いついた作戦
• みんな「使える！！」「これは遊べる！！」って思って買ったもののあまり使っていないおもちゃ個⼈的第1位今回思いついた作戦東芝 FlashAir
• Wi-Fiにつながったり、Luaでスクリプトを組めたり、GPIOが 喋れたりする不思議なSDカード• 今だと64GBが6000円くらい• ⼦機としてルータにぶら下げられるので、FlashAirから写真を取得する端末はネットに繋がったままにしていられる• FlashAirの死活管理（？）的なことをしつつ、LAN内にFlashAirが⾒つかったらFlashAirから写真をもらってくると⾏けそうFlashAir is
• 取得した写真を即座にアップロードしたい• 可能ならばPCを起動させずに• そこらへんの⼩型端末を使うのが⼀番良さそう• Android端末• どうせ古い端末がいっぱい余っている• Raspberry Pi• みんな買ったけど積んでいるのがありそう撮影写真アップロードの部
• ではどこにアップロードしよう…？• Google Photos• API経由でのオリジナル画質でのアップロードが不能• Picassa Web APIで圧縮画質なら上げられはするが…• Flickr• APIはちゃんとある、オリジナル画質でも⼤丈夫• JavaのWrapperがあるにはあるが最終更新が2014年…撮影写真アップロードの部ところが
きちゃった♡
• Google I/O 2018でロンチ• Google OAuth2によるユーザ認証• AndroidならTokenがスパッともらえる、楽• Picasa APIでは出来なかったオリジナル画質アップロードに ようやく対応• もはや個⼈的にこれを使いたい• 使いたいドリブン• 割とみんなGoogle Photosだし…Google Photos API爆誕
APIも多様化するのだ
• FlashAirがLAN内で⾒つかったらファイル⼀覧を取得• ファイル⼀覧をたどってFlashAirから端末にファイルを取得• 取得したファイルをGoogle PhotosにAPI経由でアップロードというわけで作戦ϧʔλ
FlashAir ↓ 端末
• FlashAirのIPアドレス以降にパスをつなげてHTTP GETすることでファイルを取得できる• ファイル⼀覧は…？• FlashAirにはデフォルトで command.cgi というCGIが装備されており、このCGIにリクエストを送ることでいろいろな情報が得られる• ファイル⼀覧が欲しい場合はクエリパラメータとして op=100 を、参照ディレクトリに dir=<ディレクトリ> を与えるFlashAirからファイルを取得する
• 例：FlashAir直下のDCIMの中が⾒たい•/command.cgi?op=100&DIR=/DCIMFlashAirからファイルを取得するWLANSD_FILELIST/DCIM,100__TSB,0,16,19636,32038/DCIM,101_0520,0,16,19636,32409/DCIM,102_0521,0,16,19637,691/DCIM,103_0523,0,16,19639,18575/DCIM,104_0524,0,16,19640,35744/DCIM,105_0525,0,16,19641,23418/DCIM,106_0715,0,16,19695,2351
• 例：FlashAir直下のDCIMの中が⾒たい•/command.cgi?op=100&DIR=/DCIMFlashAirからファイルを取得するWLANSD_FILELIST/DCIM,100__TSB,0,16,19636,32038/DCIM,101_0520,0,16,19636,32409/DCIM,102_0521,0,16,19637,691/DCIM,103_0523,0,16,19639,18575/DCIM,104_0524,0,16,19640,35744/DCIM,105_0525,0,16,19641,23418/DCIM,106_0715,0,16,19695,2351QBUI pMFEJS EBUF UJNF
• ファイル⼀覧が取得できたらレスポンスからパスとファイル名を組み合わせればそのまま画像が取得できる• 「ここまではすでに取得したし…」みたいなことをやるには• dateとtimeがあるので⼀番最後に取得したファイルについてこれを保持して、古いと判断できるものは無視する• 詳しくはFlashAir Developersに書いてあるので検索だ！FlashAirからファイルを取得する
端末 ↓ Google Photos
• Google Photos APIはGoogle APIの1つなのでGoogle CloudConsoleから有効にする必要がある• AndroidアプリかWebアプリかでOAuthのやり⽅が違うので 注意• 今回はAndroidなのでGoogle Play Servicesで楽にやったよ• ただしAccess Tokenを引き出す処理を追加で書く必要ありGoogle APIを使えるようにする
• https://photoslibrary.googleapis.com/v1/uploads にPOSTで次のデータを送りつける• Authorization: Bearer • Content-Type: application/octet-stream•X-Goog-Upload-File-Name: <ファイル名>•画像のバイナリ（body）• 成功するとアップロードトークンがもらえる• この時点でアップロードは未完了取得した写真をアップロードする
• https://photoslibrary.googleapis.com/v1/mediaItems:batchCreate に次のデータをPOST• Authorization: Bearer • Content-Type: application/json•先程のアップロードトークンを含めた次のJSON取得した写真をアップロードする{“newMediaItems”:[{“simpleMediaItem":{“uploadToken":"CAIS6QIApKFirX....."}}]}
アップロードできているか確認するඇѹॖ&9*'ͬͯΔ
• いっぱい画像があるとキューイングとかしないと⾏けない• たくさんダウンロードしてメモリにいっぱい展開して端末が爆発して死んでいってしまう• 結論スマホになってしまっている• ちゃんとアプリ開発してビューアにするなら良いが…• ⾃動アップロード中は煌々と画⾯が光る。邪魔。抱えた問題点
そこで
Android Things
• AndroidベースのIoTプラットフォーム• Raspberry Pi 3やNXP i.MXシリーズで動作する• 新品フルキットだと199USDくらい• Google I/O 2018の前⽇に突如stableになった• 普段のAndroid開発とほぼ同じ⽂脈で開発できる• RPiならNetwork ADBでAPKをインストール• i.MXならUSB-CでADBAndroid Things
• 画⾯が存在しない状態にできる！• GPIOが読める！• FlashAirのGPIOの出⼒をトリガにActivityに通知してFlashAirの画像を取得できる！• どこのご家庭にでもある！• iなんとかPhoneしか持たないそこの貴⽅も きっと⼀台はRPiを持っているハズAndroid Thingsならば…！ʘͲʁʗ
• Android Thingsは「単⼀Activity」のアプリのみ許容するはず• そもそもOAuthさせる時点で別のActivityが起動する…• OAuth認証で失敗しそう• Access Tokenをよそから流し込まないといけない• ダサい• とはいえAndroidと同じ雰囲気で開発できるのは Android開発者としては嬉しいAndroid Things特有の制限がありますʘ͢·Μͷʗ
• ついにGoogle Photosに⾮圧縮で画像をAPI経由でぶん投げられるようになりました• FlashAirと組み合わせてラクラク半⾃動アップロードマシン• ただなんとなく仕組みを⽤意しただけなのでちゃんと使えるものにしたい• 現状のコードと仕組みを⾒たければこの後のお時間で…• FlashAirの設定がめんどくさいのでデモはつらい• 忙しさの⽬測を⾒誤った結果地獄になったので気をつけようまとめに
おわり
e10dokup
tsukushi
ogiwarat
akarin
daipresents
dalinaum
poteboy
osatoh
wadayusuke
cocoeyes02
bells17
daisukeshinoku
mot_techtalk
holman
dotmariusz
notwaldorf
philhawksworth
vanstee
cassininazir
garrettdimon
smashingmag
sachag
destraynor
thekraken
eileencodes