🦾

Zennのプレビューがgithub.devで使えるらしい

2022/11/08に公開

はじめに

修正や追加等はコメントまたはGitHubで編集リクエストをお待ちしております。

Zennのプレビューがgithub.devで使えるらしいので試してみました。

github.devの開き方

編集したいレポジトリで . を押すと開けます。
もしくは https://github.dev/ユーザー名/レポジトリ名 で開けます。

web-based editorの詳しい説明はこちら。

https://docs.github.com/ja/codespaces/the-githubdev-web-based-editor

開くとこんな感じになります。

拡張機能のインストール

サイドバーから拡張機能を選択して、zenn と検索します。
下記画像の拡張機能をインストールします。

使い方

サイドバーにZennのロゴが追加されるので、それをクリックします。
クリックすると下記のように記事の一覧が表示されます。

記事横のマークを押すとプレビューが表示されます。

もちろん動いているのはVSCodeなので、分割表示もできます。

記事や本の作成も行えます。

感想

出先などでiPadから記事を書く際にプレビューができるのでとても便利です。
web-based editorはフリーなので、これからも使っていきたいです。

不満な点

  • リロードするとプレビューが消えてしまう

参考

https://zenn.dev/zenn/articles/usage-github-dev

Discussion