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

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

Avatar for KSK KSK
November 16, 2018
Design
900
1

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

Avatar for KSK

KSK

November 16, 2018

More Decks by KSK

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

Other Decks in Design

See All in Design
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
Avatar for たと ottatto
3
1.8k
AI時代、デザイナーの価値はどこに？
Avatar for Ryotaro Takahashi tararira
2
1.9k
デザインとフロントエンドの境界が融ける Claude Code × Figma
Avatar for littlebusters littlebusters
2
3.4k
PAMPHLET.pdf
Avatar for M-HAND,Inc. mhand01
0
1.7k
Saving_the_King_-_Storyboard.pdf
Avatar for Terence Basart terencebasart
0
290
富山デザイン勉強会_プレゼンテーション.pdf
Avatar for keita keita_yoshikawa
0
130
(2026 FlowCon Keynote) Sociotechnical Architecture Finding Flow
Avatar for xinyao xinyao
0
110
CULTURE DECK／Marketing Director
Avatar for M-HAND,Inc. mhand01
0
1.6k
AI-Slopなデザインを生まないためのデザインプロセス戦略
Avatar for takanorip takanorip
8
5.6k
ClaudeCodeでマーケターの課題を解決する
Avatar for 太田賢一 kenichiota0711
11
14k
デザイン組織の"次の"強みづくり
Avatar for 井斉花織（いおり） isaikaori
2
130
TOPOSTOPOS
Avatar for Shohei Yoshida shoheyey
0
140

Featured

See All Featured
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
260
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.6k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
19k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
41k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
220
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.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 !!