2021年9月17日金曜日

vscode #06 : Markdown PDF でフォント指定してPDF化

どうも、もりもりです。

今回はたまに出てくるvscodeネタです。 今となっては欠かせない人は多いのではないでしょうか。 社内ではレポートや議事録など、Excelで作成するドキュメントが多いのですが まぁ内容が確認できればOKなのでPDFでもOKにしてもらいました。 なのでMarkdownで書いて拡張機能の「Markdown PDF」を入れてPDF化してます。 がしかし!中国語フォントに。。。

と言うことで、「Markdown PDF」使用時のフォントの指定方法を紹介したいと思います。

拡張機能「Markdown PDF」

拡張機能は下記です。

CSSファイルを作成

cssファイルを作成します。ファイル名を付けて保存。 どこに保存してもいいですがPDF化するmdファイルと同階層に格納しておけば後で設定がラクです。 今回はメイリオを指定してみます。

md.css

body {
    font-family: "Meiryo";
}

code {
    font-family: "Meiryo";
}

設定にCSSファイルの相対パスを追加

vscodeの設定を開き(Windows : Ctrl + , / Mac : command + ,) 「markdown styles」で検索。下記設定に、PDF化したいファイルからの相対パスを入力し、OKをクリックするだけ。

今回の例ですと、.\md.cssとするだけ。

拡張機能自身が持っているスタイルを上書きするような記事もあったりしますが 更新時や何かの拍子に元に戻ってしまうこともあると思うので設定に追加する方がいいでしょう。

また、時と場合によってはフォントを変更したいこともあると思います。 なのでこちらの設定に追加する方法をオススメします。

ちなみに拡張機能が保持しているスタイルは下記にあります。(※Windowsの場合)

C:\Users\xxxx\.vscode\extensions\yzane.markdown-pdf-1.4.4\styles

あとはmdファイル内右クリックでPDF出力メニューを選択してサクッとPDF化するだけです。 それでは皆さま、良い vscode life を。

過去のvscode関連記事はこちらを↓↓↓
以上、もりもりでした。

2021年9月11日土曜日

自宅のWiFi環境改善 ~ メッシュWi-Fi導入

こんにちは、やっまむーです。

我が家では以前より無線LANの環境で悩みがありました。
リビングに置いているNintendoSwitchでダウンロードをしようとすると非常に時間がかかるのです。
他にもテレビでYouTube等の動画コンテンツを見ていると、低画質に切り替わったり、ローディングのために再生が停まることもあります。

原因は親機からの距離と間の障害物です。
以下はIO-DATAの『Wi-Fiミレル』というアプリで自宅の無線LANの強度を調べたものです。

リビング側の数値が良くないです。

親機は玄関横の下足箱の中にあるので、その付近はまだよいですが、テレビを置いているリビングは数値が小さくなっています。
普段使いではそれほど気になりませんが、通信に時間がかかるのは許せないので、WiFi環境を改善することにしました。

機器の選定

リビングでも十分な通信速度を確保するため、あと新しい機器を試してみたい欲求から、今回はメッシュWi-Fiを構築することにしました。

要件としては以下になります。

  • メッシュWi-Fi対応 : 必須
  • 有線ポートを複数(最低2つ) : パソコンとNASを繋ぐため
  • 価格 : 出費が嵩んでいるので

そして該当するものから選んだのはASUSの『ZenWiFi AC (CT8)』を選びました。

My new gear!

大きさは160mm × 75mm × 161.5mm と少し大きく見えますが、シンプルな外見でリビングに置いてもそれほど違和感はありません。

大きさ比較

大きい分、ポートの数は充実しています。

WAN×1 + LAN×3、USBも付いています

設置 & セッティング

下足箱のルーターを交換してセットアップを進めていきます。

セッティングはブラウザ、または専用のアプリから行います。
画面の指示に従ってSSIDや管理者の設定、インターネット接続の設定を済ませていきます。

ざっと設定を終えて回線速度を測ってみましたが、スマートフォンではそれほど速度が変わった感じはありませんでした。
しかし、NintendoSwitchに関してはハッキリと違いでており、これまでと比べて格段に改善しました。

さて、セッティングが完了したので、後は家中のデバイスの設定更新をしていきます。
スマートスピーカー等は繋がらなくなるので設定を全てリセットしていきます。
このあたりは導入時の設定が簡単になった影響すかね・・・。

最後にパソコンから回線速度を測ってみます。

有線LANで繋いでいた時は300Mbps以上は簡単に出ていたのに・・・。
やはり有線LANも引く必要がありそうですね。
次はそのあたりの整備をしてみようと思います。

ではではー。

2021年9月3日金曜日

ローカルにあるmdファイル(マークダウン)を見る時は、Chrome拡張機能の「Markdown Viewer」が便利


 こんにちは。よっしーです。


仕事で設計書などをマークダウンで記載することが多くなってきており、

Typoraを使う機会が増えました。


TyporaはEditerとしては凄く優秀なのですが、

ViewerとしてはEditer機能を備えているがゆえにイマイチなところが多く、

(リンクをワンクリックで開けなかったり、リンクから別ページへ遷移する際に別ウィンドウでしか開けなかったり)

マークダウンの記載内容をレビューする際、

Typoraの画面を見せながらというのはあまり適さないと感じます。


では、何を使うか。


Chrome拡張機能の「Markdown Viewer」がおすすめです。


この拡張機能を適応することで、Chrome上でローカルにある

mdファイル(マークダウン)を表示することが出来ます。


※※※ローカルのmdファイルを表示するために以下の設定が必要となります※※※


Chromeに適応後、Markdown Viewer のメニューを開き、

「ADVANCED OPTIONS」を開きます。


「ALLOW ACCESS TO FILE://URLS」 を選択します。

「ファイルのURLへのアクセスを許可する」を有効にします。


以上で、設定は終わりです。


あとは、ChromeへmdファイルをD&Dすると、

こんな感じでキチンとマークダウン記述を解釈して表示してくれます。


もちろんリンクもワンクリックで飛んでくれるし、

別ウィンドウで開くこともありません。

表示もかなり軽いと思います。


私は、

マークダウンの作成は「Typora」で行い、

マークダウンを見せる際は「Markdown Viewer」を使う。

というスタイルに落ち着きました。


興味があれば「Markdown Viewer」を使ってみて下さい。


ではまた~。