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

0ab16037033e1851fb4a1d44687b5426?s=47 Tiny Mouse
December 13, 2019

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

Mobile Act NAGOYA 2019/12/13

0ab16037033e1851fb4a1d44687b5426?s=128

Tiny Mouse

December 13, 2019
Tweet

Transcript

  1. Tiny Mouse 蔵書管理アプリを作りました Mobile Act NAGOYA 2019/12/13

  2. n @tinymouse_jp n SI 企業の SE n 日曜プログラマ n 二児の父

    n 静岡県浜松市出身 n 東京都品川区在住。名古屋市在住。 n Windows 愛用。iPhone Android スマホ n Android の会浜松支部、よちよち Android の会、 Hamamatsu.js Tiny Mouse 自己紹介
  3. 蔵書のリストを作りたい l 置き場所(どの部屋かどの書棚か)記録し たい l 多量の蔵書を一気に登録したい(読んだ都 度でなく既存の蔵書を登録する) l スマホで入力してパソコンで管理したい

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

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

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

  7. ISBN から書籍情報を取得する l 国立国会図書館のデータベースサービス →CD や DVD の情報が登録されていない l 楽天ブックスのデータベースサービス

    →登録して API キーを貰う必要あり l Amazon の検索ページ →スクレイピングする。やりすぎるとブロックされる
  8. サーバサイドに Google Apps Script を使う 「ウェブアプリケーションとして公開」 GET メソッド、POST メソッドを受けて JSON

    などでレスポンスできる
  9. 蔵書管理アプリを作る HTML+JavaScript+Cordova フロントエンドは・・

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

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

  12. l 蔵書を楽に登録したい

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

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

  15. 手入力できる

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

  17. Google Drive を使って OCR する navigator.camera.getPicture( function(image){ $.ajax({ url: “https://script.google.com/macros/s/◦◦◦◦◦◦◦◦/exec”,

    type: 'POST', data: { filedata: image, }, }) function doPost(e) { var data = Utilities.base64Decode(e.parameter.filedata, Utilities.Charset.UTF_8); var title = Utilities.formatDate(new Date, 'Asia/Tokyo', 'yyyyMMddhhmmss'); var blob = Utilities.newBlob(data, MimeType.PNG, title); var folder = DriveApp.getFileById(ActiveSpreadsheet.getId()).getParents().next(); var file = Drive.Files.insert({ title: title + ".png", mimeType: 'image/png', parents: [{id: folder.getId()}] }, blob, { ocr: true, ocrLanguage: 'ja' }); var doc = DocumentApp.openById(file.getId()); var text = doc.getBody().getText();
  18. l スマホアプリでも登録内容を見たい

  19. スマホアプリでも登録内容を見たい

  20. l スマホアプリでも登録内容を見たい l 蔵書を楽に登録したい

  21. タブを使って画面を切替する UI

  22. タブ切替は今風な UI でない?

  23. FAB を使って新規登録する UI

  24. 手入力、バーコード読取した上で保存する

  25. l 登録済の内容をスマホで修正したい

  26. 登録済の内容をスマホアプリで修正したい

  27. l 置場を登録できるようにしたい

  28. タグ情報を登録できるようにする 複数選択できるコンボボックス

  29. 複数選択できるコンボボックス

  30. タグ一覧を登録できるようにする ドラッグ&ドロップで入替する

  31. ドラッグ&ドロップで入替する

  32. l 連続して登録できるようにしておきたい

  33. 連続して登録できるようにしておきたい

  34. 蔵書管理アプリを作った ちゃんとモバイルアプリを作ったよ!