WEBアプリ

AIにメッセージを送る前のメモアプリ

Claude Code HTML/CSS JavaScript GitHub
TARGET
ターゲット
・AIに指示や文章・コードを送る前に、内容を整えてから渡したい人 ・作業中にすぐメモを取りたい人
PURPOSE
目的
・AIに送る前の下書き・整理用のメモ帳 ・コード・マークダウン・テキストの形式で書けるようにし、誤送信を避けたり、コードや長い文章を整えてから渡したりできるようにする
DURATION
製作期間
3日
TECH
使用技術
Claude Code / HTML/CSS / JavaScript / GitHub
DESIGN
デザインの意図
作業を止めずに使えることを優先した。 複数のメモ帳を切り替えられるようにし、他の画面の後ろに隠れないよう前面に固定できるようにしている。

制作エピソード

制作に関するエピソード

「AIに送る前に、内容を整えたかった」

AIに指示を送るとき、途中で誤ってエンターを押して送信してしまうことがありました。コードを送るときは自分で整理してから渡したかったり、文章が長くなるとテキストにまとめて送りたかったりもします。送る前に一度落ち着いて整えられる場所が欲しくて作りました。

「履歴と複数メモで、使い勝手を上げた」

書いた内容を履歴として残せるようにし、複数のメモ帳を切り替えて保存できるようにしました。用途ごとに分けて置いておけるので、今も毎回使っています。

「作業を止めずに使えるよう、前面固定にした」

パソコンで作業していると、FTPやDocker、Chromeなど複数の画面を開く場面があります。メモを取りたいときにその都度ウィンドウが後ろに回ってしまい、探す手間がかかっていました。そこで前面に固定できるようにして、作業を止めずにメモできるようにしました。

作品一覧へ戻る