読者です 読者をやめる 読者になる 読者になる

@Satoh_D no blog

大分にUターンしたので記念に。調べたこととか作ったこととか食べたこととか

画像のwidth, heightの値を半分にするSublime Textのプラグインを書いたよ!

タイトルのまんまです。
スマホサイトを作っている際、img要素のwidth, heightの値って画像サイズの半分の値をいれなければいけませんよね。
今までは自分で計算して都度値を入力していたのですが、その作業がとても面倒...。
何かうまい方法は無いかと調べても中々見つからず。 無いなら作っちゃえ!と思い立って勢いで作りました。

Sublime Textのプラグインを作ったことが無ければPythonも触ったことがなかったのですが、なんとか形にはなりました。

プラグイン自体はGitHubにて公開しています。
「HalfImageSize」 - https://github.com/Satoh-D/HalfImageSize

プラグインの使い方について

使い方は至って簡単です。
下記の様なimg要素を選択した後、

<img src="hoge.jpg" width="100" height="100" alt="">

ctrl+alt+h を押すことで

<img src="hoge.jpg" width="50" height="50" alt="">

とwidth, heightの値が半分になります。

因みに、要素を選択しなくても ctrl+shift+h を押すことで現在の行内にあるwidth, heightの値を半分にすることができます。 また、 ctrl+alt+shift+h を押すと現在のファイル内にあるwidth, heightの値を半分にすることもできます。

プラグインのインストールについて

GitHubからzipでダウンロードしたものをSublime Textのプラグインフォルダに入れるか、
下記ページを参考にインストールをお願いします。 いずれPackage Controlに登録してみようと思います...!

Y.A.M の 雑記帳: Sublime Text 2 用の ReVIEW プラグイン作った

まだまだPythonの書き方とか正規表現とか勉強することは山盛りですので、今後もブラッシュアップしていきたいですね。
よければ使ってみていただけますと幸いです。