nDiki : nDiki

2015年日記まとめ

例年通り2015年を日記まとめとして月毎にふりかえります(2014年・2013年)。

1月 今年もアイカツ! で始まる1年

いつも通り初詣から始まるお正月。1月3日には劇場版アイカツ!を観に行きました。わるいひとのいない世界っていいですね。

Trello はこの1月から使い始めました。Slack との相性も良いです。家庭内で活用する案はうまく行きませんでしたが仕事では便利に使っています。

年末年始といえばイルミネーション。今年は丸の内イルミネーション2014を見にいってきました。シャンパンゴールドが優しくいい感じでした。

今年の小遣い帳は Zaim にしてみましたが6月にはもう入力するのが破綻。今年の小遣い帳付けは失敗。

あと人生に役立つ気付きとして「チョコチップと鼻血デール」があります。もうこれで赤い鼻の方がデールであることを一生迷わなくて済むようになりました。

2月 Facebook に使う時間を見直し

2月からはFacebook に使う時間を見直し。友達のフォローを全て外ししてみました。半端なくロンリーになれます。5月に解禁した際はいたくニュースフィードが眩しく感じられました。

念願だった蒲田にある都内唯一の屋上観覧車にもようやく乗ることができました。去年復活してくれて良かった! ついでに大観覧車コスモクロック21にも乗ってきました。

今年は花粉症の薬は今年から点鼻薬を追加。

LINE@ でプレミアムID @naney を取ってみたのは、結局ほとんど活用できず。今後更新していくか迷うところです。

初参加となるデブサミ「Developers Summit 2015」ではなんと前職で一緒だった zakwa 氏と再会。5月に前職の4人で開発同窓会をしました。

また家のこととしては今月ハイブリッドピアノ NU1 を書いました。リビングがいい感じになりました(私は弾かないですけど)。

GTD については Todoist を使い始め。良さそげなのでいきなりTodoistプレミアムに。

3月 初 Mac 初 OS X

仕事で使っている ThinkPad X220 が保守切れになったため、15インチMacBook Pro Retinaディスプレイモデルを用意してもらいました。実は初 Mac 初 OS X。キーボードとポインティングデバイスについては長年使ってきた ThinkPad に対する慣れが大きく納得いくレベルまではしっくりいっていないものの、すっかり慣れました。MacBook Pro + OS X でも生きていけることがわかったので、プライベートのノート PC としてもポチりました。

今年の桜の花見は浜離宮恩賜庭園。ゆっくり桜を見ることができて満足。リピートしたくなりました。

4月 トイレが詰まった

3月末に注文したプライベート用の13インチ MacBook Pro Retina Early 2015 が届いたのでいろいろと設定の日々。バックアップは AirMac Time Capsule を用意しました。

お出掛けとしてはしながわ運河まつり2015が思った以上の賑わいでした。こんなに規模が大きかったとは。

一大事件としてはトイレが詰まって初クラシアン。トイレって本当に詰まるんですね。これをきっかけに常に大で流すようにしています。

5月 科学技術館に行った

ゴールデンウィークは科学技術館へ。参加体験型の展示中心で楽しく学べます。 妻と有給休暇で自由が丘を散策しにも行きました。

月末は東京ディズニーランドと大井町自然再生観察園 ホタルの夕べ。今回の東京ディズニーランドは帰りに電車やエレベーターが止まるなど違った意味でも記憶に残るものになりました。

6月 横浜でデート

6月も妻とデート。今月は横浜開港資料館と横浜赤レンガ倉庫。

ちゃおはキスまでらしいのでちょっと安心しました。

7月 合宿

7月は部で初めての合宿に行ってきました(1日目・2日目)。「議論を通じて価値観を共有し相互理解を深める」という目的も果たせました。

「リッツ・カールトン 一瞬で心が通う『言葉がけ』の習慣」を読んだら「でまわりの人にどのように思われているかを訊いて、理想とのギャップを理解しようとあったのでさっそくトライ。「イラッとしたとき・腹落ちしていないときがわかりやすい。」などあらためて意識することができました。

文体を常体から敬体にすることにしたのが7月18日。これは Web 日記を長く書いていての大転換です。大分慣れてきましたが文末バリエーションに乏しくなりがちなので改善したいです。

8月 尿路結石

今年のプールは「アクアフィールド芝公園」。子供の頃に行っていたプールなので懐かしさ爆発でした。

