BlockchainTOKYO_河西_平野.pdf

『blockchain.tokyo#15』での登壇内容、二本立て

DMMブロックチェーン研究室で2018年11月リリース後、継続開発中の『Quest』について。プロダクト企画段階からグロースフェーズに移すまでのプロセスの紹介。今回はUXデザイン/フロントエンド開発部分にフォーカスして発表しました。

・UXテストが先行するDApps開発 / 河西紀明
・DAppsの開発・実査をより早く〜フロントエンドの開発事情〜 / 平野浩司

blockchain.tokyo#15
https://blockchain-tokyo.connpass.com/event/110424/

Transcript

38. 平野浩司 ・合同会社DMM.com ブロックチェーン研究室 ・フロントエンドエンジニア ・JavaScript, TypeScript, React @hrnkoji
39. React (Create React App) 使用したフロントエンドライブラリ React Router Redux Bluma TypeScript Socket.io 投稿した質問をリアルタイムに更新
40. DAppsを利用するのにWalletが必要なので敷居が高い Wallet付きのサービスにする 開発スピードを上げるため、DApps用のコンポーネントライブラリが欲し い 既存のライブラリを使う 自前で作る DAppsのフロントエンド開発の課題
41. Rimble • https://github.com/ConsenSys/rimble-ui • コンポーネントの種類が少ない • DAppsに特化してる？（まだ制作途中 • Material-UIとかでいい気がする（もちろん別のでもいい ◦ https://github.com/mui-org/material-ui コンポーネントライブラリ
42. 自作する（予定 • Questのコンポーネントをライブラリ化する ◦ ローディング ◦ 通知 ▪ モーダル ▪ トースト ◦ Form周り ▪ Validation ▪ エラーの表示など ▪ 単位の変更（wei, ether, tether コンポーネントライブラリ
43. MetaMascara(mascara) • https://github.com/MetaMask/mascara • MetaMaskが入ってない場合、MetaMaskを返す Wallet付きのサービス 自作（やるかわからない • MetaMaskみたいなWalletをextensionではなくサービスの機能とし て読み込む
44. 〜ブロックチェーン研究室〜 登壇テーマ