nDiki : 画像

画像 - イメージ、image、picture

2019年6月6日 (木)

表やダイアグラムの編集・表示に便利な Markdown エディタ Typora

image:/nDiki/2019/06/06/normal.png

表やダイアグラムを含むノートを編集・表示するのに Markdown エディタ Typora がかなり良さそう。

Markdown 形式をメインとしてテキストファイルベースでノートを書いていて不便だと思っているのが作表。Markdown ソースファイルで表を編集していて列の追加・削除・入れ替えが必要になった時にはエディタの支援が無いと絶望する。Markdown Mode for Emacs で表編集の機能がいろいろあることを知ってちょっといいかもと思ったけれども、やはり表としてレンダリングされた状態で編集したいなと。

そう思って探してみたら編集画面とプレビュー画面が別れていない Markdown エディタ Typora が表編集もサポートしていると知って試してみた。

使ってみたところ Google ドキュメントで表を編集しているようなのと同様な感じで直感的に表編集できた。欲しかったのこんな感じ!

image:/nDiki/2019/06/06/table.png

また表だけでなく

  • js-sequence
  • flowchart.js
  • mermaid

を使ってテキストで簡単な図を書けるというのも嬉しい。 Markdown ファイル中にテキストして書いておけるので、図の画像やそのソースファイルの管理に悩まされないで済むのだ。ノートにちょっとしたロジックツリーを書いておきたいことがあるので良い!

https://typora.io/

Markdown 文法GitHub Flavored Markdown ということだしこれは自分にとって主力 Markdown エディタになるのではという予感がする。

画像は Typora の PressKit https://typora.io/presskit.zip より。

[ ノート・日記はテキストファイルに ] [ Mac アプリケーション ]

スポンサード リンク
[ 6月6日全て ]

2019年6月15日 (土)

GR III での動画撮影のフレームレートを 30p に

RICOH GR III動画のフレームレートを 60p・30p・24p から選べて初期設定は 60p になっている。GR III動画品質だと 60p が必要な撮影はしないよなあと思って 30p に落としておくことにした。

そういえば α6300 でも 30p にしていたんだよね。

現在の RICOH GR III の設定

  • 静止画設定
    • ISO感度オート上限値: 6400 → 3200
    • 記録形式: JPEG → RAW+JPEG
  • 動画設定
    • フレームレート: 60p → 30p
  • 画像の自動回転: オン → オフ
  • ADJモード設定
    • 設定1: イメージコントロール → スナップ撮影距離
    • 設定4: 記録形式 → ISO感度設定
  • Fnボタン設定
    • Fnボタン: AF作動+AEロック → クロップ
    • ISOボタン: ISO感度設定 → イメージコントロール
  • 撮影時表示設定
    • 1番目: 画面表示 + 電子水準器 → 画面表示 + グリッド + ヒストグラム + 電子水準器
    • 2番目: 画面表示 → 画面表示 + グリッド + 電子水準器
    • 3番目: 画面表示 → なし
    • 4番目: 画面表示 → なし
  • 音量: 2→ 0
  • スマートフォン連携機能
    • 電源オフ時の画像転送: オフ → オン

[ カメラのカスタム設定 ] [ GR III のカスタム設定 ]

[ 6月15日全て ]

2019年6月18日 (火)

地震Twitter 障害と

昨日もらったサクランボを食べていたところ、ぐらぐらとちょっと揺れた。またいつもの地震かなぁと思っていたのだけれど、最大震度6強のなかなかの地震だった(済んでいるところは震度1だった)。

因果関係があるかはわからないけれど、しばらく Twitter画像が一部表示されない状態になっているのをみて、東北地方太平洋沖地震(東日本大震災)を思い出した。電話がつながりにくい状況の中、連絡手段・情報手段として Twitter への関心が世の中で高まったんだよなあ。

当時より広く使われるようになった Twitter が今度は災害の時に使えなくなる側になる未来があるのかもしれない。

今回の障害の原因がアクセス集中のせいかはわからないけど、そんなことを考えていた。

今日のさえずり: 地震ですが、サクランボ食べるの継続してます

2019年06月18日

[ 6月18日全て ]

2019年6月19日 (水)

mermaid の CLImacOS 上で使えるようにする

6月上旬に使い始めた Markdown エディタ Typora で mermaid を使いダイアグラムを作成してみたらなかなか良かったので、 mermaid のデータから画像を単独で生成できるよう CLI を入れた。

インストールは以下。

 $ brew install yarn
 $ yarn add mermaid.cli

実行は以下のような感じ。

 ~/node_modules/.bin/mmdc -b transparent -w 1920 -i input.mmd -o output.png
