佐倉なぎです。
最近てがろぐのスキンを変更し、諸々のスクリプトの移行もしたのですが、いい機会ですのでおすすめのてがろぐスクリプトを紹介したいです。
今回ご紹介するのはてきとーのーとさんの『てがろぐでD＆Dまたはコピペで画像投稿するやつV2』です！
このスクリプト、タイトルのとおりD＆D（ドラッグアンドドロップのこと）またはコピペで画像投稿することができるんですが、それだけでなく画像投稿の際にウォーターマーク（画像タイプ・テキストタイプどちらも）の表示や.webp変換もできるという超超超よくばりセットな万能スクリプトです。以下、配布元。
私、PCで絵を描いているときに進捗をスクショしてそのままコピー＆ペーストでペタッと貼ることが多いんですけど、このスクリプト、なんとそれができる！！（デフォルト状態でできないのかは確認してないのであれですが）
個人的に中でも特に推してる機能がwebp変換機能です。webpってなにか～っていうと、ファイルサイズが小さいかつ画質も落ちない、webサイトの表示速度が上がってかつサーバーの容量を節約できるという、サイトを運営されている方におすすめの画像形式です。
ちなみにサルワカさんの『画像をWebPに変換』というツールでpng→webpに変換すると、大体90％以上はサイズが削減されます（サイズによるし、元々が小さいとそんなに小さくならないけど、MBならKBくらいまで削減できます）
私はWordPressにwebpを貼るとき、必ずこのツールを利用しているのですが（プラグインもあるんですがサイト重くなるという理由で入れてません）、なんとてがろぐでは前述した『てがろぐでD＆Dまたはコピペで画像投稿するやつV2』を導入すればそのままpngもjpgも自動でwebpに変換してくれます…！！
なんて便利なんでしょう！！！！ これはもう入れるしかないですね。ということで早速導入していきます。
導入
まず以下のコードを使用スキンのskin-cover.html内の[[QUICKPOST]]以下にコピペします。
<script src="upload.js"></script>[[QUICKPOST]]どこ！？ という方はショートカットキー『Ctrl+F』で検索すれば一発で見つかります（Windowsの場合） 私が使ってるのはVisual Studio Codeですけど、メモ帳でもいけます。Macの方も検索ショートカットキーを使えば多分同じだと思います。
次に、私はwebp変換機能を使いたいので変換機能をオンにします（デフォルトではオフのようです） 使わない方は設定しなくてOK！
『てがろぐでD＆Dまたはコピペで画像投稿するやつV2』のフォルダ内にあるupload.phpの$convertToWebpOption = '0';を$convertToWebpOption = '1';に変更します。0がオフ、1がオンの状態です。
他にも諸々設定があるのですが、webp以外は特別設定しなくても動くためここでは割愛します。ウォーターマーク等をもっと細かく設定したい方は配布元を参照してください。
次に、『upload.js』『upload.php』『Mplus1-Regular.ttf』『watermark.png』をてがろぐ本体があるディレクトリ（フォルダ）内にアップロードします。
導入完了です！
『投稿する』等の真下に『ここをクリック（タップ）でファイルを選択』…等と書かれた枠が追加されました。webp変換機能を利用する場合、下にある『WEBP変換』が有効になっていれば成功です。
思えばこれ、スクリプトのファイルはてがろぐ本体に入れるだけなので、スキン変更したい～ってときは使用するスキンのskin-cover.htmlにスクリプトの読み込みコードをコピペするだけでOKだったんですね…なので一瞬で終わりました。一度入れたらあとはらくちんですね。
使い方に関する注意事項
配布元には特に書かれていなかったのですが、導入したての方だと引っかかりやすいかな……と思いますので一応書いておきます。
D＆Dやコピペする場合は特に気にしなくていいのですが、画像アップロード時、上にある『画像』ボタンから画像を貼り付けるのではなく、『ここをクリック（タップ）でファイルを選択』と書かれた大きな四角の枠をクリック（タップ）してファイルを貼り付けましょう。
上の『画像』ボタンはてがろぐのデフォルト機能で、webp変換やウォーターマークがつかないためご注意ください。私は最初こちらを使っていたようで、どうやってもwebpに変換されなくて困ってしまったので…
今回主に伝えたかったのは、webpという画像形式の魅力でした。上でも書いたんですけど10MBの画像が300KBくらいに縮小～とかよくあるので、本当におすすめです。
MBって意外と大きいので、容量が少ないサーバーを利用されている方にとって節約になっていいのではないでしょうか…！ 基本的には手動で変換する必要があるのでやや手間ではありますが、てがろぐではスクリプト使って自動でできるので、使わない手はないと思います…！ ぜひ導入してみてください！
送信中です
コメント