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

Tiny Mouse 蔵書管理アプリを作り直した DevFest Nagoya 2022 2022/11/14

n @tinymouse_jp n SI 企業の SE n 日曜プログラマ n 二児の父
n 静岡県浜松市出身 n 東京都品川区在住。名古屋市在住。 n Windows 愛用。iPhone Android スマホ n Android の会浜松支部、Hamamatsu.js 、よちよちサンデープログラミングの会（名古屋） Tiny Mouse 自己紹介

蔵書のリストを作りたい l 置き場所（どの部屋かどの書棚か）記録したい l 多量の蔵書を一気に登録したい（読んだ都度でなく既存の蔵書を登録する） l スマホで入力してパソコンで管理したい

そんな蔵書管理ソフトが見つからないないなら作るか置き場所ごとに一気に登録できるスマホで入力してパソコンで管理できる

蔵書管理アプリを作る HTML＋JavaScript＋Cordova フロントエンドは・・

蔵書管理アプリを作る Onsen UI＋jQuery＋Vue.js フロントエンドは・・

蔵書管理アプリを作る Google Spreadsheet データベースは・・

蔵書管理アプリを作る Google Apps Script バックエンドは・・

サーバサイドに Google Apps Script を使う GET メソッド、POST メソッドを受けて JSON などでレスポンスできる

https://sites.google.com/view/tinymouse-zoshodaicho 蔵書管理アプリを作った

フロントエンドに Cordova を使うストアを使わないと導入できない

フロントエンドにブラウザを使う「ウェブアプリとして公開」機能を使う

https://sites.google.com/view/tinymouse-zoshodaicho 蔵書管理アプリを作り直す

蔵書管理アプリを作り直す JavaScript のコードはそのまま使う

バーコード表示を読んで登録する

ウェブアプリでバーコード読取する

Qiita に書いた https://qiita.com/tinymouse/items/6aa75c30f828fe3f0c42 ウェブアプリでバーコード読取する

バーコード表示があるとは限らない

ISBN コードを OCR できるようにする

ウェブアプリで OCR する

Qiita に書いた https://qiita.com/tinymouse/items/ec3a6dfae0b334c95894 ウェブアプリで OCR する

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.

mediaDevices.getUserMedia() と iOS の Safari でハマった Qiita に書いた https://qiita.com/tinymouse/items/8b82f3578e167627d209

https://sites.google.com/view/tinymouse-zoshodaicho 蔵書管理アプリができた

苦労したこと n 使っていて、バグとか見つけたり、改善内容とか気づくと、修正するためプログラミングしてしまって、肝心の蔵書の登録できない

サーバサイドは開発者のリソースを使うよくあるウェブアプリとサーバサイドアプリ

開発者のプログラム一式を利用者に配付する

GAS のコードやドライブのオブジェクトを配付するボタン一つでコピーして公開する処理したい

Qiita に書いた https://qiita.com/tinymouse/items/352aa8582b6c2ef1ddf0 GAS のコードやドライブのオブジェクトを配付する

実は・・以前に書いたコードが動かなくなった直したこの顛末だけで一つの発表になる

実は・・事前に Google アカウントの設定を変更して貰わないといけない

実は・・処理の途中で実行を承認して貰わないといけない

実は・・配付できたスクリプトの実行を承認して貰わないといけない

苦労したこと n 他のユーザの Google ドライブにプログラムを配付して使用して貰うのが一苦労

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

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

More Decks by Tiny Mouse

Other Decks in Programming

Featured

Transcript