概要
メモ魔のためのメモツール「Memomer」
オフラインでも利用可能です。
オフラインで書いた内容は、オンライン状態に復帰したとき、自動で送信。自動でDB上に追加処理されます。
複数端末にて開いていた場合、各端末画面に即座に同期・表示します。
サーバーレス構成で、サーバー費用ゼロ円です。
使い方イメージ
iOSで言えば、Safariでホーム画面に追加すると、Webサイトへのブックマークがアプリアイコン風に表示されます。
ある種、PWA(Progressive Web Apps) 風に使うことをイメージしてます。
(※厳密にはPWAではありませんが。。。)
使っている技術
- Amplify DataStore ... ローカルDBライブラリ。ほぼほぼこいつに任せておけばGraphQLの取り扱いもカンタン♫楽チン♪
- React.js/TypeScript ... フロント(実装したのここだけ)
- AppSync ... GraphQLサーバー。Amplifyコマンドで一発構築
- DynamoDB ... NoSQLデータベース。Amplifyコマンドで...(同上
- hatchful ... 無料でつかえるアイコンジェネレータ。個人開発が捗ります。
構成は以下の感じです。
工夫した点
短時間一気集中で実装しました。
実装1時間。調整2時間。見せ部発表用として、サクッと。
あくまで発表用見世物でして、
認証機能がないので、実用性はありません。
Wifiオフ→Wifiオンに切り替えたとき、
パパッと自動マージされる挙動なんかは、
いいデモンストレーションができたなーと思います。
作ろうと思ったきっかけ
ちょうどAWS Amplify DataStoreを試してみたいなと思ったので。
URL
※追記、現在接続できません