ソロ活(個人開発)報告書~ひとりごとアプリ

Soliloquy Chat App

初心にかえり、VanillaJSで静的サイトを作った。
今回は、その開発過程とSoliloquy Chat App(独り言チャット)の概要をお伝えします。

Soliloquy Chat App とは？

その名の通り、ひとりごとを呟く、ひとり専用チャットアプリです。
ユーザーは、デジタルタトゥーとして残したくないけど"誰かに吐き出したいこと"や、溢れる感情を想いのままにチャットに書き込むことができます。
もちろんデータは残らず、デジタルタトゥーは刻まれないのでどんなことでも安心して吐き出せます。
詳しい使い方はGithubのREADMEをご参照ください。Github

工夫した部分

表示画面のある部分をタップすると、チャットに炎が現れ、燃えたようにチャット履歴が消えるギミックを仕掛けました。ぜひ見つけてみてください。(スマートフォンで利用する場合と、PCで利用する場合は炎の現れ方が違います)

先人のCodePenをがっつり使わせていただいた

CSS苦手エンジニア、CodePenをがっつり使用させていただきました🙏

Simple Chat UI と CSS Only Fire を使用させていただきました(license表記はstyle.cssに記述)。

Simple Chat App のテーマカラーを決め、カラーを変更。さらに、今回のアプリには必要ないコードは削除・調整して作成しました。

JSも関数をいくつか作成し、より再現性の高いコードにリファクタリング。DOM操作久しぶりすぎて心配ですが...

また、Appの簡単な説明を載せるポップアップは自分で実装しました。

ホスト先

ホスト先はRenderを採用。簡単にデプロイできるので、Herokuの代替としてたまに使っています。

まとめ

個人開発にしてもソロ活極めすぎてるSoliloquy Chat App。ぜひ仕事の愚痴や溢れる感情を落ち着かせるために使ってください。