$30 off During Our Annual Pro Sale. View Details »

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

Tiny Mouse
November 14, 2022

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

Tiny Mouse

November 14, 2022
Tweet

More Decks by Tiny Mouse

Other Decks in Programming

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 ドライブにプログラム を配付して使用して貰うのが一苦労