nDiki : tDiary

「なつみかん」の開発・保守・運用を凍結します。

見逃していたが、

2003/12/24(水) 「なつみかん」の開発・保守・運用を凍結します。 今後のバージョンアップ・フォロー等は、気が向かない限り無いと思います。 -- 「なつみかん(NATSU-MICAN)」オフィシャルサイト

か。残念。 はてなアンテナの有料オプションの話もあるし、アンテナ業界(?)も変化の時期か? RSSも含めて今後どうなっていくのだろう。 LIRSなどのリモート取得関係とか。

他の実装

The diary formerly known as Go ahead make my day.より。

• たまてばこ
• 五月雨
• RNA (RSS)

「たまてばこ」「五月雨」はRubyか。サーバ容量に余裕があまりないので(ruby自体のインストールも必要とあって)ちょっと厳しいかな。 RNA は面白そう。RSS以外も取得できるといいな。pure Perlだし。 「第二アンテナ」はtDiary限定?

「なつみかん」がGNU GPLとかで、どこかが引き継げればいいんでしょうけどね。

追記

「ありますよ、いよかんが」 (2004年2月6日追記)

[ DiKicker ] くっつき BBSをくっつけてみた。

DiKicker でのコメント機能についてだがあらためて実装するのも大変なので、たつを氏のくっつき BBSを組み込んでみた (v1.0rc2)。

ファイルレイアウト

 $HOME/etc/kuttukibbs/kuttukibbs.conf - 設定ファイル (一部変更)
 $HOME/var/log/kuttukibbslog.txt - 管理者用ログファイル

 $HTML/kuttukibbs/kuttukibbs.cgi - CGIプログラム (一部変更)
 $HTML/kuttukibbs/getlog.cgi - (一部変更)
 $HTML/var/kblog/$ID.log
 $HTML/var/kblog/$ID.js

DiKicker への埋め込み

記事毎ののHTMLフラグメントを生成する際に、kuttukibbs.cgi へのリンクと、(getlog.cgi経由での)Feedファイルの読み込み部分を埋め込むように変更。

くっつくFeedファイルが無い場合は commentshortクラスの div要素 (tDiary スタイル)が存在しなくなるようにしたかったのでレンダラではこれを埋め込まず、getlog.cgi で出力するようにした。

ついでに getlog.cgi は

• charset指定を UTF-8 に修正
• 違う階層Feedファイルを読むように修正

した。

kuttukibbs.cgi のUTF-8対応

Feedファイル用にコメントを切りつめる際、UTF-8 だと後続バイトが切り捨てられる場合がある。 WiKicker に UTF-8 用の substr / length ラッパがあるのでこれを使うように修正。

tDiary テーマの修正

tDiary では日単位でのコメントでありテーマもそれにあわせてデザインされている。 DiKicker では記事単位にコメントをつけるようにしたいので(またそうでないと記事単位で集約した場合に困るので)、使っているテーマ(Nana さんの flower をベースにしているもの)のCSSを修正。

くっつけてみる

テストした範囲ではうまくいっているようだ。 HTMLレンダリング済みの記事はキャッシュが更新されないとコメントするためのリンクが現れないが順次出てくるはず。

くっつきとして見るには要 JavaScript サポート。

DiKicker にそろそろコメント機能を実装するか

くっつき BBS

nDiki では、たつを氏が公開しているくっつき BBSを利用してコメント機能をつけている。 くっつき BBSは自前でBBS機能を実装しなくても、JavaScript Include を使うことでコメントをページに貼りつけられるという優れもの。

CGI プログラム経由の JavaScript Include 方式は遅い/負荷がかかる

nDiki では JavaScript Include する際、コメントがない(=JavaScriptファイルがない)場合でも404にならないようにCGI プログラム経由で貼りつけていた。 しかし、この方法だと1ページに多くのコメント領域があると何度もCGI プログラムが実行されるのでサーバへ負荷がかかる。

