ガジェニュー

~iPhone・Android,格安スマホ,ネットフリックスとか~

Photo Express for Googleが使えなくなったので変わりのツールを自作してみた

      2019/02/26    後で読む

当サイト「ガジェニュー」は、下記の記事にも書いておりますが、サーバー容量の節約のために画像はほとんどGoogleフォトにアップしたものを読み込むようにしてつかっています。

photo-express-for-google-tb
前に書いたエントリーで利用していたプラグインがGoogleの認証方法の変更によって上手く動かなくなってしまったので、今回はプラグインの入れ

その際に利用していたのが、ワードプレスのプラグインである「Photo Express for Google」でした。こちらのプラグインが非常に便利で愛用していましたが、Picasa APIの提供停止にともない使えなくなってしまいました。

SPONSORED LINKS

Googleフォトの画像をワードプレスで利用するための変換ツール

非常に困っている中、GoogleのGoogle app script(グーグルアップスクリスト 通称:GAS)を利用してツールを作っていた人がいましたのでそちらを参考に自分仕様のPhoto Express for Googleの代わりになるツールの作成してみよう!と思ったので作成してみました。

Photo Express for Googleの変わりのツール
※動作の保証は一切しませんが公開WEBアプリケーションなので使いたい人は自己責任でどうぞ。

今回、GASをつかって色々やってみましたが、わたしは、プログラミングの基本的な仕組みは理解してるのですが性格的に作るのとか面倒くさくて無理な人です。

ということで逃げていたこともあり一回もきちんとプログラミングをしたことは無かったのでなかなか大変でしたが、今回は自分で頑張ろうと思えるほど使えなくなったのは応えました。

どうせ作るなら自分が、使いやすいようにということで少しだけ頑張ってカスタマイズしてみました。

カスタマイズしたのは下記の部分

  • imgのclassを設定できるように変更
  • Markdownは使わないので削除
  • 出力される画像埋め込み用のHTMLに画像へのリンク設定
  • classとsizeの規定値を自分でよく使うやつに
  • 見た目を少し整形

で出来たのが上記のツールです。

Photo Express for Googleの変わりのツールの使い方とできること

簡単に説明していきます。

まず、下記のようなGoogleフォトの共有URLを取得して貼り付けます。

https://photos.app.goo.gl/yqTZzySFHuPiBDzM6

こちらをボックス内に貼り付けて、変換を押すと下記のようなURLが出力されます。

https://lh3.googleusercontent.com/H1dyiwqaOW7DsO5cwwZ1TSWuhao4tbzk4XVVgXETs96DEzWyDhrvt5bOVTEDLSoTkodoHKLr6Siq_l9Ae0BmBsDdl92Bge8owo26WqOg4rUyHGq-Sj4ZwXIfV7E9xxT9buNiqnHkHQ=s728

こちらが直接画像にアクセス可能なURLとなります。ここはGASでやってくれる感じです。

直接アクセス可能なURLを使いたい形に整形すると下記のような形になります。

<a href=”https://lh3.googleusercontent.com/H1dyiwqaOW7DsO5cwwZ1TSWuhao4tbzk4XVVgXETs96DEzWyDhrvt5bOVTEDLSoTkodoHKLr6Siq_l9Ae0BmBsDdl92Bge8owo26WqOg4rUyHGq-Sj4ZwXIfV7E9xxT9buNiqnHkHQ=s728″><img class=”aligncenter peg-photo” src=”https://lh3.googleusercontent.com/H1dyiwqaOW7DsO5cwwZ1TSWuhao4tbzk4XVVgXETs96DEzWyDhrvt5bOVTEDLSoTkodoHKLr6Siq_l9Ae0BmBsDdl92Bge8owo26WqOg4rUyHGq-Sj4ZwXIfV7E9xxT9buNiqnHkHQ=s728″ alt=”” title=””></a>

画像へのリンク、画像のサイズ、alt、titleを設定した状態であとはWordPressに貼り付けるだけになっています。

今回は下記のサイトさんの記事を参考にさせてもらいました!ありがとございます。

◆参考にしたサイト
https://relativelayout.hatenablog.com/
コードのベースとして利用させていただきました!

GASは利用している人も多いので参考になるサイトさんが沢山あるのは有り難かったです。

さいごに

今回はじめて「Google AppScript」を利用してページを作ってみましたがなんとかなりました!

これでとりあえず前よりも少し手間がかかりますが、ほとんど同じようにGoogleフォトに画像をアップしてWordPressや、その他のブログで使うってことができるようになりました。

一番いいのはプラグイン側で新しいAPIに対応してもらえることですが、かなり前からアップデートもされていないのであまり期待できないのかなと思っています。

もともと無料で利用していたのでそのあたりはしょうがない部分です。自分で使いたいものを作れるプログラマーの人とかはやはりすごいなとより実感しました。

また機会があれば色々と作ってみたいと思います。

てな感じで

 - WEBサービス, WordPress, プラグイン , ,

  関連記事

ana-sum
【アクセス数報告】2014年9月のPVと収益を公開します

今回は初めて、「ガジェニュー」のPVを公開してみようと思います。実際にこうやって …

sPAK85_houkokusyokuronuri20140905500
無料で作成できる高性能アンケートのツールの比較をしてみる

前回のエントリーで無料で使える高性能なアンケート集計のWEBツールの無料で高機能 …

simages_120314_110122_AM
【STINGER5カスタマイズ】スマホでの拡大操作に対応させる方法

今回はSTINGER5でちょっと気になっていたスマホ表示でのピンチイン・アウトに …

16544949807_f063679022_b
Yahoo!の2段階認証をGoogleAuthenticator等で設定する方法

Yahoo!を今まで使ってなかったのですが最近LOHACOの便利さに気づきYah …

キャプチャ3
スマホがリアルチケットに!?スマホに直接スタンプを押して入場できるサービスがはじまるよ~

私は、サッカーとかが好きでよく地元でご贔屓の「浦和レッズ」の試合をさいたまスタジ …

sum
【アクセス数報告】2014年10月のPVとアフィリエイトの収益を公開します

10月の末から、昨日まで曾祖母のお葬式や、遺品整理やらでバタバタしていて本日から …

rakuten-vs-yahoo-1
楽天市場も毎日ポイント7倍!が始まったのでヤフーショッピングの毎日5倍と比べてみた

1月18日に突然楽天が楽天市場のご利用でいつでもポイント7倍!なんていうのを始め …

images_111514_124303_AM
【STINGER5カスタマイズ】ヘッダー周りのカスタマイズ

今回は、STINGER5のヘッダーのカスタマイズをしたので、備忘録がてら書きます …

MF
【無料家計簿アプリ】マネーフォワードの使い方〜振替を活用しよう〜

最近自分が、無料で使える家計簿アプリとして使い倒しているマネーフォワードの基本的 …

sum20141205
Twitterの連携アプリの認証は、きちんと知識を持ってやらないと痛い目みるよ

こんな感じの画面を皆さん見覚えありませんか? この画面は、自分のTwitterア …

Loading Facebook Comments ...

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です