Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Supernova Studio 使いはじめてみたら割と良さそう / supernova_st...

Avatar for KSK KSK
November 16, 2018
Design
1
820

Supernova Studio 使いはじめてみたら割と良さそう / supernova_studio

Avatar for KSK

KSK

November 16, 2018
Tweet

More Decks by KSK

See All by KSK
CSV出力 - Viewからやるか？ 他からやるか？ / How to output CSV
Avatar for KSK ksk1030m
1
600
4画面出力とレシート印刷で作る体験型デジタルサイネージ / Unity signage
Avatar for KSK ksk1030m
1
3.1k
実録リファラル採用-僕と副社長の1827日- / my referral
Avatar for KSK ksk1030m
0
1.2k
GitLabを仕事で使っていた私が思うことをつらつらと / about GitLab
Avatar for KSK ksk1030m
1
980
エンジニア目線で考えるPR戦略 / PR by Engineer
Avatar for KSK ksk1030m
1
1.4k
Metabase ライブ環境構築 / metabase_live_coding
Avatar for KSK ksk1030m
0
330
昔の自分に伝えたい容量回復のためのDockerの仕組み / docker_tips
Avatar for KSK ksk1030m
1
530
Capistranoの罠と他人がハマった事例を見て思うこと / capistrano-trap
Avatar for KSK ksk1030m
0
310
ガチャを巡る闘い / War of Gacha
Avatar for KSK ksk1030m
0
91

Other Decks in Design

See All in Design
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
680
株式会社バクタム　会社説明資料
Avatar for Bactum Inc. bactum
0
250
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
860k
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
Avatar for Andrew Shapiro ashapiro
0
100
Liquid Iron
Avatar for Brynn McDucky P. mcduckyart
1
110
7 Core Values of Round-L
Avatar for Round-L wired888
0
130
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない？というお話
Avatar for なつ iflection
4
1.1k
Yumika Yamada Portfolio
Avatar for Yumii yumii
0
360
事例で学ぶ！今日から使えるWebサービスUI改善ポイント
Avatar for NCDC ncdc
0
160
ポートフォリオ_藤田歩希(ほまれ)
Avatar for Aki Fujita akifujita_homarecreate
0
610
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
Avatar for Andrew Shapiro ashapiro
0
280
デフォルトの16:9（960*540px）のケース / Google Slide Size Test
Avatar for Arthur arthur1
0
2.9k

Featured

See All Featured
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
346
40k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.7k
Code Review Best Practice
Avatar for Trisha Gee trishagee
69
18k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
28
5.4k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k

Transcript

  1. Supernova Studio 使いはじめてみたら割と良さそう @ksk1030 s-dev talks #5 / 2018.11.16

  2. 本日のテーマ 「プロトタイピング」

  3. Sketch + InVision などで作った プロトタイプを見せるとたまに... めっちゃええやん！ てかもうできてるやん！！ リリースいつ？来週？明日？

  4. 流石に明日とまでは行きませんが プロトタイプ → 実装 のスピードもあげたい

  5. というわけで今日話すこと Supernova Studio という素敵なツールがあるらしい

  6. None

  7. Supernova Studio is 何？ - Sketchファイルからネイティブのコード （swift / Kotlin /

    Java / React）を出力 - アニメーションや画面遷移をGUIで 後付けもできる
  8. None

  9. ほんまに使えんの？ - Viewの開発工数削減（当社比50%） - デザインの不毛な指摘も減る （色コードの凡ミスとかマージンの調整ミスとか） - 結論、結構使えそう！ → 実戦投入はじめました

  10. 気をつけたいこと - StyleSheet（CSS）がたまに変 （width / height が固定値、右寄せが absolute: 100%） -

    他にもコードを触る箇所は多少残る （ネストが変だったりとか） - デザイン制作時に実装を意識してもらう

  11. ちなみに - コードの出力を利用するには月額 $20〜 - アップデートしまくってる （2018/03 にリリースして 現在 ver

    5.0.2 ） - Slackでのサポートのレスが良い

  12. ちなみに - コードの出力を利用するには月額 $20〜 - アップデートしまくってる （2018/03 にリリースして 現在 ver

    5.0.2 ） - Slackでのサポートのレスが良い 良さげな手応えあるので使いこんで 爆速開発を目指します！！ （弊社のアプリチームが）

  13. 中谷 圭佑 (@ksk1030) 　任天堂株式会社（2011/04〜2013/12） 　・人事 　株式会社ORSO（2014/01〜） 　・エンジニア（サーバサイドがメイン） 　・経営企画 ◆Speaker Deck

    　・https://speakerdeck.com/ksk1030m 自己紹介

  14. We are hiring！

  15. Thank you for listening !!