[ 6月19日全て ]

2019年6月23日 (日)

今日のさえずり: 目的なくアイロンビーズを色分けするの好き

2019年06月23日

  • 11:21 今日から脳の右側で描けワークブックやり始めた。 #脳の右側で描け https://t.co/lzPI6tFsVw
  • 11:23 #脳の右側で描け LESSON 1 受講前に自分の顔を描く 時間約30分となっていたところ1時間ちょっとかかった。面長になった。 https://t.co/Ug0wahSh2c
  • 21:37 @blue12yyy Twitter のプロフィール画像と全然違いますよねー。
  • 22:19 @isoco6 「左脳が拒絶する」ような課題も出てくるみたいで私も楽しみです。
  • 23:28 RT @nanohanakoya: 来月のイベントに出品するサニタリーケースです😉 いろんな布合わせで作ってみました🎵 みなさまのお気に入りになれますように💕 ★HMJ ブースNo.:J-27(7/20出展)★ #HMJ2019 https://t.co/bxYUFEOzGg
  • 23:30 目的なくアイロンビーズを色分けするの好き。 RICOH GR III #GR #GRIII #GR3 https://t.co/ghtMohbjRZ
  • 23:48 ドクターマリオ ワールド、気になっていたので紹介映像を観てみた。 LINE + NHN 色が強い印象だ。「あっ、そうなんだ……」っていう気持ち。
[ 6月23日全て ]

2019年6月25日 (火)

HTML ページ中の mermaid 定義を自動的にクライアント側で SVG 変換し表示させる

6月上旬に使い始めMarkdown エディタ Typora で mermaid を使いダイアグラムを作成してみたらなかなか良かったので、先日 mermaid のデータから画像を単独で生成できるよう CLI を入れてみた。しかしやはり都度画像ファイルに変換して管理するのは面倒。ちょっとしたノートを置いておくスペース nNote では事前に画像ファイルに変換しないで直接ページ上に書かれた mermaid ダイアグラムを SVG 変換して表示されるように設定してみた。

mermaid.min.js を Web サーバに配置し、ページの下部に以下が含まれるようにフッタファイルを編集。

 <script src="/path/to/mermaid.min.js"></script>
 <script>mermaid.initialize({startOnLoad:true});</script>

これでページ中に

 <div class="mermaid">
 graph LR
     a --- b
     a --- c	
 </div>

のようにダイアグラムの定義をmermaid クラスの要素の中に書いておくと、ダイアグラムの SVG 要素が生成し置き換えてくれる。表示は以下のような感じ。

graph LR a --- b a --- c

画像ファイルの管理から解放されるのでいろいろ捗って嬉しい。

とりあえず nNote 全フッタで mermaid.min.js を読み込むようにしちゃったけれど 8.0.0 ので 1.11MB ありダイアグラムの無いページで読み込ませるのはちょっと忍びない。 mermaid ダイアグラムの定義がある時だけ読み込むようにした方が良いね。

[ 6月25日全て ]

2019年7月5日 (金)

GR III の自動水平補正をオンにする

昨日 RICOH GR III ファームウェア バージョン1.12がリリースされたので今日アップデートした。自動水平補正が入ったのでオンにしておくことにしよう。

オンにすると手持ちで電子水準器の水平方向インジケーターをグリーンにするの結構楽になるね。

現在の RICOH GR III の設定

  • 静止画設定
    • ISO感度オート上限値: 6400 → 3200
    • 記録形式: JPEG → RAW+JPEG
    • 自動水平補正: オフ → オン
  • 動画設定
    • フレームレート: 60p → 30p
  • 画像の自動回転: オン → オフ
  • ADJモード設定
    • 設定1: イメージコントロール → スナップ撮影距離
    • 設定4: 記録形式 → ISO感度設定
  • Fnボタン設定
    • Fnボタン: AF作動+AEロック → クロップ
    • ISOボタン: ISO感度設定 → イメージコントロール
  • 撮影時表示設定
    • 1番目: 画面表示 + 電子水準器 → 画面表示 + グリッド + ヒストグラム + 電子水準器
    • 2番目: 画面表示 → 画面表示 + グリッド + 電子水準器
    • 3番目: 画面表示 → なし
    • 4番目: 画面表示 → なし
  • 音量: 2→ 0
  • スマートフォン連携機能
    • 電源オフ時の画像転送: オフ → オン

[ カメラのカスタム設定 ] [ GR III のカスタム設定 ]

[ 7月5日全て ]

2019年7月22日 (月)

金沢旅行 2019 の予定を Trello で立てる

今回の金沢旅行の予定は Trello で立ててる。