nDiki 関連ではさくらのレンタルサーバ プレミアムでラピッドSSLを申し込みました。そういえばこの後吐いたんですよねぇ。プログラムも修正したりしてついに HTTPS でアクセスできるようになりました。

お盆休みは江戸東京博物館と東京ソラマチで東京観光。そして尿路結石の激痛。尿路結石の痛みとの付き合いが始まりました。

今の形では最後となる YAPC::Asia Tokyo 2015 があったのも8月でした(前夜祭・1日目・2日目)。そういえば結局 Perl 6 は使ってないです。

そして8月の最後は博品館と超☆汐留パラダイス！-2015SUMMER-をやっていた汐留。

9月 鎌倉観光

9月は羽田空港国内線第1旅客ターミナル・鎌倉観光・妻と元町から山下公園への散歩コースでデートなどちょこちょこお出掛け。

記念すべき第1回となるmixi運営オフ「mixi運営オフ#1猫町」をやったのも9月でした。

10月 Xperia Z5 購入

10月上旬についに Yahoo! JAPAN ID 登録。今まで無しで生きてきました。

初 CT で尿路結石が移動中であることを確認。しかしながらまだ出ておらず先は長いようです。

そして10月下旬についにスマートフォンを買い替え。Xperia Z5 を発売日に購入しました。 Xperia GX がもう限界近かったのでかなり快適になりました。発熱なども許容範囲です。

11月 伊東旅行と歩く会

1泊ですが伊東旅行へ行ってきました。なにげに17年半ぶり。東海館が良いところでした。1泊だとやはり短いので旅行はぜひ2泊はしたいですね。

そして久しぶりの歩く会。新宿から東京ディズニーランドまで24km弱歩きました。歩く会めちゃ楽しい。

12月

この年末年始のイルミネーション見物は表参道へ。原宿で遊びつつ表参道イルミネーション 2015を見てきました。ゴージャス!

今年のグレゴリーのバッグ購入はテールメイトS。今まで手を出さなかったのですが使い勝手良いですね。これ。

年末には日記について見直しをしてDay One で書くのをやめることにしました。MacBook Pro を買ってから Evernote を使いやすくなったのでこちらに集約していく予定です。

FeedBurner へのリダイレクトを停止

この nDiki のフィードは2008年8月から FeedBurner を挟むようにしているのですが、もう特にメリットも無さそうなので外すことにしました。

.htaccess から以下を削除。

 RewriteEngine on
 RewriteCond %{HTTP_USER_AGENT} !FeedBurner
 RewriteCond %{HTTP_USER_AGENT} !feedzirra
 RewriteRule ^diki/d/rss\.rdf$ http://feedproxy.google.com/nDiki [L,R]

http://feeds.feedburner.com/nDiki の方は削除してオリジナルの方にリダイレクトさせることもできるようですがいったんそのままにしておくことにします。

