Visual Studio Code VS Code用WordPress Post拡張機能を修正してみる その7
今回はWordPress Post拡張機能をさらに修正して、画像の扱いや拡張機能の設定項目を変更してみましす。前回の修正で実用性十分と思ったのですが、実際に使ってみるといろいろ不便なところが出てくるものです。しかし、自力で修正できるところが、オープンソースのよいところと思います。
Visual Studio Code 
Visual Studio Code VS Code用WordPress Post拡張機能を修正してみる その6
今回はWordPress Post拡張機能をさらに修正してCocoonで用意されているインラインレベルの拡張クラスを使えるようにしてみます。これでMarkdownでの表現力も上がり、WordPressへの投稿後の作業もより減らすことができると思います。VISXファイルも用意したので、WordPressの記事をMarkdownで作成している方には是非試してみて欲しいと思います。
Visual Studio Code VS Code用WordPress Post拡張機能を修正してみる その5
今回はこれまで行ってきたWordPress Post拡張機能の修正を統合してVS Codeの拡張機能パッケージ(VSIXファイル)を作成してみます。このVSIXファイルをインストールすることで、これまでWordPress Post拡張機能で不便だった点を解消できると思います。WordPressの記事作成環境に困っている方には是非活用して欲しいと思います。
Visual Studio Code VS Code用WordPress Post拡張機能を修正してみる その4
今回もVS Code用の拡張機能であるWordPress Post拡張機能の修正したことを紹介します。今回の修正では、Markdownの任意のブロックをHTMLタグで挟むことができるカスタムコンテナ機能を追加します。このカスタムコンテナ機能を使うとWordPressの記事をMarkdownで記述する際の表現力が上がるのではないかと思います。
Visual Studio Code VS Code用WordPress Post拡張機能を修正してみる その3
今回もVS Code用の拡張機能であるWordPress Post拡張機能の修正したことを紹介します。今回の修正ではMarkdownから生成されるHTMLをフォーマットする機能と、URIっぽい文字列を自動的にリンクする機能を追加しました。
Visual Studio Code VS Code用WordPress Post拡張機能を修正してみる その2
今回もVS Code用の拡張機能であるWordPress Post拡張機能の修正したことを紹介します。元々のWordPress Post拡張機能は画像の埋め込みに対応しているものの、サイズの指定や縮小には対応していません。今回の修正では画像の最大サイズを指定できるようにしたことで、必要に応じて画像を縮小させることができるようになりました。
Visual Studio Code VS Code用WordPress Post拡張機能を修正してみる その1
今回はVS Code用の拡張機能であるWordPress Post拡張機能のを修正したことを紹介します。このWordPress拡張機能はMarkdownでWordPressの記事を作成でき、大変便利なのですが、実際に使用してみるといくつか気になる動作がありました。その一つであるコードブロックのHTMLについてはソースコードを修正することで、所望の動作とすることができました。
Visual Studio Code VS CodeからGitHubを利用する
今回はVS CodeとGitHubを組み合わせて利用する方法を紹介します。VS CodeとGitHubは相性が良く、VS Codeを利用するとGitHubを簡単に利用することができます。さらに拡張機能を導入するとブランチの様子をグラフィカルに表示したり、誰がどの行を修正したのかをわかりやすく表示させることができます。
プログラミング いまさらGitHubを利用してみる
今回はいまさらながらGitHubにアカウントを作成し、使えるようにしてみます。GitHubの画面は英語が基本ですが、情報が多くあるため、問題なくセットアップできると思います。アカウントさえ作っておけば、簡単にレポジトリを作成することができます。また、無料のプランでもプライベートなアカウントを作成できるので、いろいろ活用ができそうです。
Visual Studio Code VS Code + WSL2でVS Codeの拡張機能を作ってみる
今回はVS CodeとWSL2の組み合わせでVS Codeの拡張機能が作成できるか試してみます。WSL拡張機能で連携できていれば、WSL2側にNode.jsを導入することで、拡張機能の開発ができることがわかりました。ステップ実行等のデバッグも可能です。Linuxに慣れている方にはWindows上で環境を構築するより楽かもしれません。
オーディオ Shokz社(旧AfterShokz)の骨伝導ヘッドホン OpenRun Proを試す 後編
今回は骨伝導テクノロジーを採用したヘッドホンであるShokz社のOpenRun Proというヘッドホンを実際に使って見た様子を紹介します。骨伝導により耳を塞ぐことなく音楽や聞くことができ、屋外などのジョギングなどの外部の音が必要な状況でも安全に音楽を聴くことができます。
また、テレワーク・遠隔授業での利用も、周囲の音を確認しつつ、リモートの音声を聞くことができるので大変便利と思います。
オーディオ Shokz社(旧AfterShokz)の骨伝導ヘッドホン OpenRun Proを試す 前編
今回はShokz(旧Aftershokz)の骨伝導ヘッドホンOpenRun Proを入手したことを紹介します。前モデルのAeropexから様々な面を強化し、Shokzの新たなフラグシップとなる製品です。基本的なデザインは踏襲していますが、様々な強化が図られているようなので使って見るのが楽しみです。
Visual Studio Code WordPressをVS CodeとMarkdownを使って更新する
今回はWordPressの記事の更新をVS CodeとMarkdownで行うために「WordPress Post」という拡張機能を導入してみます。WordPress Postを利用するとVS Code上でMarkdown形式で作成したドキュメントを、VS Codeから直接WordPressに投稿することができます。しかし、imgタグにサイズ属性がつかないなど、残念な点もあり、残念ながら常用するに至りませんでした。今後のバージョンアップに期待したいところです。
WSL WSL2上のOpenCVでUSBカメラつかう (VLCによるストリーミング)
今回はWSL2上のOpenCVでUSBカメラの映像を取得するために、Windows上のVLC media playerを使ってストリーミングしてみます。VLC media playerを利用することで、GUIでストリーミングの設定をすることができるのでFFMPEGよりも簡単かもしれません。遅延が大きいなどの制限はありますが、WSL2上のOpenCVでUSBカメラの映像を取得したい方は、ストリーミングを試してみてください。
WSL WSL2上のOpenCVでUSBカメラつかう (FFMPEGによるストリーミング)
今回はWSL2上のOpenCVでUSBカメラの映像を取得するために、Windows上のFFMPEGを使ってストリーミングしてみます。事前にストリーミングを開始する手間が必要ですが、USBIPD-WINを使ってWSL2にUSBデバイスを見せるよりも、高解像度の映像を取得できるのがメリットです。ただし、映像の遅延はストリーミングの方が大きくなるので、使い分けると良さそうです。
WSL WSL2上のOpenCVでUSBカメラを利用してみる(C++)
今回はWSL2上のOpenCVでUSBカメラから映像をキャプチャしてみます。WSL2でUSBカメラを利用するためにはUSBIPD-WINという仕組みを使う必要があり、このせいかUSBの通信速度がかなり遅くなっています。このためUSBカメラから映像を取得する際には解像度を下げ、フォーマットをMotionJPEGとする必要がありました。
ディスプレイ・TV関係 Xiaomiのモニターライト(MJGJD01YL)を買ってみた
今回は海外通販BanggoodでXiaomiのモニターライトMJGJD01YLを購入したことを紹介します。このようなライトを使うのは初めてでしたが、ライトを点灯してみると、手元の書類や書籍が明らかに読みやすくなりました。なぜこれまで買わなかったのかと思わせる製品です。デスクワークが多い方は入手しておいて損がないデバイスと思います。
WSL WSL2でのUSBカメラのパーミッションをなんとかする
今回はWSL2のLinuxでudevを有効にすることにより、USBカメラを利用する際のパーミッション問題を解決してみます。最近のWSL2では起動時に実行するコマンドを簡単に設定できるので、起動時にudevを有効にすることも簡単です。WSL2でUSBデバイスを使う予定がある方は設定しておくことをオススメします。
WSL WSL2でUSBカメラを使う – 後編
今回はWSL2でUSBカメラを使えるようにしてみます。WSL2のLinux KernelはV4L2やUVCが有効になっていないため、USBカメラを利用するにはLinux Kernelを自分でコンパイルして差し替える必要があります。Linux Kernelを変更すればUSBIPD-WINと組み合わせることによってWSL2でUSBカメラを利用することができます。ただ転送速度に難があるようなのが残念です。
WSL WSL2でUSBカメラを使う – 前編
今回はWSL2のUbuntuでUSBデバイスを認識できるようにしてみます。WSL2は仮想マシンのようなものなので物理的なUSBポートは有りませんが、USBIPD-WINというツールを使うことでWindowsに接続されたUSBデバイスを認識できます。ただWSL2のLinux kernelにはUSBカメラのドライバーが含まれていないため、USBカメラを使うにはもう一工夫必要です。
Visual Studio Code WSL2とVS Codeの環境でOpenCVを利用してみる(C++)
今回はVisual Studio Code (VS Code)とWSL2を連携させた状態で、OpenCVを利用する簡単なプログラムをC++で作成してみます。ちゃんと設定すると、コーディング時はIntelliSenseによるアシストを受けることができます。また、WSL2がWSLgに対応していれば、そのまま実行・デバッグを行うことができます。WSL2を活用することで、Linux PCを用意できない人もLinux向けOpenCVの開発をできそうです。
Visual Studio Code WSL2とVS CodeでC++を利用してみる
今回はVisual Studio Code + WSL2という環境でC++のコーディング・ビルド・デバッグを試してみます。多少は手で設定する項目は有りますが、VS Codeによってビジュアルでデバッグできるのはかなり使いやすいのではないかと思います。
ネットワーク NASキット Synology DiskStation DS220jで遊ぶ その13: Gitサーバにする
今回はSynologyのNASをGitサーバにして、Visual Studio Codeから利用してみます。VS CodeでSSHを利用したgit接続は、公開鍵認証が前提(?)のため、最初の設定はなかなか大変です。しかし、設定さえ終えれば簡単にGitを利用することができます。ただ、リモートレポジトリを作るためには、NASの管理者権限アカウントでSSH接続してコマンドを打つ必要があるのは少々面倒かもしれません。
Visual Studio Code VS Codeの設定・拡張機能を同期する
今回はVisual Studio Codeで拡張機能や設定内容を同期する方法を紹介します。複数のPCでVS Codeを利用する場合は、同じ環境を簡単に再現できるのでこの同期機能を利用するのがオススメです。1台のPCで利用する場合も、バックアップという意味で同期機能を活用すると良いでしょう。
Visual Studio Code プログラミング(コーディング)に便利なVS Codeの拡張機能
今回はプログラミング(コーディング)に便利はVisual Studio Code(VS Code)の拡張機能を紹介します。VS Codeには様々な拡張機能があり、導入する拡張機能により使い勝手が大きく変わります。ここで紹介した拡張機能以外にもいろいろあるので、自分にあった拡張機能を探すと良いでしょう。
Visual Studio Code Emacs使いがVS Codeを使う
今回はVS CodeでEmacsのキーバインドを実現するために、Awesome Emacs Keymapという拡張機能を導入したことを紹介します。この拡張機能を導入すると、カーソル移動や文字の編集などがEmacsと同じキー操作で行うことができます。Emacsになれている人がVS Codeを使う際には必ず入れて置きたい拡張機能と思います。
Ubuntu WSL2とVS CodeでC言語を利用してみる (Remote – SSH拡張機能編)
今回はWindowsにVS Codeをインストールして、WSL2のLinuxでC言語を使ってみます。拡張機能の「Remote Development」と「Remote - SSH」を使用すると、WSL2のLinuxとSSHで接続できるようにしておけば、シームレスにC言語プログラムのコーディング・コンパイル・デバッグをできます。
Ubuntu WSL2とVS CodeでC言語を利用してみる (WSL拡張機能編)
今回はWSL2でLinuxを導入したWindowsにVS Codeをインストールして、C言語を使ってみます。拡張機能の「Remote Development」と「WSL」を使ってVS CodeとWSL2を連携させると、Linuxのコマンドラインを一切使わずに、LinuxでC言語のプログラムをコンパイル・デバッグできます。かなり開発の敷居が下がるのではないでしょうか。
Mint Linux MintをWindows11(WSL2)上で動かしてみる
今回はWindows Subsystem for Linux (WSL2)に人気ディストリビューションのLinux Mintを導入してみます。WSL用のLinux Mintはインストーラが用意されているため、比較的簡単に導入することができます。一度導入してしまえば、Ubuntuと同じように設定できるので、使いやすいのではないかと思います。
Ubuntu Ubuntu 20.04 LTSをWindows11上で動かす その13: 自動起動する
今回はWSL2で導入したUbuntuをWindowsの起動に合わせて自動実行する設定を紹介します。WSL2のLinuxを自動的に立ち上がるようにしておくと、SSHやリモートデスクトップでいつでも接続することができ、あたかもLinuxサーバが起動しているように使うことができます。
Ubuntu Ubuntu 20.04 LTSをWindows11上で動かす その12: 外部から接続する
今回はWindows Subsystem for Linux (WSL2)で導入したUbuntuに、外部のPCから接続する方法を紹介します。WSL1の頃は簡単にできたのですが、WSL2になってからネットワークの構成が変更になっているため、少々設定が複雑になっています。
Ubuntu Ubuntu 20.04 LTSをWindows11上で動かす その11: wsl.confによる設定
今回はwsl.confというファイルを使って、WSL2の起動時にネットワークドライブの自動マウントと、sshサーバ・xrdpに自動起動を設定します。WSL2ではsystemdが動いていないため起動時の自動起動は面倒かと思ったのですが、この設定フィアルで簡単に行うことができました。WSL2で動かしておきたいサービスがある方は活用して見てください。
Ubuntu Ubuntu 20.04 LTSをWindows11上で動かす その10: GUIを使う(WSLg編)
今回はWindows Subsystem for Linux(WSL2)に導入される予定のWSLgを使ってLinuxのGUIアプリを使用してみます。Windows11では既にWSLgを利用することができ、ほとんど設定不要でLinuxのGUIアプリを起動することができます。VcXsrvなどのXサーバアプリの設定が面倒な方にはうれしいのではないかと思います。
Ubuntu Ubuntu 20.04 LTSをWindows11上で動かす その9: GUIを使う(リモートデスクトップ編)
今回はWindows Subsystem for Linux(WSL2)を使って導入したUbuntuにリモートデスクトップで接続できるようにしてみます。モートデスクトップを使うとWindows側に特別なソフトを入れる必要がありません。WSL2でデスクトップ画面を使いたい方は、Xサーバー(VnXsrv)を使うよりリモートデスクトップの方がお手軽だと思います。
Ubuntu Ubuntu 20.04 LTSをWindows11上で動かす その8: GUIを使う(VcXsrv編)
今回はWindows Subsystem for Linux (WSL2)を使って導入したUbuntuでGUIを使えるようにしてみます。WindowsにフリーのXサーバであるVcXsrvを導入することで、GUIアプリも簡単に使うことができます。GUIアプリが必要な方は試してみてください。
Ubuntu Ubuntu 20.04 LTSをWindows11上で動かす その7: WSLのLinuxカーネルをアップデートする
今回はWSLのLinuxカーネルをアップデートする方法を紹介します。Linux kernelは不具合修正でどんどん更新されていくので、パッチレベルが高いものを使った方が安心です。デフォルトだとWSLのLinuxカーネルは更新されないので、定期的にwslコマンドで手動更新するか、Windows Updateの設定を変えて自動配信されるようにしておいたほうが良さそうです。