2026 09 14
日記のデザインをモダン化しました - その5
>0.5秒間入力がないタイミングでLocalStorageに書き出し、ブラウザクラッシュや「うっかりタブ閉じ」の被害を未然に防止した (一時的なオートセーブ機能)。

先日のコレ、現在保存されているのかされていないのかわからないので、[本文] [続き] ボタンの横に状態ランプをつけてみた。

待機中:
記入前

記入中:
記入中

保存完了:
記入後

これはとても便利。

  • 山銀:おぉ〜デザインも機能も進化していますね!
    見やすくて読みやすいです(^^)
  • G兄:以前のデザインはちょっと「ぎゅっ」と詰まった感じがして窮屈だったんですよねぇ。(笑)
    今は大分見通しが良くなりました。
TrackBack URL:
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:
2026 09 12
日記のデザインをモダン化しました - その2
久しぶりにテンプレートから変更しているが、同じ内容のブロックが複数箇所に跨がってるのでとても大変。
これ php の include でなんとかしたいな…。

ちなみに以前はこんな感じ。
12fa0ec6-9be3-4930-982d-5b84592a8f9f.png :  , sec F ISO-
TrackBack URL:
日記のデザインをモダン化しました
今までの日記帳のデザインはどうも2000年諸島のデザインをずっとひきずっていたので、ChatGPTが使えることだし、ChatGPT に現状の日記のスクショを貼って教えを請うてみたらこうなりました。(笑)

うぅん、全く別物になってしまった。(笑)
TrackBack URL:
2020 03 12
日記帳のレイアウトを見直しました
本日記帳のレイアウトを見直しました。

PC版は1カ所バグ修正(右メニューがボックスグループからはみ出ていた)。

スマホ版は UA を見て .htaccess の RewriteCond を使ったスタイルシート切り替える方法から、CSS 内で Media Query を使用したスタイル適用に変更しています。
# デバイスピクセル比が 2以上のデバイスはスマホ向け表示になります。

数年前ならサポートしてないブラウザ云々ということもあり渋っていたところだが、今はそこまで心配することもないのかなぁと。
むしろ最近はスマホのデバイスピクセル比と viewport におけるウィンドウサイズに気を向けるべきっぽいけど横 360px くらいで見ておけばいいかなぁと思わなくもない。

TrackBack URL:
2015 07 07
コメント欄
どうも 500 エラー吐いていた模様。
こないだアップデートした Net::DNS の仕様が変わったことが原因だった模様。
こいつは迂闊にアップデートすると痛い目を見る見た。
TrackBack URL:
2010 03 31
OpenSSL 1.0.0リリース
37 :名無しさん@お腹いっぱい。[sage]:2009/04/02(木) 18:36:57
  openssl-1.0.0-beta1.tar.gzが出てるんだが、
  エイプリルフール?
38 :名無しさん@お腹いっぱい。[sage]:2009/04/12(日) 01:46:22
  まて、それは孔明の罠だ。
  OpenSSLが1.0を名乗るなんて偽物に間違いない。
ふいたw

というわけで、2009年4月1日エイプリルフールにマジな1.0.0 beta1を出したら誰も信用してくれなかった教訓を生かした、かどうかはわからないが、エイプリルフール前の3月29日にOpenSSL 1.0.0がリリースされた。
OpenSSL開発開始が1998年12月23日だからざっと12年を経てメジャーバージョンアップか・・・。
新しい物好きな人は真っ先にビルド→インストールするだろうが、そうでない人は引き続き0.9.8系で状況を見守ろう。
# どうやら一部アプリケーションでビルドに失敗するそうで。




永遠の0.9.8歳じゃなかったのか。

TrackBack URL:
2008 06 02
Cookieが保存されない
何時の頃からかCookieが保存されてないようなのでテスト用エントリーage



my のスコープを間違えていたのだわ・・・。('A`)
なんというポカミス。

TrackBack URL:
2008 03 21
さくら日記帳久しぶりに更新
カテゴリ/タグに属するエントリーが増えすぎて1ページの長さが長くなりすぎたため (1ページ最大 165エントリーw)、15エントリー単位でぶつ切りにするよう改良。
各ページへのリンクは日記一番下の数字でどうぞ。
TrackBack URL:
2007 11 29
アップローダーにExifリーダーを実装してみた
ExifTool というモジュールがあるのでちょっと使ってみることに。
Exif 情報は今のところ IMG タグの ALT 属性に仕込むようにしてある。
レンズ情報まで拾ってくれるからものすごく有り難い。

人形写真注意。

続きはこちら。
TrackBack URL:
2007 06 09
下書きモード搭載
以前からずーーっと「書きかけの日記を下書きで保存できたらなー」と思っていたことを実行。
「非公開」にすれば下書き代わりになるけど、そうすると公開中の日記を更新した時に下書きとして「非公開」にすると、あったはずの日記が見えなくなってしまうのが困っていたところ。
同じテーブルを2個用意して、片方は本書き、片方は下書きとしている。
TrackBack URL:
2007 05 25
TBの次はコメントか
トラックバック spam の爆撃が一段落したと思ったら、今度はコメント spam。
バカは死んでも治らないとはよく言ったものですが。

というわけで uif-comment.cgi にもロックエンジン適用しました。
  • G兄@会社:テスト
  • G兄@会社:正常動作を確認。
TrackBack URL:
2007 05 12
TB爆撃
どうやら海外からゾンビ PC を使ったトラック爆撃を受けた模様で、鯖にろくにアクセスできない状態に。(汗)
uif-tb.cgi にロックルーチン放り込むか。
ちなみに現在 TB は止めてあります。



TB 再開したものの、どうやら他の所にも爆撃があるらしく、調べてみるとどうやら山銀さんの日記へコメント spam や TB spam が発生した模様。
しかしそちらのほうは速攻でブロックされたらしく短時間にて終了。
こっちの CGI には一応ロックだけ入れたけどどうなることやら。



その後の調査で、どうやらロックをしていても重かった原因は、ロックをする前に use で読み込むモジュールが多かった模様。
モジュール読み込む前にロック、かつ 1秒間待って解除されなければアウトとすることにしてみた。
これで様子見だ。('A`)
  • 山銀:なんか重いと思ったらそんな攻撃があったんですか。(汗
TrackBack URL:
2007 05 07
タグ一覧対応完了
あとはタグ付けをぼちぼちやっていくのみ。
DB で一括変換できたら楽だったのに、無造作にカテゴリ分けしてるから無理。('A`)
タグ一覧は左列の月別ログ上に設置。
TrackBack URL:
0123456
QRコード
携帯サイト試験運用
https://griffonworks.net/nikki/cgi-bin/k.cgi
1行板

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