nDiki : nDiki

iA Writer の検索が不完全なので Atom を併用する

テキストファイルでのノート・日記を書くのにここ最近 iA Writer を使っているのですが、日本語の検索が完全ではない(マッチしないものがある)ので、標準で Markdown プレビューを備えている Atom を使ってみることにしました。

「プロジェクトフォルダを追加」することで IDE のように左側にディレクトリツリーが表示でき、ディレクトリ内の検索もできるので、キーワードでノート・日記を探すのに便利。

一般的なテキストエディタですから複数タブやペイン分割ももちろんでき、ノート・日記の整理をしたり nDiki の記事ファイルを書き起こしたりするのに便利です。

ノートツールとして使うには自動保存・自動再読み込みが欲しいので日本語メニュー化とあわせてまず以下のパッケージを入れました。

• japanese-menu
• autosave
• revert-buffer

これでひとまず使えそうです。

ただ iA Writer が不要になるかというと、完全には乗り換えられない感じです。 distraction-free さと新規ファイルを作る時の手軽さを考えるとまだiA Writer を手放せない感じ。

複数のツールを併用できるのもテキストファイルベースの良いところですね。

ようやく日記システム DiKicker のメンテナンス開始

この日記(nDiki)で使っている自作日記システム DiKicker、開発し始めたのが2003年12月末なのでもう13年物だったりします。ここ最近大きなメンテナンスはしていなかったのですが、まだこの先10年以上使えるように手を入れることにしました。一昨日から着手。

やりたいこと

• もともと WiKicker (WikiEngine) からの派生で作ったのでが WiKiEngine の方は使わなくなったので、不要なコードを削除したい。共通部分をスーパークラス化してあるけれどもここもまとめたい。
• WikiName の特別扱いをやめたい。
• Perl 5.005_03 でも動くように Perl v5.8.0 未満かどうかで処理を変えているけれども、もう 5.005_03 用のコードは消したい。
• データを Berkeley DB にトリッキーな形で入れているので SQLite あたりに変えて簡単にしたい。
• 最終的には Go で書き換えたりして。

今日のさえずり: 電気ファンヒータ出して加湿器出してクリスマスツリーの箱出して扇風機は掃除した

2016年11月20日

• 11:39 RT @HR_mixi: 第4回git challengeがはじまりました。今日は快晴で、git challenge日和となりました。#mixi_git https://t.co/0aIH0Au6uw
• 14:41 電気ファンヒータ出して加湿器出してクリスマスツリーの箱出して扇風機は掃除した。
• 20:46 iOS 版の iA Writer 4.0 でキーボード「日本語 - かな」での空白がいわゆる全角になったの改悪。
• 20:53 もしかして iA Writer 4.0 より前のバージョンからそうだった?
• 22:43 RT @ryuzee: そう、KPT難しい / “ふりかえりで Lean Coffee やってみた | nDiki” http://htn.to/nYDXZU
• 24:36 ふりかえりで Lean Coffee やってみた。 http://bit.ly/2fpUD9V

nDiki に貼る写真を Flickr ではなく同じサーバに置く

この nDiki に写真を載せる際は2005年から Flickr にアップロードしてそれを貼りつけるようにしています。これを今後は普通に画像ファイルを Web サーバ側に置くことにしました。

Flickr に写真を置いておくメリットは以下があります。

• スマートフォンから簡単にアップロードしておける。Flickr アップロード + Twitter シェアした写真をそのままあとで nDiki に貼れる。
• Flickr で様々なサイズの画像にしてくれるので自前でリサイズしなくて済む。
• Web サーバの容量を圧迫しない(当時は 容量が少なかった)。

一方デメリットとしては

• Flickr にベンダーロックインされている。長期的には一抹の不安。
• 一度画像の URL が変わったタイミングで過去の写真が一部表示できなくなっている(記事側の URL を変更していく必要がある)。今後も同様の自体があり得る。

があります。

Flickr 利用で使い勝手的には問題が無いのですが、長期的に継続する Web 日記のコンテンツとしては他のサービスに依存しすぎないようにした方が良いということで、今後は普通に Web サーバに置くことにしました。

そうするとどのサイズの画像ファイルを用意するかを改めて考える必要が出てきました。

画像サイズ

今までは Flickr で生成されるから適当そうなもの(たいがい長辺 500px のもの)を選んで貼っていました。今後は自分で適切なファイルを作ってアップロードすることになるので画像サイズについてちょっと見直してみました。

