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

公開 2022.06.11

著者：半澤勇大株式会社hanzochang

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

ipfs://をブラウザで閲覧できるようにする

22/06時点では、Brave以外のモダンブラウザは標準ではipfs://のURIをサポートしていません。

この記事ではipfs://をブラウザバーにいれるだけで、参照できるように設定する方法を紹介します。

ブラウザで対応した拡張機能「ipfs companion」をインストールするだけです。

Ipfs表記のアドレスを、ipfsのgatewayのドメインに変換しアクセスできるようにしてくれます。

なお、Braveの場合はipfsのゲートウェイをブラウザで設定してくれます。

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

Chrome Extension: IPFS Companion

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

Firefox: IPFS Companion

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

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

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

この記事を書いた人

Webプランナー、開発会社の創業メンバーを経て、Fintech・DX・Web3の企画・開発に従事。2021年に独立し、2023年に株式会社hanzochangを設立。現在はAIを活用した業務改善と、自社サービス「指定管理者制度AI」の開発・運用に取り組んでいます。

Web3アプリ開発受託サービス

ウォレット連携やNFTを、使いやすいアプリに。

Solanaなどのブロックチェーンを使ったアプリを、企画・検証から開発・運用まで支援します。ウォレット連携やコントラクトだけでなく、利用者が操作する画面までまとめて設計します。

サービスの詳細を見る