zenn-dev / zenn-community

zenn.dev roadmap

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

zenn-cliのプレビューに「エディターで開く」ボタンが欲しい

ken7253 opened this issue · comments

提案・要望

背景については別途記載していますが、articlesの中に記事用のマークダウンファイルが増えてきています。
ファイルが今書いている記事なのかが若干わかりづらい状況になっているので何かしらわかりやすくする方法があるとありがたいなと思いissueを立てさせていただきました。

ざっくりとイメージを記載させていただいたので、ご意見などをいただけるとありがたいです🙇‍♂️
(もう既に似たような機能などが提供されている or 開発中でしたら申し訳ありません…)

実現方法

個人的なアイデアとしては

  • とりあえずプレビューを立ち上げる
  • プレビューのGUI上から記事を見つけて開く
  • 記事プレビュー上から「エディタで開く」ボタンを押したらVSCodeで.mdファイルが開く

という方法で開けるとより使いやすかなと思っています。

考えられる課題とその想定

実現方法

カスタムURLスキームで実現可能かと思っています。

https://zenn.dev/ianchen0419/articles/0f33bb86eee045

エディターサポートについて

エディターのサポートについては意見が分かれる部分かと思いますが、機能を有効化するために.envファイルを作成して
下記のようにカスタムURLスキームとして有効な文字列を入れてもらうという方式が良いのではないかと思っています。

(MDNの翻訳コンテンツなども下記のような設定ができるためそれを参考にしました)

editor=vscode

お忙しい中お手数ですが、ご確認頂けますと幸いです!

背景

解決したい課題

記事数が多くなってくるとエディタ上でどの記事が現在書いている記事なのかが判別しづらい。

補足情報

下記は自分の記事用リポジトリのスクリーンショットで、現在公開していない記事もあわせて17本ほどの記事が/articles/に存在しますがエディター上で記事一覧を見た際に文字列だけでは、現在書いていた記事が判別しづらいので分かりやすくする方法などがあるとありがたいなと思いました。

image

関連

No response

commented

こちら起票いただきありがとうございます。
課題感につきまして理解いたしました、詳細な情報をいただき大変助かります。
たくさん記事を書いていただきありがとうございます!
対応方法含めてチームで検討いたします。現状他のタスクを優先的に行っていることから、検討に時間がかかることをご認識いただけると幸いです 🙏
引き続き、よろしくお願いします!

VSCodeを使われているのでしたら、こちらの拡張をご利用いただければと思います(ローカル環境でも利用できます)
https://marketplace.visualstudio.com/items?itemName=zenn.zenn-preview

VSCodeの拡張機能はローカルでも使用できたんですね…!
特殊な事情なのですがたまにネットワークが無い環境で作業をすることがあるので、こういったローカルで使える環境があると非常にありがたいです!
ご確認ありがとうございます!