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
NFTコンテンツでオリジナルグッズ作成を支える技術
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Yuta Kurotaki
July 06, 2022
Technology
1
200
NFTコンテンツでオリジナルグッズ作成を支える技術
2022.06.29 GMOインターネットグループ技術発表会
Yuta Kurotaki
July 06, 2022
Tweet
Share
More Decks by Yuta Kurotaki
See All by Yuta Kurotaki
GMOペパボのSUZURIを支えるAIOpsの実践
kurotaky
0
120
CTO Night & Day 2024 Product Feedback Lunch
kurotaky
1
160
ゼロからわかるリザバーコンピューティング
kurotaky
1
2k
SUZURI DX 2023
kurotaky
1
200
How GitHub Copilot Transforms Development Productivity
kurotaky
18
14k
The story of repairing my junk keyboard with The kinT keyboard controller
kurotaky
0
1.8k
DevRel_Japan CONFERENCE 2023
kurotaky
1
2.1k
ctoa-wakate-01-company-introduction
kurotaky
0
320
Ethereum for Ruby
kurotaky
2
2.1k
Other Decks in Technology
See All in Technology
GCASアップデート(202510-202601)
techniczna
0
250
会社紹介資料 / Sansan Company Profile
sansan33
PRO
15
400k
SREが向き合う大規模リアーキテクチャ 〜信頼性とアジリティの両立〜
zepprix
0
370
Azure Durable Functions で作った NL2SQL Agent の精度向上に取り組んだ話/jat08
thara0402
0
120
プロダクト成長を支える開発基盤とスケールに伴う課題
yuu26
3
1.1k
Kiro IDEのドキュメントを全部読んだので地味だけどちょっと嬉しい機能を紹介する
khmoryz
0
130
変化するコーディングエージェントとの現実的な付き合い方 〜Cursor安定択説と、ツールに依存しない「資産」〜
empitsu
4
1.2k
小さく始めるBCP ― 多プロダクト環境で始める最初の一歩
kekke_n
1
290
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
41k
GSIが複数キー対応したことで、俺達はいったい何が嬉しいのか?
smt7174
3
130
AIと新時代を切り拓く。これからのSREとメルカリIBISの挑戦
0gm
0
640
30万人の同時アクセスに耐えたい!新サービスの盤石なリリースを支える負荷試験 / SRE Kaigi 2026
genda
1
140
Featured
See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1k
Statistics for Hackers
jakevdp
799
230k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
71
Tell your own story through comics
letsgokoyo
1
800
Visualization
eitanlees
150
17k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
0
130
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
62
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
170
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
GraphQLの誤解/rethinking-graphql
sonatard
74
11k
It's Worth the Effort
3n
188
29k
Code Review Best Practice
trishagee
74
20k
Transcript
NFTコンテンツでオリジナルグッ ズ作成を支える技術 黒瀧悠太 / GMO PEPABO inc. 2022.06.29 GMOインターネットグループ技術発表会 1
2 自己紹介 SUZURI事業部 シニアエンジニアリングリード 2012年 新卒入社 黒瀧 悠太 Yuta Kurotaki •
SUZURI と ペパボ3推進室 • eth.rbのメンテナンスをやっています • 横浜国立大学理工学府博士課程 学生 ◦ ウェアラブルデバイスの研究 • Twitter : @kurotaky
イベント告知 イベント告知 2022年7月11日にWeb3のイベントがあります。 ぜひご参加ください! 参加はこちらから! https://fgnft02.peatix.com/ ここに注釈を入れることができます 3
4 アジェンダ 1. 今回の機能について 2. MetaMaskとの連携について 3. ユーザーインターフェースのデザイン 4. 法務面で工夫したこと
5. これから考えていること
1. 今回の機能について 5
今回の機能について 6 NFTコンテンツからオリジナルグッズが作成・販売できるようになりました!
7 今回の機能について
8 今回の機能について MetaMaskと接続する NFTコンテンツ一覧を表示、アイテム作成へ
2. MetaMaskとの連携について 9
MetaMaskとの連携について 10 MetaMaskとは Ethereumを用いる分散型アプリケーション (DApps)向けのブロックチェーンウォレット
11 MetaMaskとの連携について ブラウザにMetaMaskがインストール済みの場合に機能を利用できる MetaMaskへの接続
12 MetaMaskとの連携について 0xから始まるイーサリアムのアドレスは公開されているた め、他人のアドレスも提出できてしまう nonceを付与したメッセージに対して署名の要求を行い、 サーバーサイドで検証 personal_sign (EIP-191) で署名 SUZURIのサーバーサイドはRubyとRailsなので
https://github.com/q9f/eth.rb を利用した Eth::Signature.verify(message, signature, address) 本人かどうかの検証
13 MetaMaskとの連携について OpenSeaのAPIとMoralisのAPIを使用 OpenSeaのAPIはお問い合わせすると API Keyを発行してもらえます NFTを取得する
14 MetaMaskとの連携について MetaMaskと接続する NFTコンテンツ一覧を表示 MetaMask接続からNFTコンテンツ一覧表示まで
3. ユーザーインターフェース のデザイン 15
ユーザーインターフェースのデザイン 16 Nachiguro SUZURIのデザインシステム「Nachiguro」の活用 ReactのComponentと組み合わせて画面を構築 SUZURIで一貫したユーザー体験を提供できる
17 ユーザーインターフェースのデザイン NFT周りのアイテム作成において、制作者ではな い場合は制作者に利用許諾を得ている必要があ る 権利侵害を防ぐための工夫として確認ダイアログ からアイテムの作成に進むようにした 確認ダイアログ
4. 法務面で工夫したこと 18
法務面で工夫したこと 19 利用規約 技術的観点と法的観点からの議論を重ね、 “第9章 NFTコンテンツの取扱い” について記載した https://suzuri.jp/terms ペパボテックブログの記事もぜひ合わせてお読みください! https://tech.pepabo.com/2022/06/28/suri3/
5. これから考えていること 20
21 これから考えていること • Ethereum以外のチェーンに対応 • MetaMask以外のウォレットに対応 • もっと多くのNFTクリエイターとそのファンの方に使ってもらいたい • そのための二次流通の仕組みなどを整備中
これから
22 Thank You! Thank You! ありがとうございました