Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Nostrでウェブサイトをホスティングできる仕組みを作った(新時代の分散型SNS勉強会 202...
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
kaiji
December 08, 2023
450
0
Share
Nostrでウェブサイトをホスティングできる仕組みを作った(新時代の分散型SNS勉強会 2023/12/09)
kaiji
December 08, 2023
More Decks by kaiji
See All by kaiji
What is Nostr Other Stuff?
studiokaiji
0
240
Hostr - Decentralized Web Hosting Solution on Nostr
studiokaiji
0
330
Featured
See All Featured
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
120
Believing is Seeing
oripsolob
1
100
Building Flexible Design Systems
yeseniaperezcruz
330
40k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
170
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
New Earth Scene 8
popppiees
2
2k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
470
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
250
Optimising Largest Contentful Paint
csswizardry
37
3.6k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
62
53k
Context Engineering - Making Every Token Count
addyosmani
9
790
Rebuilding a faster, lazier Slack
samanthasiow
85
9.4k
Transcript
Nostrでウェブサイトをホスティングできる仕組みを作った Hostr Written By: kaiji 2023/12/08
kaiji
[email protected]
@studiokaiji @studiokaiji 自己紹介
01 Hostrとは?
Hostrとは? Nostrを使った分散型のウェブホスティングソリューション WebサイトをNostrのリレー上に記録し、ホスティングができる仕組みi HTML、CSS、JS等のウェブサイトの基本ファイルに加え、SVGやJSONといったテキスト ファイルをEventとして記録するi この仕組みを使いやすくするためのコマンドラインツール「Hostr CLI」もリリース済み。
02 Hostr・Hostr CLIの機能
Hostr・Hostr CLIの機能 1コマンドで、すぐにデプロイ $ hostr deploy --path=/BUILT/SPA/DIR/PATH --identifier=hostr-lp ビルド済みのウェブサイトの データのパス
サイトの識別子 (replaceable events用)
Hostr・Hostr CLIの機能 今すぐ利用できるリレー・ウェブサーバー ウェブホスティングのために構築された公開リレーとウェブサーバーで、誰でも今すぐ分散型ウェブホスティ ングが可能に。 リレー wss://r.hostr.cc ウェブサーバー [npub] https://h.hostr.cc,
https:// .hostr.cc
Hostr・Hostr CLIの機能 セキュアアクセス localstorageやNIP-07などを利用している、ドメインに依存したウェブサイトでも、npubをサブドメインに することで、安全にHostrサイトを利用可能。 通常イベント https://h.hostr.cc/e/[nevent] セキュアアクセスイベント https:// .hostr.cc/e/
[npub] [nevent]
03 アーキテクチャ
アーキテクチャ フロー 開発者 リレー サーバー ユーザー SPAを記録した Eventを送信 Eventを返却 サイトの
データを返す サイトとして 読み取り可能な データに変換 ウェブサイトへの 取得リクエスト Eventを取得
仕様(NIP-106 PR ベース) 識別子 通常イベンB 7 nevent *ただしHostrのサーバーでは 通常のevent
idもサポート 置き換え可能なイベンB 7 dタグ 通常イベンB HTML: 539 CSS: 539x JS: 539 Others: 1064,1065 置き換え可能なイベンB HTML: 3539 CSS: 3539x JS: 3539 Others: 30064,30065 kind アーキテクチャ
04 パフォーマンス
パフォーマンス 初回読み込み Hostr + nostr-rs-relay Express.js サーバー IPFS(Kubo) 0 500
1500 3500 5000 4.12 s 622 ms 412 ms Server, Relay: Client: Tokyo Fukushima IPFS ノードと Nostr リレーは、それぞれのゲートウェイおよびサーバーとは別のインスタンス上で実行され、 インターネット経由で接続されますr IPFS は DHT を使用して検索を実行するため、数値はかなり変化します。あくまでも一例としてご覧ください。
05 これから実装・応用したいこと
これから実装・応用したいこと セキュアイベント u 現在のHostrでは、セキュアルートでのアクセスをサイト作成者が強制できないf u Nostrクライアントをはじめとした、セキュアルートでのアクセスが必須なサイトの実装には不向きf u eventのタグに onlySecure 属性を付け、値が
true だった場合、セキュアルート(npubがサブドメインのルート)にリ ダイレクトするf u セキュアイベントに対応していないウェブサーバーの場合はHTTPリクエストエラーを返す。
これから実装・応用したいこと Nostr CMS Nostr上で動くWordPressのようなCMSs 長文投稿とアプリケーション固有データを管理s 柔軟な書き込みルールを備えた公開データベースs
Hostrサイトをノーコードで構築可能s Nostr上で全て動作。
Ready to Use Relay Nostr Native Hostable Any SPA Secure
Access Faster than IPFS*1 660% Hostr nostr-webhost Replaceable Event Built-in Web Server *1. 開発者の環境での計測