視力検査表の画像から ChatGPT3.5 と Gemini に HTML+CSS 作ってもらったメモ

投げた質問

（下記画像とコメントで）

このレイアウトのHTML+CSSを作成してください

Gemini

表示

残念な感じになった

修正など

40分ほどコメント変えて修正や javascript の処理を追加しようとしたけど上手くいかず。結局書いた方が早そうで諦めた。

---

ChatGPT3.5

表示

一発で期待に近い感じになった（gemini と比較してだけど）

修正など

15分程度で javascript でアルファベットのランダム表示を追加、CSSを手動でいくらか整えてできた。

最終的に出来上がったもの（ChatGPT3.5が生成したコードに手を加えたもの）

URL

• デモサイト
  • https://cortyuming.github.io/eye_chart/
• コード
  • https://github.com/CortYuming/eye_chart

感想

ChatGPT のほうが良さそう

Emacs で行を上下移動させるキーバインドを設定してみるメモ

init.el に command+control+<上下矢印> で行を上下移動させる設定を追加

  (defun move-line-up ()
    (interactive)
    (transpose-lines 1)
    (forward-line -2))
  (defun move-line-down ()
    (interactive)
    (forward-line 1)
    (transpose-lines 1)
    (forward-line -1))

  (global-set-key (kbd "s-C-<up>") 'move-line-up)
  (global-set-key (kbd "s-C-<down>") 'move-line-down)

参考サイト

www.emacswiki.org