【JavaScript入門】「みんなのつぶやき」アプリの動作確認

node-js/
  ├─ app/                           ※ フロントエンド実装一式を格納
  │   ├─ index.html                 ※ 画面レイアウトと各エリアの構造を定義
  │   ├─ style.css                  ※ 全体の見た目（色・レイアウト・ボタン等）を設定
  │   └─ js/                        ※ 振る舞いを担う JavaScript モジュール群
  │        ├─ common.js             ※ 全ボタンのフォーカス解除など共通“ちょい便利”処理
  │        ├─ storage.js            ※ localStorage を使った画像＆コメントの保存・復元
  │        ├─ imageArea.js          ※ ドラッグ＆ドロップ／クリックで画像読み込み → Canvas 描画
  │        ├─ imageEffects.js       ※ Canvas へのセピア・グレースケール・ぼかしフィルタ適用
  │        ├─ controlArea.js        ※ フィルタボタン・保存・削除・リセットなど操作全般
  │        ├─ commentArea.js        ※ コメントの文字数カウントと警告表示
  │        ├─ sendArea.js           ※ 投稿ボタンでサーバーへ画像＋コメントを送信
  │        ├─ dateFormat.js         ※ タイムライン表示用の日付文字列フォーマット
  │        └─ postListArea.js       ※ 投稿一覧の描画＆“いいね”ボタンの更新
  ├─ index.js                       ※ Express＋Multer によるローカルサーバー起動スクリプト
  ├─ upload_images/                 ※ 投稿時にアップロードされた画像ファイルを保存
  └─ post-dat.txt                   ※ 投稿情報（コメントやファイル名、タイムスタンプ等）を保持する空テキストファイル

PS C:\Users\ユーザー名> cd C:\Users\<ユーザー名>\Desktop\node-js

node .

Server started at http://localhost:3000

http://localhost:3000/app/

--- POST /post ---
{ comment: '大阪旅行に行ってきました。' }
[ uploaded file info … ]
Saved new post: { id:'1745511555715', … likes:0 }