nDiki : 画像

画像ファイル名中の日時を先頭にする

テキストファイルのファイル名中の日付を先頭にするに引き続き、画像ファイルも同様に日時を先頭にするようにしました。

デジタルカメラ α6300 で撮影した JPEG ファイルのファイル名を変換する場合は以下のようなコマンドです。

 jhead -autorot -ft -n%Y-%m-%d-%H%M%S-ILCE-6300

今までは「<モデル>-<年>-<月>-<日>-<時分秒>.jpg」のようなファイル名にしていたのですが、今後は「<年>-<月>-<日>-<時分秒>-<モデル>.jpg」になります。これで複数のデジタルカメラで撮った写真もファイラ上で通して日時順に並べられます。

digiKam のような撮影日時順に並べられるアプリケーションだとどちらでも良いのですが、それができないファイラやスライドショーアプリなどではファイル名で日時順に並べ替えられた方が便利ですね。

過去10年以上の画像ファイルのファイル名を変更するのがバックアップ管理上面倒だったのでずっとそのままにしてきたのですが、自宅用 NAS として Synology DiskStation DS216j を新調し、昨日画像ファイルを置き始めたタイミングで変えることにしました。

もうこれで並べ替えに困りません。

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

Android スマートフォンで Dropbox 上に記事原稿を書くなら iA Writer

Android デバイスから Dropbox 上のプレーンテキストファイル/Markdown ファイルを直接編集するライティングアプリとして現時点では iA Writer が最高です。

スマートフォンでちょっとした時間に使うライティングアプリとしては

• 勝手に Dropbox 上に自動保存してくれる。
• 他のアプリから Dropbox 上にあるファイルが変更された時に自動再読み込みしてくれる。

という機能が個人的には必須だと思っています。 iA Writer はこのあたりの Dropbox 処理が良く(安定した読み書き・自動保存・他で更新した時の自動再読み込み)、ストレス無く使えます。

Jota+ や JotterPad も併用してきているのですが

• Jota+ Connector for Dropbox V2 が自分の環境だと良く保存に失敗する(手動保存・自動保存)。
• JotterPad は Dropbox 上で変更されても自動再読み込みしてくれない。明示的に再読み込みする方法もない。

という点で現時点では iA Writer がベストかなと。

• https://ia.net/writer

Mac アプリケーションや iOS アプリとしてはメジャーな iA Writer ですが、 Android 版はビジネス的に儲からないのか開発が活発ではないようなところが心配な点ではあります。ぜひユーザーが増えて発展していって欲しいところです。

