2026 09 13
日記のデザインをモダン化しました - その4
ブラウザエディタも機能アップデート。
  • テキストエリアの[本文]は開き、[続き]は閉じておくようにした。
  • 各テキストエリアをクリックするとワンタッチで上にスクロールしてテキストエリアが上下に最大化するようにして編集エリアの見通しを良くするようにした。
  • 0.5秒間入力がないタイミングでLocalStorageに書き出し、ブラウザクラッシュや「うっかりタブ閉じ」の被害を未然に防止した (一時的なオートセーブ機能)。
1つめは、両方開けておく必要は無いので片方閉じておいた方が画面を広々使えるようになるよねってことで[続き]を閉じておくようにした。
編集画面(基本)

2つめは、今まではテキストボックスが小さかったら広げて幅調整して〜と面倒だったが、この実装によりワンタッチで画面を広々使えるようになった。
ほんとにワンタッチでブラウザ目一杯使えるので助かる。
編集画面(ワイド)

3つめは、日記を書きながら他のタブでWeb閲覧をしているパターンでよくあるのだが、不要になったタブを閉じた際にうっかりショートカットキーを押しすぎて、今書いている日記まで閉じちゃいパーにすることがたまにある。
もうそれやっちゃった時点で日記を書く気がなくなるので死活問題だったが、今回の件で0.5秒以上の場合はこの心配がなくなった。
# 最後の入力から0.5秒未満で閉じた場合、その直前の入力分は保存されない。
オートセーブの引き戻し画面

2007年くらいからこのスクリプトを使い続けているが、2026年になって近代化改修にしては大幅な機能アップデートになってしまった(笑)



回収については今回もChatGPT先生のお世話になったが、結構フレンドリーな感じで詳しく教えてくれる上に、わからないことはわかるまで問い詰め()てもイヤな 顔 回答1つせずに教えてくれるのは確かに遠慮無しに聞けるので精神衛生上楽。
ハルシネーションについては気をつけるべきではあるが、正直プログラム・スクリプトコードについてはGemini先生よりも精度が高いイメージ。
# Gemini先生は「それ合ってる?」と簡易ハルシネーションチェックすると5回くらい間違える。
ここまで使えると3千円は授業料と捉えても良いなぁ。

TrackBack URL:
日記のデザインをモダン化しました - その3
編集画面もモダン化。

記事一覧画面

編集画面

他の件で1ヶ月課金してみたのでChatGPT先生をメインで指示を仰いでみたが、Gemini先生よりも精度が高い気がする。



今回はChatGPT先生に「現状こういうデザインなんだけど最近のモダンなデザインにしたい!助けてちゃっぴ〜」よろしく泣き付いてみたら、現状デザインが「2000年代全盛期を彷彿とさせる」という評価を頂いて草。
いろいろ聞きながらCSS変更を主体に一部HTMLテンプレを改変したりしてデザインを組んでもらった。
結果大成功だったわけだが、ここまでの改変は流石にGoogle検索と自力では到底無理なので、あらためてAIの威力をまざまざと思い知った次第。
別件で1ヶ月3千円の課金をしたわけだが、ぶっちゃけこっちのデザイン変更で3千円払ったような結果になってしまったが、個人的には満足している。
自力ではここまで辿り着けなかったからね…。むしろ3千円でこれは安い。
TrackBack URL:
QRコード
携帯サイト試験運用
https://griffonworks.net/nikki/cgi-bin/k.cgi
1行板

リンク
etc
備忘録
  • 無し
物欲リスト
  • Canon RF50mm F1.2L USM
  • SIGMA 20mm F1.4 EF Art
  • ニンバス チヌーク
ツーリング ドライブ兼野外撮影予定リスト