「予定」「スポット」ごとにカードを作り、日別のリストに並べていくのが楽しい。ドラッグ&ドロップで動かせるので計画を練るのが楽ちん。そのまま同行者に共有すれば旅のしおりに。スマートフォンからでも閲覧できるし、現地での計画し直しもスムーズ。

カードに画像を添付すればスポットのイメージが湧くし、関連サイトの URL も説明に書いておける。

その他雑多なメモなどもカードにしてどんどん放り込んでおける。

べんりー。

終わったあとに思い出用にそのまま閲覧できる形で Trello からエクスポートしておけないのだけが残念だけどね。

[ 7月22日全て ]

2019年8月8日 (木)

GR III が撮像素子清掃から戻ってきた

月曜日にリコーイメージングスクエア新宿でイメージセンサーのゴミ清掃を依頼した RICOH GR III が自宅に届いた。新宿から月曜日の午後便で修理サービスセンター送りでの対応、来週がお盆休みなので仕上がり8月21日から22日ぐらいになるかもしれないと言われていたのだけれど、混んでいなかったので週末を挟まずに戻ってきた嬉しい。

これで絞って撮影できるぞ! (F8 だとゴミが写るので F5.6 以下で撮ってた)

撮像素子の清掃と各部点検をしていただいたとのこと。そういえば少ーしだけ傾いていた気もするけれどまあ気にするほどでも無いかなと思っていた例の十字キーの傾きも真っ直ぐになった気がする。無償点検調整対象の製造番号だったので、調整されたのかもしれない。けど何も書かれていなかったので何もされていなくて真っ直ぐになったというのも気のせいかもしれない。

設定がリセットされたので以下の内容で再設定。USER1・USER2 は近接撮影用カスタム設定で。

このタイミングで今日 Bluetooth 接続対応した Image Sync のアップデートがリリースされたので「Blutooth設定」の「動作モード」を「電源オフ時も接続する」に変更した。

なお Image Sync にまだ不具合があるのか、1度も「ペアリング済みのGR IIIと接続する」にならないのでまだ実用に耐えなさそうでこちらは待ち。

現在の RICOH GR III の設定

  • 静止画設定
    • ISO感度オート上限値: 6400 → 3200
    • 記録形式: JPEG → RAW+JPEG
    • 自動水平補正: オフ → オン
  • 動画設定
    • フレームレート: 60p → 30p
  • 画像の自動回転: オン → オフ
  • ADJモード設定
    • 設定1: イメージコントロール → スナップ撮影距離
    • 設定4: 記録形式 → ISO感度設定
  • Fnボタン設定
    • Fnボタン: AF作動+AEロック → クロップ
    • ISOボタン: ISO感度設定 → イメージコントロール
  • 撮影時表示設定
    • 1番目: 画面表示 + 電子水準器 → 画面表示 + グリッド + ヒストグラム + 電子水準器
    • 2番目: 画面表示 → 画面表示 + グリッド + 電子水準器
    • 3番目: 画面表示 → なし
    • 4番目: 画面表示 → なし
  • 音量: 2→ 0
  • Bluetooth設定
    • 動作モード: 使用しない → 電源オフ時も接続する
  • スマートフォン連携機能
    • 電源オフ時の画像転送: オフ → オン

[ カメラのカスタム設定 ] [ GR III のカスタム設定 ]

[ 8月8日全て ]

2019年8月16日 (金)

Web 日記での画像貼り付けを後回しにする

Web 日記 nDiki を書いて公開するのを後回しにする理由として

  • 貼り付ける写真の準備ができない(デジカメから PC に移して現像・リサイズが済まない)。
  • 言及する日記がまだ未公開なので、その記事へリンクしようとしている記事も公開できない。

がある。先送り理由になるタスクは記事にタグ付けしておいて、週末とかにまとめてやってみることにしよう。

 < [[画像準備中]] [[記事間リンク準備中]] [[キーワードページ更新準備中]] >

みたいなのをテンプレートに入れておいて、不要なタグを順次消していく感じで。記事毎の残タスクをタスク管理ツールに入れるのは手間で続かないので、記事にタグ付けしちゃうのが個人的ポイント(非公開のノートとかもそうしている)。

[ 8月16日全て ]

About Me

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

nDiki1999年1月に始めたコンピュータ日誌を前身とする NaneyWeb 日記(兼パーソナルナレッジベース)です。ちょっとしたノートは nNote にあります。

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

月別インデックス
Process Time: 0.115681s / load averages: 0.19, 0.20, 0.22
nDiki by WATANABE Yoshimasa (Naney)
Powered by DiKicker