nDiki : Web ブラウザ

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

一昨年にサイトの幅の見直してコンテナを 970px までにしたのですが、やはりそれでも文章の幅としては広すぎでした。 970px までから 750px までに変更してみました。

なんとなくずっと昔から固定幅は悪のように思えて、Web ブラウザを広げたらできるだけ広がる方が良いと今まで思っていたのでした。

今日のさえずり: どんより小雨パラパラ

2018年10月23日

• 06:30 小田急バス。 PowerShot G9 X Mark II https://t.co/W1hjhFuP5e
• 06:45 渋谷の連絡通路下。ここも今後変わっていくのかな。 PowerShot G9 X Mark II https://t.co/Aq4GiEiFqT
• 09:45 2018年10月23日 #朝の渋谷 どんより小雨パラパラ。 DSC-RX0 #RX0 https://t.co/64feVeDkJV
• 24:21 Web ブラウザ上で動く Perl。 / “WebPerl | Run Perl in the browser with WebPerl!” https://webperl.zero-g.net/

Synology DiskStation DS216j の HDD 交換(2回目)

2016年11月5日から使い始めている NAS の Synology DiskStation DS216j に積んでいる HDD が故障した(2回目)。前回交換したのはドライブ 2 で今回はドライブ 1 なので、最初から使っていた HDD だ。稼働時間からするとどちらももうちょっと長持ちして欲しいところではある。

昨日 HDD を注文して即日届いているので本日朝に交換。

手順は前回の交換とほぼ同様(今回は外付け HDD へのバックアップはサボった)。

1. DS216j をシャットダウンする(昨日シャットダウン済み)。
2. 電源ケーブルと LAN ケーブルを外して、ケースを開ける。
3. 溜まったホコリを取る。
4. ドライブ 1 の方の HDD を外して新しい HDD を挿す。
5. ケースを閉じて、電源ケーブルと LAN ケーブルを接続する。
6. 電源を入れる。
7. ストレージマネージャで修復を開始する。

10:45 頃に電源を入れて Web ブラウザからアクセスして修復を開始。終わったのが 18:36 なので8時間弱で完了した。ちなみにタイミングの問題なのか修復前に電源を入れたあとにエラーが出ていて再起動を要求されていたので、修復後に再起動。ディスクチェックが走ったので 19:00 前に完全に対応完了となった。

別途バックアップもする構成にしておきたいけれど、なかなかねー。

第0回 PM Meetup by pmconf 〜リモートワーク時代のプロダクトマネジメント〜

プロダクトマネージャーカンファレンス実行委員会主催で、プロダクトマネジメントをテーマにしたトークセッションイベントがオンラインで開催されたので参加。今回は試験的な第0回目でテーマは「リモートワーク時代のプロダクトマネジメント」。

新型コロナウイルス感染拡大による外出自粛で急遽リモートワークを行うようになった人が多い状況ということもあり「リモートワーク時代のプロダクトマネジメント」という主題までは辿り着けず、リモートワークを始めて感じていることや工夫していること・使っているツールなどがまだまだ話題の中心という印象だった。

まずは組織・個人が新しい働き方に馴染みパフォーマンスが出るようになってから、その上でプロダクトマネジメントにフォーカスできるようになっていくのかなと。

オンラインでのディスカッションを進めるのに Miro (miro.com) が良いという声が多かった。今度触ってみたい。

cluster

今回はバーチャルイベントプラットフォーム cluster での開催。初 cluster。

あえて VR である必要も無いんじゃないかなと思っていたけれど、人けが感じられるという点やリアクションができるという点で参加している感が高まるし、登壇者も反応が感じられるしでこれはこれでアリかなと感じた。ネームプレート・フキダシ表示をオフにした方が見やすいけれど、そうするとデフォルトのアバター(ロボット)ばかりでただの群衆になっちゃうな。

アバターで登壇者の顔が見えないとノンバーバルな情報が希薄というのもちょっと感じた。まあラジオだと思えば問題ないか。

簡単な2択アンケートを出し、参加者を会場内で移動して2つに分かれてもらうというのを冒頭のアイスブレイクでしていたのはうまいなと思った。イベント開催慣れしていてさすが。

