蔵書管理アプリを作り直した

Transcript

1. Tiny Mouse 蔵書管理アプリを作り直した DevFest Nagoya 2022 2022/11/14
2. n @tinymouse_jp n SI 企業の SE n 日曜プログラマ n 二児の父 n 静岡県浜松市出身 n 東京都品川区在住。名古屋市在住。 n Windows 愛用。iPhone Android スマホ n Android の会浜松支部、Hamamatsu.js 、 よちよちサンデープログラミングの会（名古屋） Tiny Mouse 自己紹介
3. 蔵書のリストを作りたい l 置き場所（どの部屋かどの書棚か）記録し たい l 多量の蔵書を一気に登録したい（読んだ都 度でなく既存の蔵書を登録する） l スマホで入力してパソコンで管理したい
4. そんな蔵書管理ソフトが見つからない ないなら作るか 置き場所ごとに一気に登録できる スマホで入力してパソコンで管理できる
5. 蔵書管理アプリを作る HTML＋JavaScript＋Cordova フロントエンドは・・
6. 蔵書管理アプリを作る Onsen UI＋jQuery＋Vue.js フロントエンドは・・
7. 蔵書管理アプリを作る Google Spreadsheet データベースは・・
8. 蔵書管理アプリを作る Google Apps Script バックエンドは・・
9. サーバサイドに Google Apps Script を使う GET メソッド、POST メソッドを受けて JSON などでレスポンスできる
10. https://sites.google.com/view/tinymouse-zoshodaicho 蔵書管理アプリを作った
11. フロントエンドに Cordova を使う ストアを使わないと導入できない
12. フロントエンドにブラウザを使う 「ウェブアプリとして公開」機能を使う
13. https://sites.google.com/view/tinymouse-zoshodaicho 蔵書管理アプリを作り直す
14. 蔵書管理アプリを作り直す JavaScript のコードはそのまま使う
15. バーコード表示を読んで登録する
16. ウェブアプリでバーコード読取する
17. Qiita に書いた https://qiita.com/tinymouse/items/6aa75c30f828fe3f0c42 ウェブアプリでバーコード読取する
18. バーコード表示がある とは限らない
19. ISBN コードを OCR できるようにする
20. ウェブアプリで OCR する
21. Qiita に書いた https://qiita.com/tinymouse/items/ec3a6dfae0b334c95894 ウェブアプリで OCR する
22. iOS の Safari でカメラ画像を表示できない Android の Chrome 、FireFox で OK なのに iOS の Safari 、Chrome でエラー Unhandled Promise Rejection: NotAllowedError: The request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.
23. mediaDevices.getUserMedia() と iOS の Safari でハマった Qiita に書いた https://qiita.com/tinymouse/items/8b82f3578e167627d209
24. https://sites.google.com/view/tinymouse-zoshodaicho 蔵書管理アプリができた
25. 苦労したこと n 使っていて、バグとか見つけたり、改善内容と か気づくと、修正するためプログラミングしてし まって、肝心の蔵書の登録できない
26. サーバサイドは開発者のリソースを使う よくあるウェブアプリとサーバサイドアプリ
27. 開発者のプログラム一式を利用者に配付する
28. GAS のコードやドライブのオブジェクトを配付する ボタン一つでコピーして公開する処理したい
29. Qiita に書いた https://qiita.com/tinymouse/items/352aa8582b6c2ef1ddf0 GAS のコードやドライブのオブジェクトを配付する
30. 実は・・ 以前に書いたコードが動かなくなった 直した この顛末だけで 一つの発表になる
31. 実は・・ 事前に Google アカウントの 設定を変更して貰わないといけない
32. 実は・・ 処理の途中で実行を承認して貰わないといけない
33. 実は・・ 配付できたスクリプトの 実行を承認して貰わないといけない
34. 苦労したこと n 他のユーザの Google ドライブにプログラム を配付して使用して貰うのが一苦労