Bootstrap 3 でのサイトの幅の見直してコンテナを 970px までに

Bootstrap 3 だと広くても幅 1140px (1170px - 30px) なので画像幅もこれだけあれば十分です。しかし考えてみると nDiki は1カラムなのでラージデバイス(≥1200px)向けのコンテナ 1170px はいささか広すぎます。ということでいったんミディアムデバイス向けのコンテナ 970px までしか広げないようにしました。

 @media (min-width: 1200px) {
     .container {
         width: 970px;
     }
 }

写真は基本 max-width: 100% の .img-responsive で表示しているので、これで最大 940px 幅で表示されることになります。

表示される写真の高さは最大 480px に

幅 940px だと 4:3 なら高さは 705px、3:2 なら高さは約 627px になります。13インチMacBook Pro 上の Google Chrome でこのサイズの写真を貼るとほぼ縦いっぱいになってしまいます。記事中の写真では 480px ぐらいまでかなという印象でした。ということで

 max-height: 480px;

としました。

これだと 4:3 なら 640x480px、3:2 だと 720x480px の画像サイズがあれば十分なことになります。縦位置だと 3:4 で 360x480px、 2:3 だと 320x480px です。

画像ファイルの画像サイズは長辺 1200px に

これで 640x480px (4:3) や 720x480px (3:2) にリサイズして Web サーバに置けば現時点では過不足ないということがわかりました。

ただこれだとデバイスの変化でサイトデザインを見直す時がきた時に解像度不足になってしまいます。Bootstrap のラージデバイス向けのコンテナサイズを考えていったん長辺 1200px で画像ファイルを用意することに決めました。

ついでに .pull-left と .pull-right の画像幅も調整

写真を左右に寄せた際に現状テキスト部分が狭くなりすぎることがあるのでこのあたりも合わせて今回調整しました。

 .img-responsive {
     display: inline-block !important;
     max-height: 480px;
 }

 @media (min-width: 768px) {
     .pull-left.img-responsive {
         max-width: 50%;
     }

     .pull-right.img-responsive {
         max-width: 50%;
     }
 }

 @media (min-width: 992px) {
     .pull-left.img-responsive {
         max-width: 50%;
     }

     .pull-right.img-responsive {
         max-width: 50%;
     }
 }

 @media (min-width: 1200px) {
     .pull-left.img-responsive {
         max-width: 50%;
     }

     .pull-right.img-responsive {
         max-width: 50%;
     }
 }

まとめ日記にしない大晦日日記

ここ3年は大晦日付で nDiki のまとめ日記を書いていたのですが、実際に書くのは翌年半ばになったりしているので今年はやめることにします。ということで大晦日日記。

昨日ふと欲しくなって買ったジグソーパズルで一遊びし、お昼に例年通りスーパーへオードブルや刺し身などの買い出しへ。

あとは時間を見つけて Day One のエントリを黙々と Markdown テキストファイル化し続けました。頑張った甲斐あり、18:00 頃に(Publish してあるものを残し)全て Markdown テキストファイル化完了。Evernote にあったデイリーノート・個人的日誌・mixi日記のコピーのテキストファイル化とあわせて、年内にほぼ日記系データのテキストファイル化をすることができました。 9月に始めた日記テキストファイル化作戦もこれで一段落。ふう。

NHK紅白歌合戦前にお風呂を済ませてあとはゆっくり。

年越しでひとしきり SNS にあけおめ投稿をしてから、生さだを途中までだらだらと觀て就寝。

2016年も良い年でした。

nDiki ソースファイルの拡張子を txt に

この nDiki の記事ファイルはテキストファイルなのですが、ファイル名の拡張子を dkd/dkk にしていたのでテキストアプリでファイル一覧にでなかったり Dropbox や Google ドライブでプレビューできなかったりするなど不便でした。

なのでこの機会に nDiki (の日記システムである DiKicker)の仕様を変えて拡張子 txt でもよいように修正しました。あわせて1万以上ある記事ファイル名を修正。これで他のノート・日記系ファイルと同じように Dropbox 以下に移動 & Google ドライブに同期するようになりました。

パーソナルナレッジベースとしてのテキストファイル集約がこれでほぼ完了。

Ulysses でノート・日記が一括検索できるようになって個人的にかなり便利になりました。テキストファイル最高。

