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
130
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
100
ゼロからわかるリザバーコンピューティング
kurotaky
1
1.1k
SUZURI DX 2023
kurotaky
0
150
How GitHub Copilot Transforms Development Productivity
kurotaky
18
13k
The story of repairing my junk keyboard with The kinT keyboard controller
kurotaky
0
1.5k
DevRel_Japan CONFERENCE 2023
kurotaky
1
1.7k
ctoa-wakate-01-company-introduction
kurotaky
0
250
Ethereum for Ruby
kurotaky
2
1.8k
SIG-BTI-2022-kickoff
kurotaky
0
250
Other Decks in Technology
See All in Technology
Fin-JAWS第38回reInvent2024_全金融系セッションをライトにまとめてみた
mhrtech
1
150
教師なし学習の基礎
kanojikajino
4
380
【弥生】20250130_AWSマルチアカウント運用セミナー登壇資料
yayoi_dd
1
140
Amazon Location Serviceを使ってラーメンマップを作る
ryder472
2
170
[2025-02-07]生成AIで変える問い合わせの未来 〜チームグローバル化の香りを添えて〜
tosite
1
110
Zenn のウラガワ ~エンジニアのアウトプットを支える環境で Google Cloud が採用されているワケ~ #burikaigi #burikaigi_h
kongmingstrap
19
7.2k
論文紹介 ”Long-Context LLMs Meet RAG: Overcoming Challenges for Long Inputs in RAG” @GDG Tokyo
shukob
0
280
Power BI は、レポート テーマにこだわろう!テーマのティア表付き
ohata_ds
0
140
Women in Agile
kawaguti
PRO
3
180
Active Directory の保護
eurekaberry
6
2.9k
トレードオフスライダーにおける品質について考えてみた
suzuki_tada
3
200
テストアーキテクチャ設計で実現する高品質で高スピードな開発の実践 / Test Architecture Design in Practice
ropqa
3
260
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Visualization
eitanlees
146
15k
Designing for Performance
lara
604
68k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.4k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.4k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
39
1.9k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
25k
The Language of Interfaces
destraynor
156
24k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
YesSQL, Process and Tooling at Scale
rocio
171
14k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
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! ありがとうございました