特殊入力

解剖

• CodeEditor

  syntax highlightとtextareaを同じ値へ結び、readOnlyも共通APIで扱う。

• EmailChipInput

  Enterまたはカンマで確定し、重複と形式不正を隣接表示する。

• ImageUploader

  画像選択、前処理、切り抜き、プレビューを同じ流れで扱う。

• VoiceInputButton

  同意gate、録音、文字起こし、結果通知を状態として扱う。

状態

• editable

  入力値、focus、補足を同じ面で表示する。

• invalid

  形式、重複、ファイル処理の失敗を対象controlの近くへ文章で示す。

• processing

  切り抜き、画像処理、文字起こし中は重複操作を止める。

• permission denied

  端末の権限がない理由と代替入力を示す。

仕様値

CodeEditor

14px monospace、min-height 200px

Email chips

string[]、Enter / comma / Backspace

Image preprocessing

HEIC変換、JPEG統一、EXIF除去

Cropper

default aspect 16:9、zoom 1-3

音声入力

録音、同意、処理中、完了を状態として表示

デモ

端末機能や外部送信を開始しない