Doorkeeper では 800人以上の参加申し込みがあったけれど、アバター数をみる限り結構少なめだった。オンライン + 無料なのでとりあえず申し込みの人がほとんどだったみたい。

システム的には MacBook Pro (13-inch, 2018, Four Thunderbolt 3 Ports) でも結構重く感じた。ファンは回りっぱなしとして、 Web ブラウザで slido を開いて操作するのまでもっさり。もうちょっと軽いといいな。

• 第0回 PM Meetup by pmconf 〜リモートワーク時代のプロダクトマネジメント〜 - プロダクトマネージャーカンファレンス / Product Manager Conference | Doorkeeper

[ COVID-19 ] [ WFH 2020 18回目 ]

Markdown ファイルを Marked 2 で self-contained HTML に変換して Google ドキュメントに貼り付けて共有する(画像付きで)

Markdown ファイルを iA Writer で Web プレビューしたものを Google ドキュメントに貼り付けて共有する(記事1)時、画像データをデータ URL 化して Markdown ファイルに記述すれば一緒に貼り付けられることが分かった(記事2)。

でもやっぱり管理が面倒くさい。

そこまでするなら「別のアプリで self-contained HTML に変換」→「Web ブラウザで表示」→「コピー & ペーストで Google ドキュメントに貼り付け」を実行する方がいいのでは。いったん HTML に書き出すのが嫌だなと今まで思っていたけれど。

と思って調べたら、インストールしてある Marked 2 が self-contained HTML に変換できたし、Google Chrome で表示して全選択からのコピー & ペーストで画像付きで Google ドキュメントに貼り付けられた。

こちらの方法にしよう。

[ Markdown で書いているノートを Google ドライブで共有する ]

Obsidian Publish を独自ドメインで使う

6日前に使い始めた Obsidian Publish がいい感じ。やはり独自ドメインにすることにした。 notes という名前を使っている Obsidian Publish サイトが多いので notes.naney.org にしよう。

Cloudflare を設定する

まず Cloudflare にアカウントを作り naney.org のネームサーバを VALUE-DOMAIN のから Cloudflare のに変更。

移行ができたところで Obsidian Publish のカスタムドメインを設定する。

Cloudflare の「DNS 管理」で下記レコードを追加。

• タプ: CNAME
• 名前: notes
• コンテンツ: publish-main.obsidian.md
• TTL: 自動
• プロキシ ステータス: プロキシ済み

「SSL/TLS」はすでに「SSL/TLS 暗号化モード」が「フル」になっていたのでこれで設定終了。

Obsidian Publish を設定する

Obsidian Mac アプリケーションの Obsidian Publish 設定「サイトオプション」にある Custom domain で「notes.naney.org」を変更する。

反映されるのを待つ

これで https://notes.naney.org/ でアクセスできるようになる。設定直後は Web ブラウザでセキュリティ警告が出たり一部のノートがエラーで正しく表示されなかったりして焦ったが、しばらく時間を空けてから Web ブラウザのキャッシュをクリアしてアクセスしたら正常に動くようになった。

めでたしめでたし。自分のドメインだと自分のノート感が出て嬉しい。

Cloudflare にネームサーバを移す

Obsidian Publish で HTTPS アクセスできるようにカスタムドメインを設定する方法として Cloudflare を使う方法が説明されている。

なるほどと Cloudflare のアカウントを昨夜作ったところ、 Free プランではドメインのネームサーバを Cloudflare に切り替える必要があることがわかった(サブドメインだけ Cloudflare で設定することができない)。

2009年12月に VALUE-DOMAIN 独自のネームサーバを使うようにしてからずっとそのままだったけれど、 Cloudflare のネームサーバに変更してみることにした。

まず Cloudflare アカウントのメールアドレスを変更

昨日 @naney.org のメールアドレスで Cloudflare アカウントを作成したが、まずはこれを Gmail のメールアドレスに変更。naney.org ドメインを扱うサービスのアカウントで @naney.org のメールアドレスを使っていると詰むリスクがあるので。

