BNBの色々実験ページ

画像をクリックして選択後、タグを付ける

  1. フォームに入れた文字を反映させるだけ
  2. ボタンを押すとタグのオンオフを切り替える
  3. ボタンのオンオフと画像選択の有無を判断して挿入するタグを決める
  4. ボタンをオンにした状態で画像選択するとタグを反映
  5. フォームに入れた文字を追加/削除ボタンにて反映させる
  6. chatgptに丸投げ
  7. テスト5(フォームに入れた文字を追加/削除ボタンにて反映させる)をchatgptに簡潔にしてもらったが…
  8. テスト6(丸投げ)について、chatgptからの別提案(心遣いはありがたいが…)

画像をスワイプして前後の画像に移動

  1. ChatGPT丸投げ
  2. ChatGPT丸投げ(スワイプJSを使って書き換えて。)
  3. 左右スワイプでページ遷移

BootStrap

  1. サンプルページそのまんまコピペ
  2. ちょいいじり

SVG

  1. SVGとCSSの挙動色々確認

ボタンからの入力による検索フォーム

  1. 関数を共通化していない
  2. 関数を共通化した(複合検索も含めて共通化)
  3. 関数を共通化した(複合検索は別の関数にした)
  4. 複合検索のみにした
  5. 複合検索のみにした(ANDのタグを押すと絞られる)