nDiki : ブックマーク

Markdown で書いているノートを Web ブラウザで見るのに MkDocs を使う

ノート/メモははライティングアプリ Ulysses を使い Markdown で書いていて、検索・閲覧・整理も Ulysses で基本済ませています。ただいくつかの良く参照するファイルはブックマークやハイパーリンクから Web ブラウザでさっと表示させたかったりします。なので以前は Plack::App::Directory::Markdown を使った自作 PSGI アプリケーションを使ってました。

• howm + Markdown + Plack
• Text::Markdown::Discount でテーブルや ``` や自動リンクなどの拡張を使う
• 社内でも動かしている PSGI アプリケーションに OpenID 認証をつけた
• Markdown ビューアを OpenID Connect を使って Google アカウントで認証できるようにした

が、セットアップしたり保守したりという手間を今とれないなと思って、 Markdown ビューアを探してみたところ MkDocs が良さそうなので試してみました。

• http://www.mkdocs.org/ (公式サイト自体が MkDocs で作られているのでどのような表示になるか確認できます)

MkDocs を Homebrew で入れてみる

MacBook Pro に Homebrew で入れて動かしてみます。

 $brew install MkDocs
 $mkdir -p ~/var/mkdocs
 $cd ~/var/mkdocs
 $mkdocs new local
 $cd local
 $mkdocs serve

で Web サーバが立ち上がるので http://127.0.0.1:8000/ にアクセスすると ~/var/mkdocs/local/docs/index.md の内容を HTML に変換したものが表示されます。お手軽! 設定変更は ~/var/mkdocs/local/mkdocs.yml できます。

• 設定ファイルの書き方

あとは docs の下に Markdown ファイルを置いておけば Web ブラウザで閲覧できます。docs の下に既存の Markdown ファイルノートディレクトリへシンボリックリンクを作ればそれらも辿って表示されます。

pip で入れ直す

試していてブラウザでのレンダリング表示が重いなと思って HTML ソースを見たら同じ JavaScript ファイルを何十回も読み込んでいて何か変ぽかったので Homebrew のをやめて pip で入れなおしました。どちらも現在 mkdocs 0.17.2 ですが pip で入れた方は問題なかったのでこちらを使うことにします。

 $brew uninstall mkdocs
 $brew install python
 $pip2 install mkdocs

MkDown は静的サイトジェネレータで、プレビューサーバは補助的機能ですがまずまず使えそうです。

今日のさえずり: 性癖に応じた広告を出すためかもしれない Twitter の新しいブックマーク機能

2018年03月02日

• 08:42 今朝は気のせいか富士山が近く感じられるな。
• 08:45 “オンラインとオフラインにおける「自分」の多面性を考える｜加藤 綾(あやにー)｜note” http://bit.ly/2CSJJ7A
• 17:14 TOLO PAN TOKYO (池尻大橋) NEX-5N https://t.co/QShyPDN6NY
• 18:32 パタノール点眼液開封した。今日はオフィスから出ていないのに目にきたよ。
• 21:17 性癖に応じた広告を出すためかもしれない Twitter の新しいブックマーク機能をどう使うか考えている。
• 23:29 やはりテキストファイルが一番扱いやすいですよね。 / “日記をつけはじめて1年とちょっと経ったまとめ” http://bit.ly/2Fhrw8J

今日のさえずり: てっきりブックマークするボタンだと……

• 08:42 最初にもった Android デバイスだ。 / “国内初Xperiaシリーズ「Xperia SO-01B」の衝撃！” http://bit.ly/2FAULER
• 13:32 花粉多そうなので今日のお昼は外に出ない。 (@ 株式会社ミクシィ (NBF渋谷イースト) in 渋谷区, 東京都) https://www.swarmapp.com/c/cdZaTevuzfQ
• 15:15 専門家がいるんですね。 / “あなたが死んだらブログやSNSはどうなる？ 「故人サイト」の専門家に聞いてみた。” http://bit.ly/2IpH35k
• 17:12 モンスターストライクのサブスクリプションサービス「モンパス」について具体的な話が書かれていて面白い! https://twitter.com/...
• 19:38 はてなブックマークアプリで自分のブックマーク一覧を見る方法がわかりません。
• 20:54 ありがとうございます。見られました! https://twitter.com/...
• 21:24 @seekgeeks_ny てっきりブックマークするボタンだと……。
• 24:09 注文していた及川卓也氏監修の「OKR(オーケーアール)」今日発売なのでさっそく Fire HD 8 にダウンロード。次の年度に向けた良いタイミングで嬉しい。 http://amzn.to/2IpPTAa

今日のさえずり: CHUMS 大好き。ついつい表参道のお店に行っちゃう。

• 07:00 MODI #トイデジ #デジタルハリネズミ https://t.co/1BoBAUiANg
• 09:40 2018年5月22日 朝の渋谷 https://t.co/BmUY7QKcNe
• 12:38 青山通りからちょっと入ったところにあるパン・オ・スリールに初めて行ってみた。歯応えのあるパンに満足。 http://pain-au-sourire.jp/ https://t.co/LFkNTWeYHM
• 13:30 3つで思った以上に満腹だ。
• 16:00 CHUMS 大好き。ついつい表参道のお店に行っちゃう。 PowerShot G9 X Mark II https://t.co/8lMdFrQM9s
• 17:15 Ray-Ban GENUINE SINCE 1937 専門店ならちょっと安心。 PowerShot G9 X Mark II https://t.co/CyB99mBZNW
• 20:26 はてなブックマークの「Twitterからブックマークを追加」機能、画像付き Tweet も拾われるようになっちゃった。

今日のさえずり: *scratch* という名前の Google スプレッドシートを作ってブックマークした

2018年06月08日

• 09:11 Twitter Lite のデータセーブをオンにしての、都度タップでの画像表示はけっこう面倒だった。オフにした。
• 09:47 2018年6月8日 朝の渋谷。 DSC-RX0 #RX0 https://t.co/84rmx62qZd
• 12:30 表彰制度について用心するためピープルウエアと Joel on Software を読み返した。 http://bit.ly/1ZFCENh
• 12:44 東京ディズニーリゾート公式 ショー抽選アプリをインストール。1年ぶり2度目。
• 15:01 Instagram もアプリをアンインストールして Web 版に切り替えてみた。
• 16:00 ちょっとした表計算するたびに「無題のスプレッドシート」という Google スプレッドシートが増えていくの面倒になってきたので、 *scratch* という名前の Google スプレッドシートを作ってブックマークした。
• 17:15 オフィスの近く。一度買ってみたい。 サンドイッチとコーヒー ampere http://amperecoffee.jp/ #SEL20F28 https://t.co/WLVviP5GBv
• 22:29 2時間ほどかけて東京ディズニーシー行きの持ち物の準備をした。

mixi日記でブックマーク絵文字とリンクシンボル絵文字を使う

mixi日記でつぶやくようにしたり Web 日記を書いたら Zapier を使ってmixi日記でつぶやくようにしたり最近しているのだけれど、ホーム画面内での日記の先頭部分表示だとハイパーリンクがある事がわかりにくいので、絵文字も使ってみることにした。

WWW 黎明期はリンクを表すシンボルは地球を含む図案が多かったけれど、今は鎖のような図案やサイト外へ出ていくイメージの図案が多くなった。今はもう world wide は当たり前になったということかな。

リンク

• Unicode U+1F517 LINK SYMBOL
• mixi日記では [m:830]

ブックマーク

• Unicode U+1F516 BOOKMARK
• mixi日記では [m:698]

今日のさえずり: ダーリン・イン・ザ・フランキス第1話観た。第2話から先観るか迷うなー。

• 06:30 のぞきあな。 PowerShot G9 X Mark II https://t.co/2qRIYhjxiy
• 07:39 Toggl でタイムトラッキングしている @sseze の方がガチライフロガー! https://twitter.com/...
• 23:45 Z と DT PowerShot G9 X Mark II https://t.co/1eJeFiD63S
• 24:13 ダーリン・イン・ザ・フランキス第1話観た。第2話から先観るか迷うなー。
• 24:31 Twitter を新しいウェブサイトのに切り替えてみた。ブックマークも使えるようになっている。ブックマーク機能ぼちぼち使おうかな。

今日のさえずり: 「日没」とか「日の入り」で Google 検索すると今日の日没時刻が表示されるのでブックマークしてある

• 06:15 Yokohama #photography RICOH GR III #GR #GRIII #GR3 https://t.co/9dqjlQ6A69
• 09:11 Yahoo!天気アプリで日の出・日の入り時刻が表示されるようになったの良い。
• 09:45 「日没」とか「日の入り」で Google 検索すると今日の日没時刻が表示されるのでブックマークしてある。 http://bit.ly/2sI2xa3
• 17:45 Yokohama Red Brick Warehouse #photography RICOH GR III #GR #GRIII #GR3 https://t.co/TSzTstltwS

今日のさえずり: Nintendo Switch で撮影した画面写真や動画をスマートフォンに転送できるようになったの、メチャいいな

• 06:15 良かったものをふりかえるのは至福のひととき。 / “買って良かったもの 2020” https://www.naney.org/...
• 07:57 ちょっと肌寒い12月のスタート。リビングのエアコンをつけた。ぬくい。
• 08:52 昨日の夜に考えた通りウルトラライトダウンジャケットを着て出てきた。胴体ポカポカ。
• 19:47 Nintendo Switch で撮影した画面写真や動画を microSDXCカードを抜かないでスマートフォンや PC に転送できるようになったの、メチャいいな。
• 21:16 スマートフォンから Nintendo Switch に Wi-Fi 接続したあと Nintendo Swtich 上の HTML ページに HTTP アクセスする形式なのね。なるほど。
• 21:21 Pixel 4 の Google カメラ(Google レンズ)で URL の QRコード読み取りをすると Wi-Fi 通信の方ではなくてモバイル通信の方でアクセスしようとしてうまくいかない。モバイル通信を切ると Google レンズで QRコードを読み取れない。
• 21:24 オフラインで使える QRコードリーダーを入れておくか URL をブックマークしておくかで対応かな。
• 21:26 iPhone 8 (iOS 13.7) からはハマることなくサクッとアクセスできた。
• 21:29 12月。クリスマス! クリスマス! #photography RICOH GR III #GR #GRIII #GR3 https://t.co/h4LAKkiJl2
• 24:20 12月2日からグラコロか! ノーマークだった!

良く使う絵文字 #nNote

ノートで使う絵文字

• 🏢 Office Building U+1F3E2 (Unicode 6.0)
  • 仕事関連など
• 📒 Ledger U+1F4D2 (Unicode 6.0)
  • 台帳
• 📓 Notebook U+1F4D3 (Unicode 6.0)
  • ノートなど
• 📔 Notebook with Decorative Cover U+1F4D4 (Unicode 6.0)
  • ノートの別バージョンで
• 📕 Closed Book U+1F4D5 (Unicode 6.0)
  • ノートなど
• 📖 Open Book U+1F4D6 (Unicode 6.0)
  • アクティブなノートなど
• 📗 Green Book U+1F4D7 (Unicode 6.0)
  • ノートなど
• 📘 Blue Book U+1F4D8 (Unicode 6.0)
  • ノートなど
• 📙 Orange Book U+1F4D9 (Unicode 6.0)
  • ノートなど
• 📚 Books U+1F4DA (Unicode 6.0)
  • 複数の本・ノートなど
• 📝 Memo U+1F4DD (Unicode 6.0)
  • メモ
• 🔖 Bookmark U+1F516 (Unicode 6.0)
  • ブックマーク
  • mixi日記では [m:698]
• 🗒 Spiral Note Pad U+1F5D2 (Unicode 7.0)
  • メモなど
• 📁 File Folder U+1F4C1 (Unicode 6.0)
  • フォルダ
• 📂 Open File Folder U+1F4C2 (Unicode 6.0)
  • フォルダ
• 🏃 Runner U+1F3C3 :runner: (Unicode 6.0)
  • Doing リスト
• 🔗 Link Symbol U+1F517 (Unicode 6.0)
  • リンク
  • Facebook では「🔗 ○○さんがリンクをシェアしました」という形で通知メールの Subject に使用している。
  • mixi日記では [m:830]
• 📍Round Pushpin U+1F4CD (Unicode 6.0)
  • 位置、チェックインなど
  • Facebook では「📍 ○○さんが△△にチェックインしました」という形で通知メールの Subjectに使用している。
• 👨‍💼 Man Office Worker U+1F468 U+200D U+1F4BC
  • 男性会社員
• 👨‍💻 Man Technologist U+1F468 U+200D U+1F4BB
• 🧑 Adult U+1F9D1 (Unicode 10.0)
• ✏️ Pencil U+270F (Unicode 1.1) + Variation Selector-16 U+FE0F (Unicode 3.2)
  • ノートなど

メモ内容の分類

• 💡 Electric Light Bulb U+1F4A1 :bulb: (Unicode 6.0)
  • アイデア・ひらめき
• 💬 Speech Balloon U+1F4AC :speech_balloon: (Unicode 6.0)
  • 発言
  • 辞書登録: ふきだし
• 💭 Thought Balloon U+1F4AD :thought_balloon: (Unicode 6.0)
  • thoughts、自分が考えたこと
  • 辞書登録: しこう

予定

• 📅 Calendar U+1F4C5 (Unicode 6.0)
  • 予定など
• 📆 Tear-Off Calendar U+1F4C6 (Unicode 6.0)
  • 予定など
• 🗓 Spiral Calendar Pad U+1F5D3 (Unicode 7.0)
  • 予定など

家族

• 👨‍👩‍👧‍👧 4人家族
• 💑 夫婦

手元の Emacs では表示されない

• 🤔 Thinking Face U+1F914 (Unicode 8.0) (Symbola にはない?)

参考サイト

• https://www.compart.com/en/unicode/
  • https://www.compart.com/en/unicode/block/U+1F300 あたり。