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
Yuta Kurotaki
July 06, 2022
Technology
1
170
NFTコンテンツでオリジナルグッズ作成を支える技術
2022.06.29 GMOインターネットグループ技術発表会
Yuta Kurotaki
July 06, 2022
Tweet
Share
More Decks by Yuta Kurotaki
See All by Yuta Kurotaki
CTO Night & Day 2024 Product Feedback Lunch
kurotaky
1
130
ゼロからわかるリザバーコンピューティング
kurotaky
1
1.4k
SUZURI DX 2023
kurotaky
0
180
How GitHub Copilot Transforms Development Productivity
kurotaky
18
13k
The story of repairing my junk keyboard with The kinT keyboard controller
kurotaky
0
1.6k
DevRel_Japan CONFERENCE 2023
kurotaky
1
1.9k
ctoa-wakate-01-company-introduction
kurotaky
0
290
Ethereum for Ruby
kurotaky
2
1.9k
SIG-BTI-2022-kickoff
kurotaky
0
270
Other Decks in Technology
See All in Technology
CI/CD/IaC 久々に0から環境を作ったらこうなりました
kaz29
1
200
Connect 100+を支える技術
kanyamaguc
0
150
生成AI時代の開発組織・技術・プロセス 〜 ログラスの挑戦と考察 〜
itohiro73
1
370
PHPでWebブラウザのレンダリングエンジンを実装する
dip_tech
PRO
0
220
Fabric + Databricks 2025.6 の最新情報ピックアップ
ryomaru0825
1
160
生まれ変わった AWS Security Hub (Preview) を紹介 #reInforce_osaka / reInforce New Security Hub
masahirokawahara
0
360
あなたの声を届けよう! 女性エンジニア登壇の意義とアウトプット実践ガイド #wttjp / Call for Your Voice
kondoyuko
4
500
Yamla: Rustでつくるリアルタイム性を追求した機械学習基盤 / Yamla: A Rust-Based Machine Learning Platform Pursuing Real-Time Capabilities
lycorptech_jp
PRO
4
170
Geminiとv0による高速プロトタイピング
shinya337
0
190
React開発にStorybookとCopilotを導入して、爆速でUIを編集・確認する方法
yu_kod
1
100
KubeCon + CloudNativeCon Japan 2025 に行ってきた! & containerd の新機能紹介
honahuku
0
120
整頓のジレンマとの戦い〜Tidy First?で振り返る事業とキャリアの歩み〜/Fighting the tidiness dilemma〜Business and Career Milestones Reflected on in Tidy First?〜
bitkey
0
220
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
462
33k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Optimizing for Happiness
mojombo
379
70k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
800
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
The Cult of Friendly URLs
andyhume
79
6.5k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
Writing Fast Ruby
sferik
628
62k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
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! ありがとうございました