最近、会社でテックブログを始めて、個人のブログがおろそかになっている...orz
約1年前から、通勤中にPodcastを聴いて、ゆるーく知識をつけられていることに充実味を感じています。
今回は、UIT INSIDEというPodcastで紹介されていたVSCode(Visual Studio Code)の拡張機能を実際に使ってみたら、個人的に良かったので、その紹介をしたいと思います。
(ライトな記事ですまないすまないすまなry
UIT INSIDEとは? 🙄
UIT INSIDEは”LINE UIT室の開発者による「最新のフロントエンド」をキャッチアップできる Podcast ”と、ポータルサイトで説明されています。
ReactやVue.js、その他フロント周りのことをわかりやすく話してくださっており、あまりフロントの知識が無い自分でも理解できて、非常に勉強になっています。
パーソナリティは @potato4d さんです。
ポータルサイトはチャプターが分かれていて、親切ですね。また、話が「ページめくり音」によって区切られており、聴きやすいのも特徴の一つかなと思います。
ぜひ一度聴いてみていただければと思います。
「ep.21 UITエンジニア エディタの流儀 - あるいはただのエディタ愛」がきっかけ
こちらのエピソードのことです。
「Polacode」というVSCodeの拡張機能を紹介してくださったのですが、あまり聞いたことがなかったため、実際にインストール&試してみました。
結果、有用だなと感じたため、他の方にも伝わればいいなと思い、本記事を書くにまで至りました。
Polacodeの紹介
選択範囲のソースコードのスクリーンショットが撮れるのですが、スライドに貼ったり、シンタックスハイライトがイマイチ効かないチャット(Chatworkとか)で共有するのに便利です。
Youtubeでデモ動画があがっているので、そちらを観るとイメージがつきやすいかもしれません。
実際に使ってみる
Polacodeを拡張機能からインストールします。
その後、
- ショートカットキー「command + Shift + P」を押下
- polacode(「pola」ぐらいまででもおk)と入力
すると、Polacodeが候補に出てきますので、選択します。
ウィンドウ分割され、右ウィンドウにPolacodeの操作画面が表示されます。
あとは以下のようにソースコードの範囲を選択、シャッターっぽいボタンを押下することでスクリーンショットを撮ることができます。
保存した画像は次となります。
いい感じですね。
所感
ソースコード共有方法、いろいろありますね。
- コード貼り付け(シンタックスハイライトが効いている場合)
- Gist
- Polacode
- Carbon
- etc...
コードコピペ実行とか考えると、貼り付けが一番いいと思いますが、シンタックスハイライトが効かない環境下&ちょちょっとコードを見せたい場合においては、PolacodeやCarbonの出番があるかなと思ってます。(チャットワークとか...)
あとは、スライド・ブログといった場面で有用な感じですね。
- スライド: Polacode / Carbon
- ブログ:
- チャット: シンタックスハイライト
おまけ:Carbonって?
ソースをいい感じのシンタックスハイライトを適用、画像化してくれるサイトです。
詳しくは以下からご参照ください。
おわり
以上です。
全然話変わりますが、最近iOS系のPodcast(日本語)を探してます。
Androidはdex.fxを聴けばよいのかなと思っているのですが...
iOSの情報発信をしているPodcastはまだ見つけられていません。
もし「これいいよ!」みたいなPodcastがありましたら、Twitterや本ブログのコメント欄とかでFBいただけると助かります。 🙏