
ipfs:// のURLをブラウザで直接見られるようにする
「ipfs://〜」で始まるURIをブラウザで直接閲覧できるようにする方法を紹介します。ipfsのURIをコピペしてブラウザバーにいれるだけで、参照できるようになるので、IPFSを利用した開発が楽になります。
公開日2022.06.11
更新日2022.06.11
ipfs://をブラウザで閲覧できるようにする
22/06時点では、Brave以外のモダンブラウザは標準ではipfs://のURIをサポートしていません。
この記事ではipfs://をブラウザバーにいれるだけで、参照できるように設定する方法を紹介します。
IPFSにアクセスできるようにする方法
ブラウザで対応した拡張機能「ipfs companion」をインストールするだけです。
Ipfs表記のアドレスを、ipfsのgatewayのドメインに変換しアクセスできるようにしてくれます。
なお、Braveの場合はipfsのゲートウェイをブラウザで設定してくれます。
Chrome / Opera / Edge
下記の拡張機能をインストールします。
Chrome Extension: IPFS Companion
https://chrome.google.com/webstore/detail/ipfs-companion/nibjojkomfdiaoajekhjakgkdhaomnch
https://chrome.google.com/webstore/detail/ipfs-companion/nibjojkomfdiaoajekhjakgkdhaomnch
Firefox
下記の拡張機能をインストールします。
Firefox: IPFS Companion
https://addons.mozilla.org/en-US/firefox/addon/ipfs-companion/
https://addons.mozilla.org/en-US/firefox/addon/ipfs-companion/
Brave
Braveの場合はipfs://プロトコルのURIをアドレスバーに入れた時、ipfsの取得方法の設定を行うことができます。

「BraveローカルIPFSノードを使用する」を選択した場合、IPFSノードがインストールされます。自分自身がノードとなって、ネットワークに貢献することとなります。
あとから設定を変えたい場合
設定を変更したい場合は、brave://settings/extensionsの「IPFSリソースを解決する方法」からipfsの接続方法を変更することができます。

最新の記事

x402 × Solana実装ガイド | 支払い対応MCPサーバーをTypeScriptで構築する
x402 V2プロトコルのSolana実装を徹底解説。SVM exact schemeの仕組みから、@x402/mcpパッケージを使った支払い対応MCPサーバーの構築まで、実際のコードとともにステップバイステップで解説します。

x402 V2 解説 | Solana等マルチチェーン対応・OpenClawの自動売買にも利用されるHTTP決済プロトコル
累計$600M超のボリュームを記録するHTTP決済プロトコルx402がV2で大幅進化。Solana等のマルチチェーン対応、Extensions拡張機構、Discovery APIを解説。OpenClaw FoundryやClawRouterなどAIエージェントの自動売買での採用事例も紹介します。

x402とは? AIエージェント × MCP × 暗号資産が交差するHTTP自動決済プロトコル
HTTP 402を活用した決済プロトコル「x402」の入門ガイド。暗号資産(USDC)即時決済、AIエージェントによるMCP経由の自動購入、マルチチェーン対応まで、全体像を解説します。

ClaudeCode スマホでリモート接続 - OpenClawはもう不要?! RemoteControlを使おう
Claude Code Remote Controlを使えば、PCで動作中のセッションをスマホやタブレットからそのまま操作できます。QRコード接続、セキュリティ設定、トラブルシューティングまで解説します。

OpenClaw × Solana 事例まとめ - 公式スキル・周辺プロダクト・使いどころ
OpenClawとSolanaが交わる実例(公式スキル、周辺プラグイン、取引・監視系プロジェクト、ハッカソン)を一次ソースのリンク付きで一覧にまとめます。

OpenClaw APIトークン節約 - Happy + Claude Codeで出先から開発・指示出し
Happyのプロセス切断をOpenClawで復帰させ、出先からいつでもClaude Code / Codexにリモートアクセスする方法を解説。APIトークンの節約と、スマホ1台で完結するAI開発ワークフローを紹介します。