nNote 始めました

永続的に残しておくほどではないちょっとしたノートを置いておくスペースとして nNote を始めることにしました。

• https://www.naney.org/note

nDiki と同じく自作の DiKicker を使用しています。

Medium であったり note であったりその他の Blog サービスであったりと「何か」を書いて公開しておけるサービスを触ってみるたびに「この nDiki とは別に書くとしたら何だろう? 何を書きたいんだろう?」と考えを巡らせていました。

この nDiki は長く続けてきた中で

• 永続的に残すことを前提にきちんとした URL (記事 ID) にする。
• 誤読されないように、ある程度自分なりに推敲する。
• AutomaticLink のために正確な用語で書く。
• フィードが拾われて消費されることを前提に、きちんと書けてから公開する。

といった縛りが自分の中にできてきているので、もっと自由なスペースが自分は欲しいのではと思えてきました。

• 必要が無くなったら 404 を恐れずさくっと消して良い。
• まだ自分としてこうだという結論に至っていない考えだったり何かの断片だったりを書いて良い。
• 最初から用語の正確性を追わなくて良い。
• 頻繁に更新して良い。

そういったノートを書き留めておく場所が欲しいんだなと。

そのためのサービス・プラットフォームで何がいいかと考えると、やはりテキストファイルでさっと新規作成・再編集をしてサーバに同期して公開・更新できるものがいいなぁという結論に至って、結局欲しいと思って自作して使っているこれ (DiKicker) じゃないですかと。日付有りノート中心になってしまいますが、まあいいかなと。

ということでさくっと設定だけ増やして nNote を立てるに至りました。

nDiki の表示内容をダイエット

nDiki に貼りつけるものの調整に合わせて昨日今日で表示内容を見直しました。

• 記事別に表示していた関連記事リストを非表示に。
• ページの内容に関連する未出語表示(Related term)を非表示に。昔 SEO 的に入れたもの。
• 記事のない(なくなった)ページで 200 を返していたところを 404 に。
• 404 の時は専用のフッタを出すように。
• 日記記事・キーワード記事の本文が短い(現時点では3ブロック未満)の場合は、直下に貼りつけるものを出さないように。

短い記事しかないページではいろいろ表示されすぎないようにするための更新です。

nNote を最近使うようになってきたとか 【日記】

先月末に作った「ちょっとしたノートを置いておくスペース nNote」、どう使うか定まっていなくて当初はあまり書くこともなかったのですが、最近はちょこちょこメモを置くようになってきました。気軽に書き留めておける場所があるのやはり楽でいいです。小さいエントリが多いのでぱっと自分で見られるようにトップページに表示する記事数を増やしてみました。

それから nDiki(と nNote) に画像が無い記事がシェアされた時にフッタにあるプロフィール写真が機械的に選ばれる場合が多くてちょっとなと思ったので、フッタの上に 1200x630 の画像を置いておくことにしました(ページ上では大きくならないように CSS でサイズ制限)。

記事ごとに OGP 画像を指定する機能・記事に OGP 画像が無い場合にデフォルトを指定する機能を用意せねばと思いつつとりあえずということで。

mixi日記でマイクロブログ

久しぶりにmixi日記を書くなんて思ったものの、やはり当日 24:00 までに一日をふりかえってまとめるというのはなかなか続かないものです(mixi日記は前日以前の日付で日記を書けません)。「日記にまとめるつもりだったけれど書きそびれてタイミング逸した」というトピックが時々あるのはちょっと残念。どうすればいいかと考えて

• とりあえずつぶやきレベルの内容でmixi日記を書いてしまう。
• 整理する時間がなければそのまま。
• 整理できる/したいなら改訂、もしくは新規投稿しなおす。

としてみることにしました。mixiボイスではなくmixi日記でつぶやいておけばいいんじゃないかなと。タイトルが必須なのはちょっとつぶやきとして使いにくいので、無題なら【つぶ】と入れておくことにしました。

ちなみに去年つぶやかないでmixi日記を書くというトライはやはり「まとめる」というのが必須だったのですぐ止めてました。夜まとめるというのは結構ハードルが高いのです。

「毎日のこと」はできるだけ簡単に済ませられるようにし何日分もためこまないでいいようなルールにしておくのが良いですよね(と思いつつ nDiki は週末にまとめて書きがち)。