見出し画像

制作ログ|Webで使えるTo Doアプリ|完成!

今回は、Web で使える、To Do アプリを作りました。

※その後、自分に最適な形へカスタマイズを重ねた結果、
現在は個人専用の管理ツールとして活用しています。
現在は一般公開しておりませんが、機能の紹介として
ご覧いただければ幸いです。


⬛️ 作ろうと思ったきっかけ

Webで管理出来て、ログインの手間もなく音声入力出来て、
思いついたらすぐメモれるものを作りたいと思いました。

音声入力アプリは、Amical.ai を使っています。

※ちなみに私はPC派です。


☑️ アプリのTopページ

右端のLightをクリックすると、モードが切り替わります。
Lightモード画面です。

☑️ 「Preview」ボタンの説明

「× Clear demo」をクリックで「Preview」を消去出来ます。

☑️ 「info」ボタンの説明

このアプリの使い方の説明画面です。

☑️ 「設定ボタン」と「文字サイズ」変更ボタンの説明
「設定ボタン」の横の「S」「M」「L」をクリックすると、
文字サイズを変更出来ます。

ここはほとんどの人には関係ないので、スルーでOKです😊


実際に入力ボックスにプロジェクト名を入力して、
「+ New project」を選択し、+ Add をクリックすると、
プロジェクトがストンと下に落ちてきます。

そこで、プロジェクト名を変更することが出来ます。

実際に変更すると、そのプロジェクト名が上のボタンに追加され、
その下にタスクを追加出来るようになります。


追加はしたけど必要ないと思えば、右端にカーソルを合わせると
PC では赤い❌ボタンが出てくるので、クリックすれば削除できます。
(スマホだと常時出た状態になります。)


全てのタスクを完了した時には、
同じくプロジェクト名のバーの右端をクリックすれば、
そのプロジェクト自体を削除出来るようにしてあります。


最低限の機能しかつけていないので、シンプルな作りですが、
誰でも無料で使えるので、よかったら使ってみてください!


今回は、約2日間で作成することが出来ました。


まだまだ作りたいものがてんこ盛りなので、
これからも作り続けます🔥



サイトマップはこちらから ↓