React Memo App

Create React Appを使用したメモアプリです。

起動

以下コマンドでアプリを起動できます。

cd react-memo-app
npm start

機能

主な機能は以下の4つです。

• メモ作成
• メモ詳細表示
• メモ更新
• メモ削除

メモ作成

+ ボタンを押下すると新規メモが作成されます。

メモ詳細表示

作成したメモをクリックするとテキストフィールドにメモの詳細が表示されます。

メモ更新

メモ選択状態でテキストフィールドでテキストを変更後、更新 ボタンを押下するとメモの内容を更新できます。

メモ削除

メモ選択状態で削除 ボタンを押下すると選択中のメモを削除できます。

仕様

• メモのタイトルはメモの内容の1行目がタイトルに設定されます。
  • タイトル未設定時はタイトルがありません が表示されます。
• 各機能の実行後のメモの選択状態は以下のように変化します。
  • メモ作成: 新規メモ作成後、作成したメモが選択されます。
  • メモ更新: メモ更新後、メモは未選択状態になります。
  • メモ削除: メモ削除後、メモは未選択状態になります。
• メモ一覧、テキストフィールド以外をクリックするとメモは未選択状態になります。
• メモ未選択状態でメモの更新と削除はできません。
• メモの編集途中でもメモの作成は可能です。