「名前を付けて画像を保存」とかを一瞬でできるChrome拡張機能を作った!!

「名前を付けて画像を保存」とかを一瞬でできるChrome拡張機能を作った!!
28
3
248
12
17

色々あって自分のためにChrome拡張機能を作った!

easy-to-save-image-as-animation

…で、真面目に作ったらそれっぽくなったので「せっかくだからChromeウェブストアでも公開したろか!」という流れです。

Chromwウェブストア - ダウンロードページ

上記ページからみなさんも3秒でインストールが可能です。即刻アンイストールしてもいいので一瞬だけでも使ってみてください…!

なにができるか

できることは

  • 名前を付けて画像を保存
  • 画像をコピー
  • 画像のリンクをコピー

の3つの操作を「任意のショートカットキー+任意のクリック方法」にそれぞれ割り当てられるというものです。

例えば

  • Ctrl+Xを押しながら左クリックしたら「名前を付けて画像を保存」する
  • Alt+C+Vを押しながら右クリックしたら「画像のリンクをコピー」する

みたいな具合。こんだけです。

easy-to-save-image-as-screenshot-1

設定もこんだけ!キー設定の入力だけちょっとおしゃれに作った!

PC作業で画像探しとかを頻繁にする方にはまあお役に立てるかも!と思います~
Macでも動作確認してます(optionキー混ぜると変なキー名表記になるけどね)。

・「名前を付けて画像を保存」はブラウザ側の「ダウンロード前に各ファイルの保存場所を確認する」設定(chrome://settings/downloads)の挙動に従います:ONであれば「名前を付けて保存」ダイアログボックスが出てくるし、OFFであれば既定のダウンロードフォルダ(デフォルトはC:\Users\[ユーザー名]\Download)に保存されます

・Chromeじゃなくても、拡張機能が利用できるChromium系ブラウザでは同じ動作をするはずです

なんでつくったのか

僕がChromeは使っていなくて Vivaldi というブラウザにぞっこんであることは読者のみなさんはご存知だと思いますが、最近のVivaldiのアップデートで右クリックメニューの階層構造が変わってしまったんですよね。

vivaldi-context-menu-items

なんか色々増えたりしているのはまあいいとして、特にリンク付きの画像(aタグで囲まれた画像)を右クリックすると「名前を付けて画像を保存」がすごく深くて位置も下の方になってしまったのでだいぶ困ってました。

vivaldi-context-menu-items-2

こんな感じ。

情報整理としてカテゴライズを綺麗にしてくれたのだと思いますが、作業効率的にはちょっと微妙です。

みるみ
みるみ

ただ、Vivaldiは一度アップデートして従来のものから変えた要素をフィードバックの結果によってはすぐに戻してくれることも多いんだよね~。今回は面倒くさくてまだフォーラムには投稿してません。

とまあそんなわけで、せっかくなので作ってみたというお話でした!

おわりに

なんかご要望あったらめっちゃ受け付けますのでぜひ!!!

あと、ブログで紹介とかしてくれましたらリツイートしにいきますのでこちらもぜひ!!!!

28
3
248
12
17
みるみ
Follow Me!
みるみみるめも筆者

仕事と趣味と副業がプログラミングとブログでごちゃまぜになっている人。

詳しいプロフィールはこのページで色々書いてます。もやってます。

みるめも

この記事へのコメント

  1. 匿名 より:

    本題とは少しズレるかもしれませんがVivaldiは右クリックメニューの編集ができるのでそれで編集してみてはいかがでしょうか?

    • みるみみるみ より:

      うおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおおお!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

       

      …ここ数ヶ月で一番ショックでした。。
      Vivaldiの設定には人一倍うるさいキャラとかやってたんですが、まさか単に気付いてなかっただけとは。。自分が相変わらずアホで泣けてきます。。ありがとうございます。。。。。。

  2. 匿名 より:

    コーディングで画像名だけコピーしたいときに便利です!
    一つだけ要望ですが、相対パスの画像をsaveしようとすると意図しない絶対パスに勝手に置き換わってしまい、リンクが切れた状態になります。保存のダイアログも出ないです。

    • みるみみるみ より:

      こんにちは。
      使ってくださってありがとうございます!

      たしかに相対パスはテスト漏れてたかもです…。申し訳ないです!!
      issue に積んでおいたので時間あるとき対応します、します。。。

  3. mimiuco より:

    mirumiさま
    こんにちは!
    こちらの拡張機能と文字数カウンターをいつも使っています。
    かゆい所に手が届く機能で本当に役立っています。
    “こういうのがあったら…”と思ってつくれてしまうのがすばらし過ぎます。
    ありがとうございます!!

    • みるみみるみ より:

      文字数カウンターまで使ってくださっているんですね!!とても嬉しいです…!
      「こういうものがあったら…」を考えるのが趣味です。笑
      ありがとうございます~

  4. mituba より:

    Chromebookで使えませんでした

    • みるみみるみ より:

      何がどうダメで使えませんでしたか?

      • mituba より:

        ショートカットキーを押して、左クリックしてもも何も反応がありませんでした(左クリックの設定にしていました)

        • みるみみるみ より:

          ご不便をおかけし申し訳ありません。
          ブラウザおよびショートカットキーは、PC と各ブラウザ固有の環境とが入り交じるため動作確認がとても難しいです。一般的なユースケースはだいたい試していますが、他の拡張機能やフリーソフトなどによっては動作しない可能性は無限に考えられます。
          個人開発のアプリケーションなのでどうかご容赦くださいませ。

  5. 匿名 より:

    素晴らしいアドオンの開発ありがとうございます!
    しかし使用してみたところ、画像が消えてしまい保存ショートカットとして使用できませんでした…
    環境によるのでしょうか

    リンク先を保存の項目もあると画像などは一度開く必要なく保存ができて便利だなと思ったので追加していただけたら嬉しく思います

    • みるみみるみ より:

      ご使用いただきありがとうございます!

      ウェブページに画像を表示する仕組みはたくさんのパターンがあるのですが、その全てに対応できてはおりません。画像が消えてしまうのも既知のケースとして確認できています。

      「リンク先を保存」は画像などメディアファイル以外の場所で発動してしまうと HTML の保存になってしまうのですよねー。
      いずれにしてもご意見ありがとうございました!

  6. 秋野レン より:

    素晴らしい拡張機能の開発、ありがとうございます。
    webページによって出来たり出来なかったりするみたいですね。

    ウマ娘のサポートカードのグラフィック一覧を作りたくて試してみましたが、
    下記ページではうまくいきませんでした。
    https://gamewith.jp/uma-musume/article/show/255037
    https://kamigame.jp/umamusume/page/146156759172553681.html

    このページではうまく動作しました。
    https://umamusume.wikiru.jp/index.php?%A5%B5%A5%DD%A1%BC%A5%C8%A5%AB%A1%BC%A5%C9%B0%EC%CD%F7%2F%A5%EC%A5%A2%A5%EA%A5%C6%A5%A3%A1%A6%A5%BF%A5%A4%A5%D7%CA%CC

    ご参考までに

    • みるみみるみ より:

      ご使用いただきありがとうございます!

      はい、こちらでは何がいけて何がダメなのか技術的な状況を把握してはいるんですが、現実的な実装方法で今の仕様のまま解決する方法が今のところ見つかっておらずこのまま…という感じになっております(この拡張機能の存在価値が自分的にもすぐ怪しくなってしまったのも大きいのですが…)。

      いつか、いい感じになります、いつか、、、

コメントが正常に送信されました。承認されるまで表示されませんので二重投稿なさらないようご注意ください。