nDiki : Web ブラウザ

Web ブラウザ - Web browser

関連情報

2017年11月5日 (日)

Roofpig でルービックキューブの手順をメモる【日記】

Roofpig

昨日から Roofpig という Web ブラウザ上でルービックキューブの手順アニメーションを表示させる JavaScript プログラムを使ってメモを書いてみています。

自分で図を書かなくて良いので便利。

Fire HD 8 タブレットで寝ながら日本語入力

Google 日本語入力だとどうも片手で入力しづらい。 ATOK を入れてフローティングキーボードにしたら、寝転んで入力するの便利になりました。

スポンサード リンク
[ permalink ]
[ 11月5日全て ]

2018年2月26日 (月)

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

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

が、セットアップしたり保守したりという手間を今とれないなと思って、 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 は静的サイトジェネレータで、プレビューサーバは補助的機能ですがまずまず使えそうです。

[ permalink ]
[ 2月26日全て ]

2018年2月28日 (水)

GitHub Flavored Markdown ファイルの Web ブラウザでのプレビューに Grip を使う

「Markdown で書いているノートを Web ブラウザで見るのに MkDocs を使う」とつぶやいたら @bsdhack 氏が Grip を紹介してくれました。

さっそく試してみました。 

 $pip2 install grip

でインストールしたら Markdown ファイルを指定して Grip を起動します。 

 grip index.md

Grip が http://localhost:6419/ で Web サーバとして立ち上がるので Web ブラウザでアクセスすると index.md の HTML 変換されたものを見ることができます。なお 

 grip -b index.md

とすれば起動と同時に Web ブラウザで開いてくれます。URL でパスを指定すればそのまま同じ/サブディレクトリにある Markdown ファイルもプレビューできるので、ハイパーリンク付けをしておくことでドキュメント群をブラウジングすることもできます。なるほどお手軽で便利。 GitHub 上とほぼ同様の見慣れたデザインになるのがいいですね。

そもそも Grip は「GitHub Readme Instant Preview」で GitHub 上での表示確認のためのツールで、 GitHub の REST API を使ってレンダリング結果を生成しているので当然といえば当然だったりはします。

ただそのかわり GitHub の API を使うので

  • オフラインでは使えない(オフラインレンダリングは開発中)
  • 外部サービスを使って変換させたくないドキュメントには使えない

と場合によっては不便な部分があります。なお後者については GitHub Enterprise があるなら Grip でそちらを指定するとう手もあります。

GitHub に push する前にチェックしたい時はもちろん、それ以外でさっと Web ブラウザで見てみたい時にも便利なツールですね。

[ permalink ]

今日のさえずり: イトーヨーカドー 大井町店のポッポとうとう今日まで。名残惜しい。

[ permalink ]
[ 2月28日全て ]

2018年3月6日 (火)

[ 3月6日全て ]

2018年5月1日 (火)

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

image:/nDiki/2018/05/01/2018-05-01-091615-nDiki-800x1200.jpg

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

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

[ permalink ]
[ 5月1日全て ]

2018年10月23日 (火)

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

2018年10月23日

[ permalink ]
[ 10月23日全て ]

2019年5月26日 (日)

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

image:/nDiki/2019/05/26/2019-05-26-104307-nDiki-1200x800.jpg

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 前に完全に対応完了となった。

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

[ permalink ]
[ 5月26日全て ]

2020年4月27日 (月)

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

image:/nDiki/2020/04/27/2020-04-27-000001-PM-Meetup.png

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

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

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

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

cluster

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

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

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

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

image:/nDiki/2020/04/27/2020-04-27-000002-PM-Meetup.png

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

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

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

[ permalink ]
[ 4月27日全て ]

2020年12月23日 (水)

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 ドライブで共有する ]

[ permalink ]
[ 12月23日全て ]

2021年2月19日 (金)

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 ブラウザのキャッシュをクリアしてアクセスしたら正常に動くようになった。

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

[ permalink ]

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 ブラウザでアクセスできることを確認。メールが届くことも確認。

以上で終了。

[ permalink ]
[ 2月19日全て ]

About Me

Naney Naney

Naney (なにい)です。株式会社ミクシィで SNS 事業の部長をしています。

About nDiki

nDiki は1999年1月に始めたコンピュータ日誌を前身とする Naney の Web 日記(兼パーソナルナレッジベース)です。

#nNote タグがついている記事は他の記事に比べて、より断片的・未整理・不完全なちょっとしたノートです。まだ結論に至っていない考えなども含まれます。頻繁/大幅に更新したり削除したりすることがあります。

※本サイトの内容は個人的見解であり所属組織とは関係ありません。

Other Notes

ナレッジベースアプリケーション Obsidian で書いているノートの一部を notes.naney.org で 公開しています。

月別インデックス
Process Time: 0.099973s / load averages: 0.80, 0.49, 0.43
nDiki by WATANABE Yoshimasa (Naney)
Powered by DiKicker