去年8月にさくらのレンタルサーバ + ラピッドSSL にして HTTPS 対応した時にフィードの中の URL 処理を修正していなかった (https://naney.org/80/diki/〜 になってしまっていた)のに気がついたのでここもあわせて修正しておきました。

Twitter・Facebook での Web 日記シェアを再開

@sseze 氏に

最近 naney.org の記事が自動的に投稿されなくなったんですね。

と言われたので

自動的に全部シェアするようにしておくと、くだらない日記とか書きにくくなるんですよね。

と答えたら

エラくなるとやっぱり投稿しにくくなるんですね。ぐふふ。

みたいな感じだったので、くだらない路線を貫くためにこの nDiki の記事の自動シェアを再開させることにしました。止めていた以下のレシピを復活です。

• nDiki → IFTTT → Buffer → Twitter
• nDiki → Zapier → Buffer → Facebook

ちなみに Buffer は知らないうちに新しい機能・サービスをリリースしていて便利になってました。

• Buffer に Optimal Scheduling ツールがついた。
• Buffer が SNS でシェアする時の画像を作成する Pablo という サービスをリリースしていた。
  • https://pablo.buffer.com/

今回 Optimal Scheduling ツールで投稿スケジュールを再設定しました。それと Facebook シェアの方は Pablo を使って画像を作成したものをつけるのをちょっとお試ししてみています。画像の方はそのうち面倒くさくなったらやめるかも。

つぶやきの文体を敬体・常体混用に

Web 日記(nDiki・mixi日記)の文体を常体(普通体)から敬体(丁寧体)に変えて1年経ちました(文体を常体から敬体に)。

常体で書くと文章そのものがやわらかい印象になるのですがこれは文体だけのせいではなく、書いている途中の気持ち自体がやわらかくなるというのも大きいなというのが、この1年で感じたところです。Web 日記については引き続き敬体で書いていこうと思います。

つぶやきは敬体・常体混用に

一方あわせて基本敬体にしてみたソーシャルメディアでのつぶやきですが、こちらはやはり敬体ではかしこまりすぎてその時の気持ちの表現とは合わないなぁと感じることが多かったです。敬体では話しかけるような感じになってしまうので、つぶやきらしくなくなり窮屈さがありました。

常体のつぶやきへのコメントに敬体で返信するのは慌てて姿勢を正すような感じがして少し気恥ずかしく、いつも敬体で書くとそういうことが無くていいなというのがありますが、ちょっと気にしすぎですね。

つぶやきは無理に体を揃えず、投稿ごとに敬体・常体を使い分けるのがやはり自然です。今日から元に戻すことにします。

今日のさえずり: ジャバ中。アクティブ発泡パワー!

2016年07月18日

• 14:04 昨日より今日の方がプール日和。
• 14:33 ジャバ中。アクティブ発泡パワー!
• 15:06 最近 Facebook にあまり投稿しなくなったので Twitter の Facebook Connect をまた設定してみました。
• 15:42 nDiki → Zapier → Buffer → Facebook という投稿ラインを停止。
• 18:04 ノートン セキュリティ プレミアムを注文。
• 21:03 MURA はやはり人口が減っているのでしょうか。 http://bit.ly/29OkEg7
• 22:29 Twitter の Facebook Connect では Facebook 側の表示が好みでなかったので Twitter → Zapier → Buffer → Facebook にしてみます。
• 23:21 ボタンを押したら Zapier の14日間トライアルがスタートしてしまった。

プライベートな日記をテキストファイルベースに移行する

「君の名は。」を観て出来事や感情・感動を日記に書き残しておくことをあらためて大切にしたいと思ったので、日記を書く先をテキストファイルにすることにしました。

日記システムは「システムの寿命よりもデータの寿命を特に重視して設計されていなければならない」と個人的に思ってる。

のでこの nDiki も日記データはテキストファイルになっているのですが、プライベートな日記は実はここしばらく Evernote にしていました(去年末に Day One から Evernote に変えました)。今は「デイリーノート」としてその日の日記やノートなどを1日分ずつ Evernote の1ノートにしています。形としていい感じになってきたのですが、やはり Evernote 上のノートの永続性については不安な気持ちをもっていました。

今回はいい機会なのでクラシックだけれども自由度が高くアプリケーションの寿命に縛られないテキストファイルベースに移行することにしました。

形式とファイル

1日1テキストファイル。見出しや箇条書きなど基本的に Markdown 形式で。日付はファイル名に頼らずファイル内にも書きます。

ファイルは Dropbox フォルダ上に置きます。

ツール

OS X 上では基本 iA Writer で。ライブラリ機能を使って日記ファイルをブラウズしやすいのが良いです。検索については iA Writer でフォルダ内の検索はできるものの、サブフォルダまで再帰的には検索してくれないので Spotlight と併用になりそうです。*1

Android デバイスからは JotterPad や Jota+ で編集します。

編集履歴を戻りたくなった場合には iA Writer・JotterPad・Dropbox の履歴機能を利用できるので安心。

バックアップは OS X の Time Machine で。

Evernote に比べて検索の使い勝手が若干下がりますが、それ以外はマルチデバイス含め遜色ない感じで運用できそうです。好きなテキストエディタが使えるようになる点、コピー&ペースト時にリッチテキストかどうかなどを気にしなくてよい点など、書く時の快適さはテキストファイルベースの方が上です。

何周かしてまたテキストファイルに戻ってきた、そんな感じです。

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

ファイル名中の日付を先頭にする

日記のテキストファイルにあたってファイル名を daily-note-yyyy-mm-dd.txt にしたのですが、やはり yyyy-mm-dd-daily-note.txt にしました。Spotlight 検索をした時に日付が前の方が他の日付別ファイルと合わせて日付順に並べ替えられて便利なのが理由です。

• nDiki の記事ファイル名は yyyy-mm-dd-<article-name>.dkd
• howm のノートファイル名は yyyy-mm-dd-HHMMSS.md (%Y/%m/%Y-%m-%d-%H%M%S.md)

などと yyyy-mm-dd-ほにゃららをオレオレルールにしていたのを、後になって思い出しました。

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

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 5.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%;
     }
 }