理想はデザイナーまたはコーダーに頂いたHTML+CSSをアプリ化したいのですが、React Nativeではスタイルシートではなく、Style用のクラスを作らなくてはならないと認識しております。そうなるとプログラマーがデザインの移植作業を行うと認識しました。
Style 用のクラスと言っても、次のように CSS のプロパティ名をキャメルケース化したものをそのまま指定できます。 Web の知識がある方は違和感ないと思います。
js
1import { StyleSheet } from 'react-native'
2
3const styles = StyleSheet.create({
4 container: {
5 flex: 1,
6 justifyContent: 'center',
7 alignItems: 'center',
8 },
9 text: {
10 fontSize: 32,
11 fontFamily: 'mono',
12 color: '#398ab8',
13 backgroundColor: '#859d83',
14 },
15 image: {
16 margin: 32,
17 position: 'absolute',
18 top: 8,
19 left: 8,
20 width: 64,
21 height: 64,
22 },
23})
タグについてもHTMLではなく、React Nativeのタグを用いるため、デザイナーでは開発が難しいと感じました。
HTML との対応については、次を覚えておけば大丈夫です。
HTML | React Native |
---|
div | View |
img | Image |
実際にReact Nativeで開発されている方に教えていただきたいのですが、どのような流れで開発されていますでしょうか?
ぼくのところではデザイナーさんにビジュアルデザインを切ってもらってそれをエンジニアが実装しています。
プログラマーとデザイナーの分業は可能なのでしょうか?
何を分業とするのかはケースによると思いますが、可能です。
元デザイナーさんでバリバリ画面実装できる方もいらっしゃいますので、あまり心配されなくても大丈夫かと思いますよ。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/03/27 08:22
2017/03/27 08:35