また Web ブラウザもHTMLの途中でscript要素が出てくると、そのスクリプトファイルを読み込んで処理するまで残りをレンダリングできない。 このためサーバが重かったりして、途中スクリプトファイルの読み込みでひっかかるとユーザ側でのページ表示完了が遅くなってしまう。

ということでこの方式をやめて、単純にコメントJavaScriptファイルのURIを指定するようにした。 その使わなくなったCGI プログラムで、tDiaryテーマ用の「commentshortクラスdiv要素」を書き出していたので、この部分は DiKicker に戻す。 現在のコードでは、コメントが無くてもこのdiv要素が出力されてしまうので、ちょっとみぐるしいがしばらくご容赦。

やはりDiKickerでネイティブにコメント機能を実装しよう

コメント内の AutomaticLink 処理や cookie の連動など、前からやりたいとは思っていたのでこれを機会に実装するかな。 いろいろ決めないといかん。

[ DiKicker ] 旬ページへのインデックスを追加

DiKicker の改良作業。

• 旬ページへのインデックスを追加。tDiary ライクな表示。
• 旬ページの表示が日付が新しい順だったものを、日付順に。
• 日付に曜日を表示。

DiKicker に n 年日記機能を追加

久しぶりに DiKicker に機能追加。

n 年日記機能

ハイパー日記システムで書いていた旧 Web 日記である Naney's Diary の記事を nDiki に移すにあたり、n 年日記にあたる表示がなくて困るので実装した。

最近はぱったり「過去の今ごろ」を書かなくなったけれど、たまには n 年日記を見て振り返るのも悪くない。

n 年日記へのリンクをどこに置くか迷ったが、とりあえず1日の一番最後に置いてみた。 tDiary テーマとの兼ね合いもあって思案中。

diary-article:

記事書き用には

 [[diary-article:記事ID]]

という記法を追加。 今までは他の記事へのリンクは URL で指定するしかなかったのだけれど、これだと可搬性がないしスマートでなかったので、あわせて実装してみた。

過去記事も全部この書き方に直したいけれど、それなりに数があるので面倒くさい。 もちろん今のままでも問題はないんだけれど。

過去の(膨大|それなり)のデータをいつまでも利用できるようにシステムを維持することの重要性(と手間)を再確認。

nDiki に「はてなスター」をつけてみた

本日よりはじまった「はてなスター」をつけてみた。 nDiki (by DiKicker) はほぼ tDiary 互換の HTML 構造なので、はてなスターの JavaScript プログラムを読み込むようにするだけで、各記事の見出しに Add ボタンが表示されるようになった。素晴しい。

ページの HEAD 要素の中で JavaScript プログラムを読むように指定されているのだが、今の DiKicker ではちょっと手を入れる必要があるので、とりあえずフッタ部分に挿入。

• http://s.hatena.ne.jp/naney/

YAPC::Asia Tokyo 2013 2日目

Mojoliciousでつくる！Webアプリ入門 (Yusuke Wada @yusukebe 氏 藤原洋記念ホール)

Mojolicious に限らず Web アプリケーション開発のかなり基礎のところから解説。ビギナーが「書けそう」って思えるトーク。

今年のベストトーク賞で2連覇達成。聞いた人が「帰って自分で何かできそう/やろう」という気持ちを起こさせる要素がきちんと入っているので yusukebe 氏のトークはいつもいいなと思ってます。

Programming AWS with Perl (Yasuhiro Horiuchi @horiuchi 氏 イベントホール)

プログラムを書いて AWS の管理を自動化できるという話。API もあるけど CLI もあるよと。AWS 使ってねと。

What's new in Carton & cpanm (Tatsuhiko Miyagawa @miyagawa 氏 イベントホール)

Carton:

ローカルで

 git commit cpanfile.snapshot

デプロイ先で

 carton install --deployment

cpanm、 Carton の最新の機能今後入れる予定の機能の紹介。テストに Travis CI を使い始めたとのこと。

