nDiki : Visual Studio Code

VS Code 入れたり Twitter のリストを整理したり【日記】

Markdown + mermaid.js / Viz.js を使ってみて、 PlantUML も使えるとやっぱりいいなあと思いまず Visual Studio Code (VS Code)を入れてみた。Atom っぽいな……なと思ったら両方とも Electron フレームワークを使っているのね。

それから、最近また Twitter みている時間がジワジワ増えてきたなぁと感じてきた。リストを整理して TweetDeck や twitcle で表示しておくリストを減らしてみた。バランス。

VS Code を使い始める

Ulysses 18 for Mac になってプレーンテキストファイル編集できなくなったので、この nDiki の記事ファイル作成を含め、テキストファイル編集環境を見直し。 Emacs でもいいのだけれど、せっかくなので Visual Studio Code (VS Code)にしてみようかなと。

とりあえずリモートホスト上のファイル編集には拡張機能の SSH FS を入れればいいことがわかった。 これで Emacs みたいにリモートホスト上でも検索できるといいんだけれどな(Emacs の TRAMP でリモートホストで grep)。

VS Code いじったりサモア戦観戦したり【日記】

Visual Studio Code (VS Code) を積極的に使ってみているけれども、いちいち機能詳細とキーバインドが分からなくてヘトヘトしている。最初はいつだって面倒。フリック入力使い始めの頃を思い出したり。

夜はラグビーワールドカップ サモア戦。なんだかんだと日本戦は観てる。ラグビーの精神かっこいいのできちんと知りたいな。

今日のさえずり: 今日から『アイカツオンパレード!』スタート。 (土曜日 10:30 って小学生は学校に行っているのでは?)

2019年10月05日

• 06:00 夏の渋谷。 2019年8月9日 #トイデジ #デジタルハリネズミ https://t.co/VMiSf699xB
• 06:15 #国立代々木競技場 RICOH GR III #GR #GRIII #GR3 https://t.co/VFeoVMUFfv
• 08:00 今日から『アイカツオンパレード!』スタート。 (土曜日 10:30 って小学生は学校に行っているのでは?) #アイカツオンパレード
• 11:43 2002年度から完全学校週5日制。2010年1月に東京都教育委員会が月2回までの授業実施容認を通知。なるほど。
• 17:00 #お台場 RICOH GR III #GR #GRIII #GR3 https://t.co/wflgwfp11R
• 17:45 今 VS Code 使ってみているけれども、いちいち機能詳細とキーバインドが分からなくてヘトヘトしている(果たして Emacs から乗り換えるべきか否か)。
• 17:52 c-x c-f (find-file-at-point) したい。 VS Code でファイル名を先に指定して新規作成したい。
• 18:02 ふむ。 File: New File (explorer.newFile) でファイル名を先に指定して新規作成ね。
• 18:10 @wtnabe ありがとうございます。マウス/トラックパッド使うなら右クリックメニューに「新しいファイル」があるのですね。
• 18:15 ラグビーワールドカップ サモア戦が始まる 19:30 前に風呂に入ろう。 #RWC2019
• 22:00 #渋谷スクランブルスクエア の通路、ガラスなんだけれどちょっとヌメヌメ感がある。
• 22:15 #南麻布 RICOH GR III #GR #GRIII #GR3 https://t.co/2e87wmc52z
• 22:30 #南麻布 パインクレストコート1st RICOH GR III #GR #GRIII #GR3 https://t.co/BSulTl43Jg
• 22:45 「ま」 南麻布 #薬園坂 の上あたり RICOH GR III #GR #GRIII #GR3 https://t.co/Eg6lVZwXvc

[ Visual Studio Code ]

VS Code で PlantUML

Qiita:Team で PlantUML を使ってダイアグラムを書くのにまず手元で編集したいと思い、 Visual Studio Code (VS Code) に PlantUML 拡張を入れた。

• https://marketplace.visualstudio.com/items?itemName=jebbs.plantuml

 ext install plantuml

で拡張をインストール。

Mac (macOS) では Graphviz (それに必要な Java ランタイム)も入れておく。

 brew cask install java
 brew install graphviz

これで Alt-D で PlantUML プレビューができるようになる。

関連

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

VS Code の拡張機能「テキスト校正くん」で文章のチェックをしてみる

iA Writer のスタイルチェックを使い始めたら、もっとツールでチェックしたくなってきてしまった。

