Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
蔵書管理アプリを作り直した
Search
Tiny Mouse
November 14, 2022
Programming
1
840
蔵書管理アプリを作り直した
DevFest Nagoya 2022/11/14
浜松IT合同勉強会 2022/12/3
Tiny Mouse
November 14, 2022
Tweet
Share
More Decks by Tiny Mouse
See All by Tiny Mouse
今年がんばったこと
tinymouse
0
36
【LT会】インプット・アウトプットどうしてる?
tinymouse
0
22
今年がんばったこと
tinymouse
0
150
.NET MAUI+Blazor を使ってみた
tinymouse
0
140
【LT会】この技術書がすごい
tinymouse
1
160
Windows アプリの開発手段の選択肢をまとめてみた
tinymouse
0
100
蔵書管理アプリを作りました
tinymouse
0
600
Google Apps Script アプリを配付する
tinymouse
0
91
蔵書管理アプリを作っています
tinymouse
1
500
Other Decks in Programming
See All in Programming
機能が複雑化しても 頼りになる FactoryBotの話
tamikof
1
250
複数のAWSアカウントから横断で 利用する Lambda Authorizer の作り方
tc3jp
0
130
DevNexus - Create AI Infused Java Apps with LangChain4j
kdubois
0
140
Devin入門 〜月500ドルから始まるAIチームメイトとの開発生活〜 / Introduction Devin 〜Development With AI Teammates〜
rkaga
2
230
自力でTTSモデルを作った話
zgock999
0
130
AIプログラミング雑キャッチアップ
yuheinakasaka
20
5.3k
From the Wild into the Clouds - Laravel Meetup Talk
neverything
0
190
1年目の私に伝えたい!テストコードを怖がらなくなるためのヒント/Tips for not being afraid of test code
push_gawa
1
660
SwiftUI Viewの責務分離
elmetal
PRO
2
280
CIBMTR振り返り+敗北から学ぶコンペの取り組み方反省
takanao
1
150
ML.NETで始める機械学習
ymd65536
0
250
Domain-Driven Design (Tutorial)
hschwentner
13
22k
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Optimizing for Happiness
mojombo
377
70k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
115
51k
Documentation Writing (for coders)
carmenintech
69
4.6k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
28
1.9k
Facilitating Awesome Meetings
lara
53
6.3k
Bash Introduction
62gerente
611
210k
GitHub's CSS Performance
jonrohan
1030
460k
Done Done
chrislema
182
16k
Statistics for Hackers
jakevdp
797
220k
Visualization
eitanlees
146
15k
Transcript
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 ドライブにプログラム を配付して使用して貰うのが一苦労