昼休み

おとよさんと学食。自分が通った大学もこれぐらい学食充実してくれてたら良かったなー(久しぶりに喫茶鳩のおじや(だっけ?)食べたい)。

YAPC::Asia Tokyo 2013 特別座談会 「Rubyの良いところ語ってください ～そんなPerlで大丈夫か？～」 (藤原洋記念ホール)

tDiary から Ruby に入った人が多いのかな。 Perl Monger にはザワザワする刺激のあるいい座談会。

結論的にはプログラミング言語の選択というのはプロダクト/サービス開発の一要素でしかないし、優れたエンジニアならどの言語でも書けるよねという無難な落とし所でまとめ。

本当にあったレガシーな話 (Daisuke Maki @lestrrat 氏 藤原洋記念ホール)

10周年目を迎える livedoor Blog の裏側。 エンジニアの総意工夫があったコードだけれどだんだんレガシーになってメンテナンスコスト大きくなるよねという話は mixi もそうで非常に共感。

PSGI/Plack への移行の実話がとても参考になった。

スマフォアプリ開発を支える認証認可アーキテクチャ (Rieko Suzuki @asyoulike007 氏 藤原洋記念ホール)

同一端末内の複数のアプリで、シングルサインオンする仕組み。

日吉キャンパスを散歩

日吉キャンパス、第1校舎と高等学校グランドの間の階段を降りていくとなんか田舎な風景が広がっていてトリップした感じになれて良い。

Lightning Talks Day 2 (Daisuke Maki @lestrrat 氏 藤原洋記念ホール)

安定の YAPC LT。

Keynote (Tomohiro Ikebe 氏 藤原洋記念ホール)

一昨年の Hideo Kimura 氏、昨年の Gosuke Miyashita 氏と同様にマネージャーというポジションでのトーク。

YAPC::Asia Tokyo 2013 クロージング (Daisuke Maki @lestrrat 氏 藤原洋記念ホール)

今年は参加者1,131名。

牧氏・櫛氏の運営参加は今年が最後とのこと。お疲れさまでした。 なにか組織的にもいろいろな動きが裏でもあるのかもしれないし、あるいは新しい世代への交代を意図しているのかもしれない。

JANOG + LLNOC により構築されたネットワークのおかげで今年は昨年に比べて非常に快適だったことにも感謝。

YAPC::Asia Tokyo 2013 を終えて

今年は例年に比べてプログラミング言語 Perl についてのトークが多かったように思う。同時に今年はなんとなく Perl の人気の陰りを感じもした。昨今のネットサービスで Perl が対応言語に含まれてないこともよくあるとかそのような。

Perl コミュニティとしてコミットしたりいろいろ働きかけていきましょうという話はあるし、次の世代による新しいコミュニティの立ち上がりもある感じだし、Perl 言語自体もまだまだ貪欲に機能改良が進んでいるという話もあるし悲観することはないのだけれどもね。

ここ数年とは違う空気感だったことは確か。Perl 的にも YAPC::Asia 的にも新しい時代が来るのかな。

Happy programming in Perl!

今日のさえずり: 日吉キャンパスうっそうとしてる

2013年09月21日

