Articles in the javascript tag

  1. PicasaWebアルバムがシャットダウンしたのでGoogleフォトの埋め込みタグを生成するサービスを作った話

    ついさっきブログ更新をしてましたが、それまでは8月冒頭でぱったりと切ってました。理由はここに書いたとおりです。それからしばらく経って8月のお盆ぐらいに埋め込みタグを生成するサービスづくりに着手してました。

    Javascript書くの久々すぎて右往左往してましたが、コード的に大丈夫かはともかく公開してみました。

    Google Photos Embed Code Generator

    この写真を見ていただけるとわかると思いますが、こんな感じで埋め込みタグを生成してくれます。アルバム単位で決定するのでアルバムを作成することが条件です。写真単体でできるか調べてみてますが今のところまだわからないです。

    仕組み

    サービスと言っても、javascriptのみで構成されたhtmlファイル一つのみで実質ブラウザ側のみで処理しています。

    Google Picker APIという、Googleのサービスで使えるファイルピッカーやアップロードを行うリッチなUI込のAPIを使いました。javascriptで動作するもので、Google API Consoleで必要なAPIキーとoAuth2のクライアントID/シークレットを取れば利用できます。

    Picker  |  Google Developers

    このサービスのコード自体もAPIのドキュメントに書かれているHello Worldのコードをほとんど変えることなく動いてます。なので使い勝手はものすごく良いと思います。GoogleフォトやGoogleドライブ, 画像検索やMapやYoutubeも扱えるらしいので、使わない手はないと思います。

    Picker API Developer's Guide  |  Picker  |  Google Developers

    このサービスを作るにあたって、以下のQiita記事が非常に参考になりました。ボタン操作で認証を走らせる方法がよくわかってなかったのですが、デモコードを参考に(javascriptのonClickイベントは少しだけ変更)させていただいてます …

About Me

実家の自動車プレス金型設計業(sano-design.sakura.ne.jp)に所属。
また東海大学石井研究室(ishiilab.net)でたまにお手伝いしてます。
サイト制作/python/Ubuntu 作ったり扱います。 小さいガジェットがとっても好き。
最近は諸事情で家事業が多めです。

スポンサードリンク