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:
QRコード
携帯サイト試験運用
https://griffonworks.net/nikki/cgi-bin/k.cgi
1行板

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