Googleアカウント画像を返却するだけのAPIを作った
みなさん、ご自身のプロフィール画像ってどう管理していますか？例えば、zenn のプロフィール画像って、更新していますか？ 私は、プロフィール画像の更新は面倒なので、放置することが多いです。(Gravatar みたいな SaaS が使えたら良いのに...)
最近、自身のポートフォリオページ刷新を検討しており、プロフィール画像をどうするか悩みました。ポートフォリオのベースドキュメントは、Markdown を採用しています。
プロフィール画像を固定で保持させず、API 経由でプロフィール画像を設定できないかと思い、今回、Google アカウント画像を返却するだけの API、Google Account Photo APIを作成しました。
API のソースコードは、こちら(Github)です。1 時間程度で作ったので、正常パターンしか見ていません。(笑) ご了承ください。
Google アカウント画像ってどれ
Google のアカウント画像は、www.google.com で表示されている右上の画像です。(ログインしている方のみ)
API の使い方
API を呼び出すために、あなたの Google アカウント ID というものを用意する必要があります。
Google アカウント ID の調べ方
あなたの Google アカウント ID は、Google People API の Explorer を実行 するだけで分かります。
実行すると、resourceName(ex. people/<account_id>) というフィールドが返却されるので、そこに書いてある account_id が、あなたのモノになります。
API を呼び出す
API は、次の URL に GET 呼び出しします。YOUR_ACCOUNT_ID は、さきほど手に入れた account_id になります。
https://google-account-photo.vercel.app/api/?account_id=YOUR_ACCOUNT_ID呼び出すと、画像を返却されます。私の場合は、次の画像が返却されます。
Markdown で活用する
この API を活用すれば、次のような Markdown を書くだけでプロフィール画像を表示することができます！
これだけだと、ちょっと味気ないので、Cloudinary を使います。Cloudinary は、URL のパラメータを設定するだけで、画像を加工できます。例えば、画像を円にする場合は、次の URL を書きます。
Cloudinary についての説明は、割愛します。
私の場合は、次のような画像が表示されます。
Cloudinary について、詳しくは次の URL を確認ください。
終わりに
サクッと API を構築できちゃうのって、便利な世の中だな〜と思いました。
シェアする
フォローする
関連する記事
タグ「Google」の記事
どうも、Web業界で働き始めて9年目の駆け出しエンジニア、silverbirderです。Spotifyで音楽を聴いていると「この曲、どこかで聞いたことがあるけど、何の主題歌だったかな？」と思うこと、ありませんか？特にドライブ中や作業中に、ふと気になることが多いですよね。 私もそんな経験があり、気になったその曲が主題歌だったアニメを見始めたことがきっかけで、「簡単にタイアップ情報（アニメやドラマなど）を調べられるアプリがあったら便利だな」と思い、このアプリを作ることにしました。
ERNIE-ViLG というのが、"二次元キャラ" に強いという記事を目にしました。実際に使ってみようと、次のページで試したんですが、レスポンスがイマイチでした。そこで、次の記事を参考にして、ERNIE-ViLG を Google Colaboratory で動かすようにしました。
みなさん、Zoom使っていますか？ ZoomのMeetingを自動生成するGASライブラリを公開しましたので、そのきっかけと使い方について紹介しようと思います。
タグ「バックエンド」の記事
はじめに tRPCは、型安全なAPIを簡単に構築できるフレームワークです。開発中、バックエンドの実装を待たずに、Storybook上でフロントエンドの開発を進めたい場合、Mock Service Worker (MSW) を使用してAPIのモックを行うことができます。この記事では、maloguertin/msw-trpc を用いて、tRPC通信をMSWでモックする方法について解説します。実用例として、サンプルコードをGitHubリポジトリ silverbirder/trpc-msw-storybook-nextjs で共有しています。
Stable Diffusion は、文章を渡すと画像を生成してくれる AI で OSS です。これを自前で動かそうとすると、GPU が必要になります。
タグ「成果物」の記事
個人サイト（ジブンノート）をリニューアルしました。本記事では、個人サイトをリニューアルした際にあった出来事などを振り返りたいと思います。ちなみに、個人サイトは以下のページです。ノート風デザインで、ブログ記事が読めるようになりました！🎉
個人サイトをリニューアルしました！🎉 https://silverbirder.github.io リニューアルは、今回で6回目です。制作期間は、去年の12月27日から今年の1月28日までの約1ヶ月間です。個人的には最速の開発期間でした。AIの力は偉大ですね。本記事では、個人サイトのリニューアルでこだわったポイントについて紹介します。
2026-01-28
個人開発として、機能リクエスト投稿サービスを作成しました。 サービス名は Fequest で、Feature Request の略です。 Fequest は、プロダクトに対して「この機能を追加してほしい」「ここを改善してほしい」といった要望
2025-12-28