フィードバック確認用サンプル
HTTPリクエストの流れ
テキストを選択すると、右下のフィードバックボタンからコメントできます。
4ステップで理解する
1
ブラウザがリクエストを送る
ユーザーがURLを開くと、ブラウザはサーバーへ「このページをください」とHTTPリクエストを送ります。
2
サーバーが処理する
Webサーバーはリクエストを受け取り、必要なファイルやデータを探して応答内容を組み立てます。
3
レスポンスが返る
サーバーはHTTPレスポンスとしてHTMLやJSON、画像などをブラウザへ返します。ステータスコード200は成功を意味します。
4
ブラウザが表示する
ブラウザは受け取った内容を解釈し、画面上にページとして描画します。CSSやJavaScriptもここで適用されます。
このページの使い方
- 画面右端中央のボタン → フィードバックサイドバーを開く
- 本文テキストをドラッグ選択 → 引用付きコメントを追加
- サイドバーのピン・マイクボタン → ピン留めコメント/音声フィードバックを試せる
- ローカルの
/widget.jsを読み込んでいます(npm run devで起動して確認)