はじめに

誰にでもレポート・文書・資料・ブログの記事・SNSの投稿・ネット掲示板への書き込みなどの作成でよく使う定型文があると思います。
そういったワードを予測変換で打ち込むのも良いですが、ほんの少しのタイピングでも面倒で面倒で仕方ない時は
このPrivate Word Stockにワードをストックしておいて、必要な時はクリック一回でコピーできるようにしてみてはいかがですか？

使い方

詳しくは以下の動画を見てください。
主な使い方としては、
ビジネスや趣味など使用するワードのシーンによって使い分けできるようにカテゴリ別にワードを登録することができます。
登録したワードはCSVファイルとしてダウンロードもできます。

使用した技術

React.js

今回もTypeScriptを使用しました。
もう慣れてきました。
状態管理との合わせ技で、一部localStorageを使いました。

Dexie.js

世界忍耐時計に引き続き今回もindexedDBを使いたかったので使用しました。
日本語の記事があまり無いので英文の公式ドキュメントを読みながら試行錯誤しました。

styled-components

もうこれなしでスタイリングが出来ないほど使い勝手が良いので愛着が湧いています。
今回は後述のMaterial UIと併用しました。

Material UI

全体的なスタイルはstyled-componentsに任せて、アイコンやボタンの要所要所でMaterial UIという感じで使い分けました。
特に便利だったのがTooltipでした。カーソルを合わせると表示しきれなかった全文やアイコンの説明が出てくるのが気に入りました。今後も使うかも。

まとめ

6月の後半あたりから暑さが酷く、少し体調を崩しながらでしたがどうにか作り終えました。
YEN$CONVERSIONの時に体験しましたが、猛暑のなかで開発を進めるのはきついです(エアコンは点けてるけど何となく精神的に)。
ちなみに今回もスイスアーミーアプリという今までに作ったWebアプリをまとめてあるところに載せてあるので、よかったら見てください。