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
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
6
3.6k
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
Avatar for kkaru kkaru
0
450
オープンデータを利用して色々なものを作った話
Avatar for Hajime Kato hjmkth
1
120
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
Avatar for 北見海貴 kitami
1
200
freee + Product Design FY25Q4
Avatar for freee freee
4
14k
AI時代に淘汰されないデザインのしごと
Avatar for Akinen akinen
1
140
新年あけおめWSの実施スキルをみんなで振り返りタイムのススメ
Avatar for sugiyama sugiyama_sukedachi
0
140
Saudade typeface
Avatar for Tiago Porto tiagoporto
0
330
AI動画生成ガチャ紹介
Avatar for Takatomo Torigoe piyo7
1
130
問いの変遷
Avatar for なつ iflection
0
160
私とデザインの10年
Avatar for なつ iflection
0
160
マンガで分かるサービスデザインガイドライン
Avatar for デジタルサービス局戦略部 senryakuka
1
900

Featured

See All Featured
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
690
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
32
2.4k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.7k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3.1k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
970
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
251
21k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
36
2.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 !!