クリップボード内の画像を記事やチャプターのMarkdownに貼り付けできる機能

[uttk-dev]

概要

クリップボード内の画像を記事やチャプターのMarkdownに![](...)の形で貼り付けできる機能。

想定する挙動は以下のような感じ 👇

1. クリップボードに画像がある状態で記事やチャプターのMarkdown上で貼り付けを実行する
2. 貼り付けられた画像を./images/[slug]/{日付}.{png|jpg} で保存
3. 画像が保存される間、![uploading...]() を貼り付け箇所に挿入
4. 保存が完了後、![uploading...]() を正しい表記( ![](./images/[slug]/{日付}.{png|jpg}))に置換する

考慮すること

• 貼り付けた画像の削除には関与しない
• 複数の画像が貼り付けられた場合でも( 可能であれば )正しく画像を保存して記法を追加する
• 対応してない拡張子の場合は何も実行しない ( VSCode のデフォルトの貼り付けを行う )
• オプションの有効・無効を選択できる ( デフォルトは無効 )
• 貼り付けられた画像のサイズが大きい場合( 3MB以上 )は、エラーメッセージを表示する

[yo-goto]

ちょっとした意見なのですが、自分の場合、画像ファイルにはすべて分かりやすい名前をつけて管理しているのですが(他の記事やチャプターでも探して使いまわせるように)、オプション機能として画像をペーストするときにモーダルまたはプロンプトなどが表示されて日付名になるところを名前付けできる機能があると便利かなと思います。

ただ、イラストレーターやmonosnapなどの画像ソフトを通じて加工・圧縮などをしてからファイルを直接対象フォルダに保存して名前付けする場面の方が多いので、ペースト時に名前付けというのはもしかしたら冗長な機能かもしれません。

[uttk-dev]

オプション機能として画像をペーストするときにモーダルまたはプロンプトなどが表示されて日付名になるところを名前付けできる機能があると便利かなと思います。

ただ、イラストレーターやmonosnapなどの画像ソフトを通じて加工・圧縮などをしてからファイルを直接対象フォルダに保存して名前付けする場面の方が多いので、ペースト時に名前付けというのはもしかしたら冗長な機能かもしれません。

そうですね。ファイル名は後から編集もできますので、機能としてはペーストできれば十分だと思いますし、
zenn.dev 上の Web エディタと体験を合わせる意味でも、ペースト時の操作数をなるべ増やさない方がいい気がします。