専用ツールやフォームに貼り付けてチェックするタイプではなく、ローカルのテキストファイルに対してそのままチェックできるのがいいなと思って調べたところ、Visual Studio Code (VS Code)の拡張機能「テキスト校正くん」がお手軽に使えるようなのでインストールしてみた。

• テキスト校正くん - Visual Studio Marketplace

「テキスト校正くん」をインストールしておくと開いているテキストファイルについてリアルタイムにチェックをかけてくれる。おお便利。結局まだ手に馴染んでいない VS Code 上で文章をカリカリ書くのに抵抗があるので、同じテキストファイルを iA Writer と VS Code で同時に開いて後者は文章チェック表示用のみで使おうかな(iA Writer で保存したら VS Code で自動的に再読み込みしてくれるので)。

こういうの絶対チェック規則を細かく設定したくなってくるやつだ。しばらく使っていい感じなら、 textlint + vscode-textlint に移行しよう。あ、いや Emacs の方がいいな。Emacs なら直接そこで編集する気にもなるし。 TRAMP でリモートホスト上のテキストファイルを編集するときにもチェックできる(だろう)し。

textlint を本格的に導入開始

昨日 Visual Studio Code (VS Code)の拡張機能「テキスト校正くん」を試してみたところ、いい感じにテキストファイルの文章チェックをしてくれた。ただ「テキスト校正くん」は細かい規則の設定ができないので、単体の textlint を VS Code 拡張機能 vscode-textlint から呼び出す形に変えてみた。

• https://github.com/textlint/textlint

 $ npm install --global textlint

で textlint をインストール。 さらに Collection of textlint rule · textlint/textlint Wiki を上から順番に見て使ってみたいルールを npm install --global していく。

でどのルールを使うかの設定を ~/.textlintrc で指定。

VS Code 側は「テキスト校正くん」をアンインストールし vscode-textlint をインストール。VS Code 上でチェックができるところまで確認した。ルールをガンガン入れたので「テキスト校正くん」よりチェックにかかる時間がかかるようになった。

ここからは使いながら、ルールのオプションを変更したり、辞書をいじったりしていくことにしよう。時間の関係で今日は proofread-helper (prh) を直接使うルールには手を出さなかったが、ここが肝の一つらしいので明日導入したい。

ノート間リンクのできるノートアプリを探す

ノートアプリとして使っている iA Writer であるといいなと思っている機能の1つにノート間リンク(内部リンク)がある。テキストファイル管理タイプのノートアプリでノート間リンクのできるものがあるかなといくつか試してみた。

• FSNotes
  • https://fsnot.es/
  • [[title]]でリンクができていい線いっている。1つのフォルダ以下をストレージにするタイプなので、複数のフォルダをロケーションしている iA Writer と併用できず。
• Obsidian
  • https://obsidian.md/
  • FSNotes 同様[[...]]の形式でリンクできる。ファイルの拡張子が md 固定で txt が駄目だった(拡張子 txt にできないと Google ドライブ的に困る)。
• Markdown Notes (Visual Studio Code 拡張)
  • https://marketplace.visualstudio.com/...
  • これもちょっと違う感じ。

今日のチェックではヒットなし。

PopClip 拡張を自作して、キーワードからターゲットとなるテキストファイルを iA Writer で開くようにするのがいいように思えてきたぞ。

[ Mac アプリケーション ]

Visual Studio Code を初期設定状態から使い始め直す

去年の10月に仕事で使っている PC を MacBook Air にリプレースして以来、 Emacs も Visual Studio Code もインストールせずに済ませてきてしまったが、やはりシェルスクリプトや YAML ファイルをテキストエディットアプリケーション (テキストエディット.app) で編集するのはさすがにあんまりである。

ようやく Visual Studio Code を入れることにした。

• https://code.visualstudio.com/

久しぶりの Visual Studio Code。今は公式の設定同期 Settings Sync があるので、たいしてカスタマイズしていなかったし過去の設定は捨てて、初期設定状態から使い始め直すことにしよう。同期は GitHub アカウントで設定した。

Emacs も入れたいんだけれど、あの、その、最新バージョンとか昨今のパッケージ事情とかフォントまわりとか日本語まわりとかキャッチアップして Emacs Lisp で設定を書き足したりするのが必要かもしれないと思うとねぇ。