(画像は https://ia.net/writer より)

---

[ Android アプリレビュー ]

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

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

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

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

PowerShot G9 X Mark II ファーストインプレッション

発売日の2017年2月23日に届いた PowerShot G9 X Mark II を今日箱から出しました。液晶保護フィルムを貼り CHUMS のストラップを装備し、最近では珍しくしっかりとした厚さの取扱説明書を読みながらいじってみました。

コンパクトボディ

1.0型センサーながらコンパクトなアルミボディはしっかりエッジのある形状で精悍な印象です。この大きさならいつでも持ち歩けます。コンパクトなボディに大きな鏡胴なので、右手で掴んだ際にグリップ部が狭いなというのが持った時の印象でした。リストストラップに手を通して持った方が安心です。

操作

十字キーが無くタッチパネル液晶での操作が中心ですが特に迷うこともなく使いやすいです。

カメラ前面にあるコントローラーリングは何を割り当てるか迷うところ。28・35・50・84mm(35mm 判閑散)と切り換えられるステップズームはコントローラーリングに割り当てないと使えないのですが、露出補正や Av (Av モード時)も捨てがたいです。ここは使いながら決めようかなと。

記録画素数

3:2 だと以下を選択できます。

• ラージ(L): 5472×3648
• ミドル(M): 3678×2432
• スモール1(S1): 2736×1824
• スモール2(S2): 2400×1600

ちなみに α6300 だと以下。

• L: 6000x4000
• M: 4240x2832
• S: 3008x2000

Xperia Z5 では 3264x2448 (4:3)で撮ってるし、用途を考えると G9 X Mark II ではミドル(M)を常用しようかなと今のところ考えています。スマートフォン経由で SNS 等に投稿する場合は下記のように転送時に手間なしリサイズすることもできるので、普段は L で撮っておくというのもありではあります。

スマートフォンへの転送

Xperia Z5 には Cannon Camera Connect for Android をインストールすることで Bluetooth を使ったかんたん接続 + Wi-Fi での転送を行えます。 NFC によるかんた接続もできますが Bluetooth だと端末を近づけなくて良いので格段に手間無しですね。 G9 X Mark II 側は電源を切った状態で机に置いておくだけで良いのでかなり気軽にできます。

転送時にリサイズするという機能もついてます。リサイズするようにすると 3:2 で撮った写真は 2400x1600 (S2) にリサイズされた画像ファイルがスマートフォンに転送されます。

Mac への転送

Mac への Wi-Fi 転送も設定したいなと CameraWindow DC 8.10.9b for Mac OS X を MacBook Pro にインストールしてみたのですが、 macOS 10.12 では Wi-Fi 接続不可とのこと。アップデート待ちです。

写真枚数が少なくカードの抜き差しが面倒な場合は G9 X Mark II → Xperia Z5 → Synology DiskStation DS216j (NAS) → MacBook Pro (Cloud Station でリアルタイム同期)で済ませることにします。

液晶保護フィルム

液晶保護フィルムはケンコーの液晶プロテクターにしました。 G9 X Mark II が出る前なので G9 X 用を注文しましたがサイズはぴったりです。

• Kenko 液晶保護フィルム 液晶プロテクター PowerShot G7X MarkII/G5X/G9X用 フラストレーションフリーパッケージ(FFP) KLP-CPSG7XM2

バッテリー

G9 X Mark II はバッテリーチャージャーが付属しているのが良心的。本体チャージしかできないと不便ですし、かといって別売りだとわざわざ買うのもなぁと思ってしまうので。バッテリーパックは純正の NB-13L を1個合わせて買いました。まだ初日なので保ちは不明です。

• NB-13L

メモリーカード

メモリーカードはいつもの Transcend のを買い足し。α6300 でも使っているものです。

• α6300 用に Transcend の Class 10 UHS-I 対応SDHCメモリーカードを買い足した

ケース

ケースは良さそげなのが見つからなかったのでハクバ カメララップ S にしました。

• PowerShot G9 X Mark II のケース代わりにハクバ カメララップ S

以上

普段使いには PowerShot G9 X Mark II、しっかり撮りにいく時は α6300、雨や衝撃など気にせずより気軽に撮りたい時は FinePix XP70 といい感じにラインが組めたかなと。

スマートフォンの画質に不満で買ったということもあるので普段から持ち歩いてさっと撮るのに使っていきたいです。

---

[ 製品レポート ]

テキストファイルアウトライナーとして TaskPaper を購入した

アウトライナーの OmniOutliner や WorkFlowy などを活用しようかなとちょっと前から使っているのですが、出来上がったアウトラインをプレーンテキストに落とすのがやっぱりどうしても面倒でどうしたもんかなとなりました。過去何度も同じことを繰り返しているのですけれども。

独自形式や OPML 形式ではなく、最初からプレーンテキストに近いテキストファイルをネイティブな形式として扱えるアウトライナーが無いかなぁと以前から思っていたのですが、実は TaskPaper がそうだったと今頃知りました。

• https://www.taskpaper.com/

しかもできればいいなと思っていた「テキストファイル中のリスト形式のところだけアウトライン編集」が出来るじゃないですか。即購入しました。

個人的に嬉しい点は以下です。

• データファイルがテキストファイル。
• リスト部分は Markdown のリストと同じ。リストの部分がアウトライナー的に編集できる。
• リストではない部分はそのまま保持される。
• Ulysses で書いているメモから「このアプリケーションで開く」で TaskPaper を指定して開けばさくっとリストの部分だけアウトライン編集できる。
• 他のアプリでファイルが更新されると自動的に再読み込みしてくれるので、 Ulysses や iA Writer などと同時に開いて編集できる。

もとはタスク管理アプリなのですがアウトライナーの部分だけでも十分便利そう。

タスク管理のためのテキストファイル形式には todo.txt がありますが、サブタスク階層が作れる点とタスク以外のノートを同じファイルに書いておける点で、圧倒的に TaskPaper 形式の方が使い勝手が良いです。

なお TaskPaper には1つのファイル内にプロジェクトを複数作り特定のプロジェクトだけフォーカスするということもできるのですが、その機能を使うにはリストを第一階層からインデントしておく必要があり Markdown 形式でのリストとは違う書式で書かなければなりません。自分の場合は Markdown 形式ファイル中のリストをアウトライン編集したりちょっとしたタスクリストとして使ったりしたいので、このプロジェクト機能は無視することにしました。

(画像は https://www.taskpaper.com/ より。)

「親子でいっしょに手形アートをつくろう♪」&「みんなの手形で桜を咲かせよう!!」

今日はイオンモール幕張新都心 ファミリーモール1F ファミリーコートで手形アートイベントを開催しました。寒い日にもかかわらず多くの人に来ていただき大変ありがとうございました。

「みんなの手形で桜を咲かせよう!!」は通りがかって興味をもって立ち寄ってくださった方はもちろん、事前告知を見てお越しくださった方も多くいらっしゃって嬉しい限りでした。おかげさまで、手形で満開の桜を咲かせることができました。膝の上に乗っていろいろ話しかけてくれたお子さん、手形の横に書く「最近良かったことを」あれこれ考えているお子さんの姿をみて、開催して良かったなと感じました。

SNS 上だけではなく直接会って楽しくおしゃべりをして仲良しになろうという趣旨で mixi ユーザーの方から募集した「親子でいっしょに手形アートをつくろう♪」では手形アート作りに加えて、お題トークを通してお母さんどうしで会話していただき楽しい時間をお過ごしいただきました。

イベント開催を終えて

今まで mixi ユーザーとの交流イベント「mixi運営オフ」を開催してきましたが今回は小さいお子様連れを対象としたイベントでしたので、今まで以上に安全面などを含めて細かく準備をいたしました。無事にイベントを終えることができほっといたしております。

朝に家を出てからイオンモールに着くまで小雨が降っており、出足が悪かったらどうしようと心配していたのですが、結果通行人の方向けのイベントについては準備していた桜形の手形用紙分すべてご参加いただけてちょっとほっとしました。イオンモールの方によると花見の季節なので好天の方がむしろ人出が少なかったもしれないとのことで、なるほど結果オーライだったようです。

イオンモール幕張新都心は今日が初めてです(現地下見・打ち合わせはイベントメインスタッフが担当していました)。今日来たファミリーモールだけでもこれだけ広いので、全モールとなると1日では見て回れなさそうですね。一度は全部回ってみたいです。

(画像は https://yorimixi.jp/mama-friends より)

iPhone 用の TaskPaper アプリとして Editorial を入れてみる

最近 Mac を使っている時のタスク管理ツールとして TaskPaper を便利に使っています。今のところスマートフォンでこのタスクリストを扱うことは無いのですが、思い浮かんだことをさっと書き込んでおきたいことはたまにあります。 iPhone 用テキストエディタで TaskPaper ファイル形式にも対応している Editorial を入れてみました。

http://omz-software.com/editorial/

ちょっと触ってみて気がついた点は以下です。

ファイル関連

• iA Writer のように都度 Dropbox 上のファイルにアクセスするタイプのエディタではなく Ulysses のようにフォルダツリーを同期するタイプ。1つのフォルダしか指定できない。
• 書き込みは比較的すぐ Dropbox へ反映してくれるみたい。読み込みは明示的にメニューから同期してあげないといけなさそう。
• TaskPaper ファイルとして認識させるには拡張子を taskpaper にする必要がある。

今は Dropbox 上で TaskPaper ファイルを離れたフォルダに置いているので、 Editorial を使うとすると近くに寄せておく必要があると感じました(ずっと上の方の祖先フォルダを同期指定すると同期対象が多すぎて大変なことになりそうだし、階層を上がったり下がったりも面倒そう)。

それから今は Markdown ファイルも TaskPaper ファイルも拡張子を txt に統一して使っているのですがここも運用を変える必要ありです。

編集関連

• 折り畳みできるのはプロジェクトのみ。リストは折り畳みできず、フォーカスすることもできないので、深い/長いリストは扱いにくい。
• 各行のドラッグハンドルを掴んで上下移動できるので通常のテキストエディタよりは便利。リストごとまとめて移動はできないのでアウトライナーとしての編集機能はほぼなし。

ということであくまでも TaskPaper 形式のハイライト・若干の編集補助があるテキストエディタと思った方が良い感じです。

Editorial だけでタスク管理するのは難しいと思いますが、 Mac から離れているときにさっと確認したりちょっと修正・追記したりするのには使えそうです。

(画像は http://omz-software.com/editorial/ より)

---

[ iOS アプリレビュー ]

Emacs 25.2 の make 失敗とか【日記】

Emacs 25.2

新しい開発環境に入っている Emacs が 24.3 で helm, helm-ls-git, magit パッケージが使えません(Emacs 24.4 以上が必要)。ということで最新の Emacs 25.2 を入れようかと思ったのですが make 失敗。randomize_va_space が 2 だと駄目のようですが、EC2 + Docker コンテナ上でどうするのが最適なのかな。

Qiita:Team

Qiita:Team にアップロードした画像を自分で削除する手段が用意されていないようで気持ち悪い。こまめに図を更新したい時に気が引けて嫌です。うーん。

ビッカメ娘【日記】

会社帰りにちょっとしたプレゼントを買いにビックカメラ新宿西口店へ。ヨドバシカメラ同様店頭在庫が確認できるの良いですね。会社最寄りの渋谷駅から山手線で新宿まで出て買い物をし、また山手線で渋谷駅まで戻ってきて45分ぐらい。1時間早く退勤すればちょっと新宿に出て買い物できるなと。

無料ラッピングではビッカメ娘の包装紙があったのでそれにしました。こんなキャラクターものがあったとは。後で調べたらそれぞれ店舗別に違うキャラがいるんですね(包装紙はいろいろなキャラクターのデフォルメ版が並んでいるものでした)。

• https://biccame.jp

ちなみに新宿西口店のキャラクターは「新宿西口たん」という名前らしいです。

次にラッピングしてもらう買い物がある時はまたビックカメラにしようかな。

(画像は https://biccame.jp/profile/shinjyuku.html より。)