メモ魔のためのメモツール「Memomer」

概要

メモ魔のためのメモツール「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