最近、海外サービスの料金や、ゲーム・ガジェット関連の商品価格を見る機会が増えてきました。
ドルやユーロで価格が書かれていると、「これって日本円だとだいたいいくら？」と気になることがありますよね。
もちろん、実際に購入したり契約したりするときは、公式ストアや決済画面で最終金額を確認することが大切です。為替レートは常に変動しますし、手数料や決済方法によって実際の請求額が変わる場合もあります。
ただ、ブログ記事を書いているときや、海外価格を見ながら「今の為替だと高いのかな？」と確認したいときには、ざっくりした参考レートをすぐ見られるだけでも便利です。
そこで今回は、うさねこ散歩の記事内で使えるように、GMO外国為替FX APIを利用した「為替レート一覧」と「簡易的な為替計算ツール」を作ってみました。
今回作成したものは、うさねこ散歩のブログ内で使うために作った、参考表示用のプログラムです。
表示される為替レートは参考値であり、金融取引や投資判断、正確な決済金額の確認を目的としたものではありません。実際に購入・契約する場合は、必ず公式ストアや決済画面で最新の金額を確認してください。
- 作ったのはブログ用の簡易為替レート一覧です
- 海外価格の目安を見やすくする簡易為替レート一覧
- 為替レートはGMOの外国為替FX APIを使っています
- 表示するのはGMOで取得できる通貨ペアだけです
- AJAXで後から読み込む形にしました
- 選択中の換算結果を画面上に浮かせて表示するようにしました
- APIへのアクセスを抑えるために10分キャッシュしています
- 同時アクセス対策としてロック処理も入れています
- APIに失敗したときは前回成功したデータを使います
- ショートコードがあるページだけ読み込むようにしています
- 表示されるレートはあくまで参考値です
- まとめ
- WordPress＋Cocoonを始めるなら「エックスサーバー」がおすすめ！
- 免責事項
作ったのはブログ用の簡易為替レート一覧です
最近、海外価格を見ることが増えたよね。
ドルとかユーロで書かれてると、ぼくにはすぐわからないんだよね。
だから、記事の中で今の参考レートをざっくり見られるようにしたかったんだ。
日本円との関係が見えるだけでも、かなり助かる！
海外価格の目安を見やすくする簡易為替レート一覧
今回作ったのは、うさねこ散歩の記事内で使うための簡易的な為替レート一覧です。
GMOコインの外国為替FX Public APIから取得できる通貨ペアを、ブログ内で見やすいカード形式にして表示するようにしています。
この機能でやりたいのは、記事を読んだときに「だいたいの価格感」をつかみやすくすることです。
海外価格がドル表記だけだと、慣れていない人には少しわかりにくいことがあります。参考レートや仲値の目安があることで、「今だと日本円でどのくらいか」を考える補助になればいいなと思っています。また、今回の表示では、レート一覧だけでなく、入力した金額を選択した通貨ペアの仲値目安で換算できる簡易フォームも付けています。
たとえば、通貨ペアに「USD_JPY」を選んで「100」と入力すると、100米ドルがおおよそ何円になるかを参考値として表示します。
あくまでブログ内で価格感を見やすくするための機能なので、金融取引や正確な決済金額の確認に使うものではありません。
用途としては、次のような場面を想定しています。
正確な為替ツールというより、ブログ記事の中で「今の参考レートを見やすくするための補助表示」という位置づけです。ただし、換算結果もあくまで目安です。実際の決済金額や請求額は、カード会社の為替レート、手数料、決済タイミングなどによって変わるため、購入前には必ず公式ストアや決済画面で確認してください。
以下が、今回作成した簡易為替レート一覧です。
GMOで取得できる通貨ペアだけを、うさねこ風に一覧で表示しています。
入力した金額を、選択した通貨ペアの仲値目安でざっくり換算できます。
※換算は通貨ペアの左側から右側への目安です。出力は小数点以下を切り上げた数値のみ表示します。
表示されるレートは参考値です。実際の取引レート、決済金額、手数料、スプレッドなどとは異なる場合があります。
【フルHDの約4倍の表示領域】 31.5インチ、4K - 31.5インチの大画面とフルHDの4倍の表示領域である4K解像度(3840×2160)が快適な作業空間を実現します。31.5インチなら、文字サイズを大きく設定しても、十分な作業領域を確保できます。
【忠実な色再現】 sRGB 99%(標準値) - Windowsやウェブの標準色域であるsRGBを99％カバー。写真や映像をそのままのきれいな色ではっきり表示できます。
【ハイダイナミックレンジに対応】 HDR - 近年、多くの映像で採用されているHDRの再生に対応。明るい部分をより明るく、暗い部分をより繊細に再現します。従来のSDR(スタンダードダイナミックレンジ)映像では色の識別が困難であったキメの細やかな表現をしっかりと描写することができます。※HDRに対応したコンテンツが必要です
【映り込みが少なく見やすい】 アンチグレアパネル - 液晶パネルの表面処理は、光の反射を抑え、映り込みが少ないアンチグレアを採用。自分の姿や灯りなどの映り込みを抑えて画面を見やすく表示します。
為替レートはGMOの外国為替FX APIを使っています
為替レートの取得には、GMOコインの外国為替FX Public APIを使っています。
このAPIでは、GMO側で取得できる外国為替FXの通貨ペア情報を取得できます。
今回の機能では、こちらで通貨ペアを無理に固定するのではなく、GMO APIから返ってきた通貨ペアを一覧として表示する形にしました。
そのため、今後GMO側で取得できる通貨ペアが増えたり減ったりした場合も、返ってきたデータに合わせて表示できるようにしています。
ただし、日本語の通貨名については、こちらで定義しているものは日本語で表示し、未定義のものは通貨コードをもとに表示する形です。
表示するのはGMOで取得できる通貨ペアだけです
今回の機能では、こちらで通貨ペアを固定して表示するのではなく、GMO APIで取得できる通貨ペアだけを表示する仕様にしました。
実際に取得できない通貨ペアを無理に一覧へ入れても、記事内の表示としては不自然になるためです。
GMO側で返ってきたデータをもとに表示することで、その時点で取得できるレートだけを扱えるようにしています。
ブログ内で見るためのものなので、細かい金融チャートではなく、ぱっと見て参考にしやすい表示を意識しています。
AJAXで後から読み込む形にしました
今回の為替レート一覧は、AJAXで後から読み込む形にしています。
記事本文を表示するときに、最初から外部APIの取得結果を埋め込むのではなく、ページ表示後にレート部分だけを読み込みます。
この形にした理由は、記事本体の表示をできるだけ重くしないためです。
外部APIを使う場合、通信状況やAPI側の状態によって、取得に少し時間がかかることがあります。
その影響で記事全体の表示が遅くなるのは避けたいので、まず記事を表示し、そのあとで為替レート一覧を読み込む形にしました。
プログラムのことは全然よくわからないけど、記事を開いたときに、全部まとめて待たされるわけじゃないんだね。
うん。記事は先に表示して、為替レートの部分だけあとから読み込むようにしているよ。
それなら、もしレート取得が少し遅くても記事は読みやすそう。
外部APIを使うときは、表示速度への影響もできるだけ小さくしたいからね。
選択中の換算結果を画面上に浮かせて表示するようにしました
今回の為替レート一覧では、入力した金額と選択した通貨ペアの換算結果を、画面上にも小さく表示するようにしました。通常の換算フォームだけでも結果は確認できますが、一覧をスクロールしていると、どの通貨ペアでいくら換算していたかを見失うことがあります。
そこで、選択中の通貨ペアと、計算に使っている金額・換算結果を、画面の左上に浮かせて表示する形にしました。たとえば、通貨ペアで「USD_JPY」を選び、入力欄に「100」と入れた場合は、次のような形で表示されます。
100 USD ≒ 15,921 JPY
通貨ペアを変更した場合や、入力金額を変更した場合も、浮かせている表示が自動で切り替わるようにしています。
[画面]34インチ /カーブ (1500R) /VA方式 /3,440×1,440 UWQHD /ノングレア(非光沢) /表示色 約1,677万色/左右各89°上下各89°の広視野角 / リフレッシュレート最大240Hz /応答速度0.4ms(MPRT)対応
[映像入力]HDMI×2/ DisplayPort×1/ USB Type-C×1 [USBハブ]USB3.2 Gen 1(5Gbps, DC5V, 900mA)：2Up stream：Type-B, Type-C×1/ 3Down stream：Type-A×2,Type-C×1 [LANポート] 1 (RJ45) [付属ケーブル]HDMIケーブル(1.8m)/ DisplayPortケーブル(1.8m)/ USB(Type A-B)ケーブル(1.5m)/ USB(Type C-C)ケーブル(1.5m)/ 電源コード(1.8m AC100V用) [付属品]スタンドベース（固定ネジ付き）、スタンドネック、L型ドライバー、 セーフティー＆クイックスタートガイド保証書（クイックスタートガイド内）※日本国内で出荷される商品の付属品は、日本向け仕様となります。
[スタンド]昇降機能(高さ調整):可動範囲 上下130mm、チルト機能(画面角度調整)：上向き18.5°/ 下向き3.5°
[サイズ]808.0(幅)×414.5～544.5(高)×275.0(奥行)mm / 重量：7.95kg(スタンド含む) [保証]3年間保証(※ユーザー登録で2年延長可能)/24時間365日国内サポート
APIへのアクセスを抑えるために10分キャッシュしています
今回の為替レート一覧では、取得したデータを10分間キャッシュする仕様にしています。
つまり、ページが表示されるたびに毎回GMO APIへアクセスするのではなく、一定時間は保存済みのデータを使います。
1ページだけで使う場合でも、アクセスのたびに外部APIへ取得しに行く作りはあまりよくありません。
そこで、うさねこ散歩側では、基本的に10分に1回程度の取得になるようにしました。
10分キャッシュなら、ブログ内の参考レートとしては十分新しく、外部API側へのアクセスもかなり抑えられます。
また、複数の読者が同じタイミングでページを見た場合でも、キャッシュがあれば保存済みデータを表示するため、無駄なAPIアクセスを減らせます。
同時アクセス対策としてロック処理も入れています
キャッシュを使っていても、キャッシュが切れた直後に複数のアクセスが重なることがあります。
その場合、同じタイミングで何度もAPIを叩いてしまう可能性があります。
そこで、今回の機能では簡単なロック処理も入れています。
為替レートを取得している最中は、同じ取得処理が重なりにくいようにして、短時間に何度も外部APIへアクセスしないようにしています。
うさねこ散歩は個人ブログなので、大げさな仕組みではありません。
ただ、外部サービスを使わせてもらう以上、必要以上に負荷をかけない作りにしておくことは大事だと思っています。
APIに失敗したときは前回成功したデータを使います
外部APIを使う場合、通信状況や外部サービス側の状態によって、一時的に取得できないこともあります。
そのたびに記事内の表示がエラーになってしまうと、読者にとって少し見づらくなります。
そこで、今回の機能では、APIから最新レートを取得できなかった場合に、前回成功したデータを使えるようにしています。
ただし、前回取得したデータのため、最新の為替レートとは異なる場合があります。
それでも、ブログ記事内の参考表示としては、完全に表示できなくなるよりも、前回成功した値を使えるほうが読みやすい場面もあります。
そのため、最新取得ができない場合の予備として、前回成功データを使う仕様にしています。
ショートコードがあるページだけ読み込むようにしています
今回の機能は、WordPressのショートコードとして使えるようにしています。
ただし、サイト全体で常に読み込むのではなく、ショートコードがあるページだけ本体処理を読み込む形にしました。
使っていないページまで為替レート用の処理を読み込む必要はないためです。
うさねこ散歩では、いろいろなショートコードや独自機能を使っています。
そのため、新しい機能を追加するときは、「必要なページだけで動く」ことも意識しています。
今回の為替レート一覧も、使う記事にだけショートコードを置いて、そのページでだけ処理が動くようにしました。
【有効期限】本カードの有効期限はありません。
【返金について】Apple Gift Cardの返品や払い戻しはできません。諸条件が適用されます。
1,000円から50,000円までの金額が選べます。
Appleのすべてをこの一枚で。Apple製ハードウェアやアクセサリ、アプリ、ゲーム、音楽、映画、テレビ番組、iCloud+などの購入に利用できます。
誕生日やお祝い事、または感謝を伝えたい時に最適なギフトにも使えます。
Apple Storeの各店舗、apple.com、Apple Store App、App Store、iTunes、Apple Music、Apple TV、Apple Books、Apple Arcade、iCloud+、Fitness+、Apple One、または日本のAppleの店舗およびサービスにおけるご購入にのみ利用できます。
Apple Storeで購入の際には、未使用のギフトカードをApple Storeにお持ちください。
オンラインで購入する場合は、apple.com/redeemからApple Accountの残高にチャージしてください。
そのほかのお支払いには利用できません。
表示されるレートはあくまで参考値です
この機能で表示される為替レートは、あくまで参考値です。
実際に海外サービスへ支払う金額や、クレジットカード会社の請求額、決済時の為替レートとは異なる場合があります。
また、カード会社の為替手数料、決済タイミング、販売サイト側の価格設定などによって、実際の支払額は変わります。
そのため、記事内の為替レートは「だいたい今このくらい」と見るためのものです。
実際に購入・契約する場合は、必ず公式ストアや決済画面で最新の金額を確認してください。
ブログで見えるレートは、決済金額そのものじゃないね？
うん。あくまで参考レートだね。カード会社の手数料や決済タイミングでも変わるしね～。
まとめ
最近は、海外サービスや海外価格を見る機会が増えてきました。
そこで今回は、うさねこ散歩の記事内で使える簡易的な為替レート一覧を作ってみました。
ポイントをまとめると、次の通りです。
正確な金融ツールではありませんが、記事内で価格感をつかむための補助として使ってもらえたら嬉しいです。
WordPress＋Cocoonを始めるなら「エックスサーバー」がおすすめ！
「これからWordPress＋Cocoonでブログを作りたい！」という方には、
国内シェアNo.1の高速レンタルサーバー エックスサーバーがぴったりです。
- 🚀 WordPressクイックスタート対応（最短10分でブログ開設）
- 🪄 Cocoonテーマの自動インストールにも対応
- 🔒 無料独自SSL／高セキュリティ／自動バックアップ完備
- ☁️ 高速SSD・安定稼働率99.99%以上
- 💰️ スタンダード 月額料金 990円～ 693円～(キャンペーン中なら) 2025/11現在
「WordPress × Cocoon」を最もスムーズに始められる環境が整っています。
👉 今すぐチェック：レンタルサーバー エックスサーバー
最新のサービス価格は公式サイトでご確認ください。
免責事項
本記事のサンプルプログラムは、学習・参考用として掲載しているもので、動作や結果を保証するものではありません。 利用する場合は、ご自身の環境に合わせて確認しながらお使いください。万が一トラブルや損害が発生した場合でも、当サイトでは責任を負いかねます。
※本文中に記載の会社名・製品名・サービス名・ゲームタイトル名等は、各社の商標または登録商標であり、権利は各社に帰属します。
※サンプルはテストを行っていますが、すべての環境での動作を保証するものではありません。ご利用は自己責任でお願いいたします。
※本記事の仕様・価格・対応状況等は執筆時点で確認できた情報をもとに掲載しています。最新の情報はメーカー公式サイトをご確認ください。
※当サイトでは一部の記事において、アイキャッチ画像にAI生成を使用しています。
※Amazonのアソシエイトとして、うさねこ散歩は適格販売により収入を得ています。