• 00:20 ちょっと落ち着いたのでチェインクロニクルやろうと思ったら、高負荷なのか通信エラー。
• 08:14 今日学食やってるのかな? #yapcasia
• 09:32 RT @yapcasia: お知らせ：本日は撤収の都合上16時半頃ネットワークの提供が終了します。ご迷惑をおかけいたしますがよろしくお願いいたします。
• 09:34 チェインクロニクル、割に頻繁にお詫びアイテム付与されるので障害つい期待してしまう。
• 09:47 乗り換え。 #yapcasia (@ 大岡山駅 (Ōokayama Sta.)) http://4sq.com/17Q4WLB
• 09:57 IFTTT 用 Gmail アカウント、気休めに Android で同期するように設定。
• 09:59 I'm at 日吉駅 (Hiyoshi Sta.)(TY13/MG13/G10) (横浜市港北区, 神奈川県) http://4sq.com/1bwHqr1
• 10:08 協生館。 #yapcasia http://flic.kr/p/g13m51
• 10:17 到着。2日目。 #yapcasia (@ YAPC::Asia Tokyo 2013) http://4sq.com/1aSiJ5i
• 10:26 もちろん朝一は @yusukebe さんのトークです。 #yapcasia
• 10:30 最近 ThinkPad がサスペンドから復帰できなくて朝からコールドブート。 #yapcasia
• 10:35 Mojolicious 診断メーカー(みたいなの)の作り方。 #yapcasia
• 10:36 あ、スピーカー自身でいっちゃった。なんとかメーカー。 #yapcasia
• 10:47 Mojolicious イエー! #yapcasia
• 11:02 ep はどこまでテンプレートでやるか線引き決めるのがちょっと悩ましい。 #yapcasia
• 11:26 AWS のトーク聞いてる。 #yapcasia
• 12:30 今日は学生食堂。 #yapcasia http://flic.kr/p/g1bjbz
• 13:09 tDiary から入る Ruby、 Perl なら hns かな。 #yapcasia
• 14:13 livedoor Blog の話。長く生きているシステムは最新イケイケ開発にはない苦労があるし、いつかはそういうフェーズに入るのだよね。 #yapcasia
• 15:04 クソアプリきた! #yapcasia
• 15:20 1時間ほど休憩タイム。キャンパス散歩でもしてこよう。 #yapcasia
• 15:43 気がついたらキャンパスの外。 (@ 保福禅寺) http://4sq.com/1b11UbX
• 15:48 日吉キャンパスうっそうとしてる。 http://flic.kr/p/g1mqHG
• 16:02 テイクアウトして、グランドのベンチでコーヒー補給。 (@ TULLY'S COFFEE 慶應日吉店 - @tullys_jp w/ 2 others) http://4sq.com/1b13xpZ
• 17:39 LT 終わってマッタリ空気。 #yapcasia
• 18:52 今年の #yapcasia 終了。ここ数年とはちょっと違う空気感だった気がした。新しい時代が来るのかな。
• 19:56 RT @941: #yapcasia のクロージングで(滑ったので)話せなかった真のYAPCについての思いを語り、スタッフ打ち上げの乾杯の挨拶とした。いやぁ、いいスタッフといい参加者すばらしい！ そして本当に最後にひとつ。「ブログを書くまでがYAPCです！」お疲れさまでしたー。
• 21:39 眠い……。
• 24:37 「カードゲーム」 / “YAPC::Asia 2013 パンフレット＆配布ノベルティを全て紹介 | YAPC::Asia Tokyo 2013” http://bit.ly/1fmQdvH

Bootstrap 3 に移行して Web 日記を延命

この Web 日記(nDiki)がスマートフォンで見にくいのがずっと気になっていたので、さくっと Bootstrap 3 に移行した。CSS を Bootstrap 3.0.2 のものに変えて、navbar を使うようにコードをちょっと変更程度の軽い対応。

もともと tDiary テーマ CSS 用の HTML 構造を生成していたんだけれど、そのあたりが問題で崩れることはなく Bootstrap の CSS を当てることができた。もともと Wiki 記法で書いたソースドキュメントを HTML に変換しているので、変な構造の HTML は吐かないようになっていたというのもサクっといけた点かな。

細かいところういうと画像の回り込みに対応させなければならなかったり、テーブルなど適宜 Bootstrap のクラスを指定した方がいいところがあるけれど、まあ追い追いで。

あとそもそも iPhone や Android などのスマートフォンで見にくかったのは CSS の問題というよりは、viewport の指定がなかったからだった。Bootstrap に差し替えただけではやはりスマートフォンでは見にくくて、Bootstrap の Getting started の通り、

 <meta name="viewport" content="width=device-width, initial-scale=1.0">

と書いたら文字サイズなど見易くなった。

2004年2月22日にハイパー日記システム(hns)から自作の DiKicker に移行してからもうすぐで10年。そういえば2004年2月22日は奇しくも mixi がプレオープンした日だっとはなあ。何かの縁か。

Web 日誌 / Web 日記を書き始めてから20年

途中ブランクがあったりするけど、書き始めてからついに20年だ。

いつ始めたか?

個人 Web サイトを作り始めたのが1995年か1996年ぐらい。それから数年経った1999年1月19日にコンピュータ日誌として日付ベースの記事を書き始めた。

当時既に Web 日記を書いている人はいたが、まだ HTML ファイルとして直接書いている人も多かったんじゃないかな。自分は当時マクロプロセッサ m4 を通して静的 Web ページを生成していたので、当初 Web 日誌も m4 マクロで生成していた。

ハイパー日記システムが公開されたのが前年の9月、 tDiary が SourceForge.net に公開されたのは3年後の2002年2月20日であった。その翌年の1月16日にはてなダイアリーベータ版がリリース、さらにその翌年日記機能をもつ mixi がオープンとなる。

そこそこ早い時期から Web 日記 (Web 日誌)を書いていたんじゃないかな。

20年続けて得られたものは?

20年続けて得られたものは以下だな。

• 自分の20年の情報が蓄積されたパーソナルナレッジベースとなった。自分の過去の何かについてはサイト内を Google 検索すればたいがい探せてしまう。
• パーソナルナレッジベースについての知見を得た。
  • 特に個人の情報は「いつ」のことかが重要。
  • 「システムの寿命よりもデータの寿命を特に重視して設計されていなければならない」「ノート・日記はテキストファイルに」「ファイル名の先頭を日付にする」
• ちょっぴり人の役にたった。
• ちょっぴり収入になった。

20年続けて失ったものは?

一方失ったものは時間。公開している以上、下調べしたり文章を整えたりするのにある程度時間がかかり1週間に数時間は費やしている(1日分で数時間の場合もザラ)。Web 日記を書いていなければ数千時間、他のことができていたであろう。

あ、もちろん無駄な時間だったとは思ってはいない。調べたり考えたり内省したり、日記を書き続けたから今の自分がいるんだよね。

続ける?

Web 日記は趣味だからね。

[ コンピュータ日誌 ]

Web 日記システム tDiary が開発開始20周年

Web 日記システム tDiary が開発開始20周年とのこと。長く使い続けられることが大切な日記システムがきちんと開発保守されているの素晴らしいな。

この頃、自分はハイパー日記システムで日記を書き始めてた(2001年5月11日)んだよね。ハイパー日記システムはずっと前に開発が止まったけれど、日記記事はテキストファイルなので手元に残っている(一部はこの nDiki の形式に書き換えて公開していて、一部はまだローカルファイルのまま)。データがテキストファイルというのやはり重要。

[ ノート・日記はテキストファイルに ]

今日のさえずり: 日記システムがきちんと開発保守されているの素晴らしい

• 07:46 green #photography RICOH GR III #GR #GRIII #GR3 https://t.co/CAZxU82JNI
• 08:13 Obsidian Publish でナビゲーション表示オフでも検索バーを表示できるようになったので有効にしてみた。自分のノートを探すのに助かる。 https://notes.naney.org/
• 08:24 おや、ナビゲーション表示オフだと右カラムに配置されるのでスマートフォンで閲覧すると非表示だった。
• 12:58 Web 日記システム tDiary が開発開始20周年とのこと。長く使い続けられることが大切な日記システムがきちんと開発保守されているの素晴らしいな。
• 13:01 当時はハイパー日記システムを使ってた(2001年5月11日から)。

green#photography
RICOH GR III #GR #GRIII #GR3 pic.twitter.com/CAZxU82JNI

— Naney (@Naney) April 19, 2021