ipfs://をブラウザで閲覧できるようにする
IPFSにアクセスできるようにする方法
Chrome / Opera / Edge
Firefox
Brave
あとから設定を変えたい場合
https://s3.ap-northeast-1.amazonaws.com/hanzochang.com/_v2/article-ogp-008.png

ipfs:// のURLをブラウザで直接見られるようにする

「ipfs://〜」で始まるURIをブラウザで直接閲覧できるようにする方法を紹介します。ipfsのURIをコピペしてブラウザバーにいれるだけで、参照できるようになるので、IPFSを利用した開発が楽になります。

公開日2022.06.11

更新日2022.06.11

Crypto

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/nibjojkomfdiaoajekhjakgkdhaomnch8_01.png

Firefox

下記の拡張機能をインストールします。

Firefox: IPFS Companion

https://addons.mozilla.org/en-US/firefox/addon/ipfs-companion/

https://addons.mozilla.org/en-US/firefox/addon/ipfs-companion/8_02.png

Brave

Braveの場合はipfs://プロトコルのURIをアドレスバーに入れた時、ipfsの取得方法の設定を行うことができます。

8_03.png

「BraveローカルIPFSノードを使用する」を選択した場合、IPFSノードがインストールされます。自分自身がノードとなって、ネットワークに貢献することとなります。

あとから設定を変えたい場合

設定を変更したい場合は、brave://settings/extensionsの「IPFSリソースを解決する方法」からipfsの接続方法を変更することができます。

8_04.png

picture
hanzochang - 半澤勇大
慶應義塾大学卒業後、Webプランナーとして勤務。 ナショナルクライアントのキャンペーンサイトの企画・演出を担当。 その後開発会社に創業メンバーとして参加。 Fintech案件や大手企業のDXプロジェクトに関わり、その後個人事業主として独立し、 2023年にWeb3に特化した開発会社として法人化しました。 現在はWeb3アプリ開発を中心にAI開発フローの整備を行っています。
また、趣味で2017年ごろより匿名アカウントでCryptoの調査等を行い、 ブロックチェーンメディアやSNSでビットコイン論文等の図解等を発信していました。
X (Twitter)

最新の記事

ClaudeCode スマホでリモート接続 - OpenClawはもう不要?! RemoteControlを使おう

ClaudeCode スマホでリモート接続 - OpenClawはもう不要?! RemoteControlを使おう

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

OpenClaw × Solana 事例まとめ - 公式スキル・周辺プロダクト・使いどころ

OpenClaw × Solana 事例まとめ - 公式スキル・周辺プロダクト・使いどころ

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

OpenClaw APIトークン節約 - Happy + Claude Codeで出先から開発・指示出し

OpenClaw APIトークン節約 - Happy + Claude Codeで出先から開発・指示出し

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

FDE(Forward Deployed Engineering)とは - 中小企業のAI導入で活きる場面

FDE(Forward Deployed Engineering)とは - 中小企業のAI導入で活きる場面

FDE(Forward Deployed Engineering)はPalantirが体系化した顧客現場型エンジニアリング手法です。中小企業のAI導入においてFDEが活きる具体的な場面と、従来のSIer・コンサル・SaaSとの違いを解説します。

OpenClaw セキュリティと攻撃の実態 - CVE-2026-25253・プロンプトインジェクション・ClawHub

OpenClaw セキュリティと攻撃の実態 - CVE-2026-25253・プロンプトインジェクション・ClawHub

OpenClaw(旧Moltbot)への実際の攻撃事例を解説。CVE-2026-25253(1-Click RCE)、CVE-2026-24763(Docker脱出)、Zenity間接プロンプトインジェクション、ClawHubサプライチェーン攻撃と、ソースコードレベルの防御機構を詳述します。

OpenClaw 通信・接続の仕組み - なぜDiscordのメッセージでローカルのbashが動くのか

OpenClaw 通信・接続の仕組み - なぜDiscordのメッセージでローカルのbashが動くのか

OpenClawはなぜDiscordやSlackからローカルのbashを操作できるのか?外向きWebSocket接続の仕組み、Gateway内部のメッセージフロー、Node.jsプロセスの権限継承まで、ソースコードを追いながら通信経路を解説します。