VALUE-DOMAIN から Cloudflare にネームサーバを変更

ネームサーバの移行なのでプロキシは有効にしないことにする。

1. dig コマンドの結果を記録。
2. VALUE-DOMAIN にログインし現在の DNS 設定を記録。
3. Cloudflare にログインして naney.org ドメインを追加。
4. Cloudflare がスキャンした DNS 設定を確認。
   • プロキシ ステータスは「プロキシ済み」にせず「DNS のみ」にする。
   • 自動的に追加されなかったサブドメインの A タイプレコードを手動で追加。
5. VALUE-DOMAIN のネームサーバ変更で「他社提供/自前ネームサーバー」を指定し Cloudflare のネームサーバを入力し変更。
6. ネームサーバが変更されるのを dig コマンドで確認しながら待つ。
7. 切り替わったところで Web ブラウザでアクセスできることを確認。メールが届くことも確認。

以上で終了。

Web ブラウザで表示した Obsidian Publish ノートをデスクトップアプリで開くブックマークレット

Obisidian Publish サイトで公開している自分のノートを Web ブラウザで見ていて編集したくなった時に、 Obsidian デスクトップアプリでそのノートを開くのがまどろっこしい。

Obsidian デスクトップアプリは obsidian という URI scheme でファイルを開けるのでブックマークレットを作った。

Obsidian vault 名が nNodes、Obsidian Publish サイトの URL が https://notes.naney.org/ (独自ドメインを設定)なので以下。

 javascript:window.open("obsidian://open?vault=nNodes&file=" + location.href.replace("https://notes.naney.org/","").replace(/\+/g, " "))

今までどうしてやらなかったのというぐらい便利。

今日のさえずり: LINE

• 12:29 LINE #photography RICOH GR III #GR #GRIII #GR3 https://t.co/xvLPdc0wWQ
• 12:42 Web ブラウザで表示した Obsidian Publish ノートを Obsidian デスクトップアプリで開くブックマークレットを作った。めちゃめちゃ便利。

LINE#photography
RICOH GR III #GR #GRIII #GR3 pic.twitter.com/xvLPdc0wWQ

— Naney (@Naney) August 16, 2021

Top of Mind ページと Web ブラウザスタートページを分ける

サイトの訪問者向けの「オーナーの関心事について把握したりサイトを巡回する起点としたりするためのノート」である Top of Mind ノートを Web ブラウザのスタートページにも設定していた(記事)のだけれど、自分向けであるスタートページは別にすることにした。

訪問者向けと自分向けで、書きっぷりが違うのでやはり分けた方がいいなと。

公開で作業する (working in public) という考えから、スタートページも Obsidian Publish サイトに置いておくことにしよ。 Web ブラウザのスタートページは近くにいる人に見られる可能性があるから、もともと他人に見られたくないページを設定しておくのに向かないしね。

Web ブラウザスタートページを Top of Mind ノートの自分向け版にする

Obsidian Publish で公開している Top of Mind ノートを Web ブラウザのスタートページに設定していたのを、先日別途スタートページ用ノートを作って設定することにした。

新しいタブを開いたりホームボタンを押したりした時に表示する頻繁に目にするページなので、「行動のきっかけ」「思考のきっかけ」の役割を担う、ホットなことを書いておくワークスペースノートとして使おうと思っていたのだが、どうもしっくりこない。

非公開なワークスペースノートもあると便利だなと、 Obsidian Publish で公開しない Obsidian アプリ上だけで編集・閲覧するノートを別途を作ったら、公開・非公開によってノートを書き分けるのがすぐに面倒になってしまった。非公開なワークスペースノートに書く先を集約した方が楽だし、閲覧も Obisidian 上だけで十分いけることが分かってしまった。

ふりかえってみると Web ブラウザのスタートページに表示するノートとしては Top of Mind ノートが案外良かったんだな。訪問者向けと自分向けで書きっぷりが違うので分けたいというのはあるので、 Top of Mind ノートから切り出した自分向けの部分を書いたノート作りスタートページに指定することで落ち着いた。