ReactNative 簡単なSample集 - Qiita
react-native init Native cd Native react-native run-ios // xcodeが立ち上がる ReactNativeとは Reactを用いてiOSやAndroidのネイティブアプリを構築できるフレームワーク JavaScriptからネイティブのAPIが呼ばれる どのプラットフォーム向けにも書けるようになる 基本文法 divやspanなどのDOMを使えない DOMを使えない替わりに「View」や「Text」などコンポーンネントとして使う テキストを扱う場合は「Text」。入れ物として扱う場合は「View」 CSSは使えないので、替わりにに「CSS in JS式」でスタイリングする ・例 import React, { Component } from 'react'; import { Text, View, StyleSheet } from
【React Native】よく使うスタイル実装まとめ【StyleSheet】 - Qiita
React Nativeでどう実装するんだっけ？と、よく検索する内容とその結果をまとめました。 編集リクエストウェルカムです。 ※追記↓ codeSandboxに実装サンプルを載せました。 react-native-webで変換した内容ですのでネイティブと差異あると思いますが参考程度にどうぞ。 配置 Vertical Align: 縦方向整列 1.alignItems: const style = StyleSheet.create({ container: { alignItems: 'center' }, }); const Vertical = () => ( <View style={style.container}> <Text>A</Text> <Text>B</Text> </View> );
Layout Props · React Native
More detailed examples about those properties can be found on the Layout with Flexbox page. Example The following example shows how different properties can affect or shape a React Native layout. You can try for example to add or remove squares from the UI while changing the values of the property flexWrap. Reference Props alignContent alignContent controls how rows align in the cross direction
CSSのmarginとは？paddingとは？余白の指定方法まとめ
余白はウェブページを見やすく、そして美しく見せるためにとても大事なポイントです。今回はCSS初心者にとって最大の難関である余白設定（marginとpadding）をマスターしましょう。
JavaScript でnullチェックしつつ多次元配列にアクセスする - Qiita
TL;DR CakePHP の Hash::get Laravel の array_get みたいな関数作った 追記 Lodash に同じコンセプトの関数があると教えてもらったので、それを使ったほうが良さそう（ @n-oshiro さんありがとうございます ） https://lodash.com/docs/4.17.4#get 背景 javascript で多次元（連想）配列を扱う必要があったが、ネストが深いとエラーチェックが大変。 var hoge = { 'foo': { 'bar': 'baz' } }; var val = hoge['foo']['bar']
JavaScriptのオブジェクトにドット記法でアクセスする - Qiita
このとき、barの値にアクセスする場合、どうするか、という話。jsでネストされたオブジェクトのプロパティにアクセスする場合、ドット記法か多次元配列かが選択できるが、場合によってはkey pathが変数で渡されてくる場合がある。そういう場合に
tsconfig.json で指定できる全 compilerOptions をまとめた (TypeScript v2.5 版) - Corredor
TypeScript実践プログラミング【電子書籍】[ スティーブ・フェントン ] ジャンル: 本・雑誌・コミック > PC・システム開発 > インターネット・WEBデザイン > その他ショップ: 楽天Kobo電子書籍ストア価格: 3,456円 TypeScript v2.5 時点で指定できる、tsconfig.json の compilerOptions をまとめた。主に Angular4 系で使っている tsconfig.json なので、React.js を使いたい場合などはコメントアウトしてあるオプションを使う必要があったりするかも。 // tsconfig.json : https://www.typescriptlang.org/docs/handbook/tsconfig-json.html { // 保存時にビルドする (true) "buildOnSave": true,
.(ドット)つなぎのキー文字列でオブジェクトの値に"かっこよく"アクセスする - Qiita
この記事（JavaScript .(ドット)つなぎのキー文字列でオブジェクトの値にアクセスする）の最後に、 ただ、どうすれば obj['world.japan.greeting'] でウィッス！出来るのかが分かりませんでした。 プロパティへのアクセスについてカスタマイズする方法をご存知の方がいたら教えてもらえると嬉しいです(・ω<) とあったので書いてみます。 まぁ、Proxies APIを使うだけなんですが。 Proxies API Proxies APIというのは、 オブジェクトにアクセスしたり (obj.a) in演算子を呼び出したり ('a' in obj) deleteを呼び出したり (delete obj.a) したとき、予め設定しておいた関数を実行して挙動を乗っ取れるというECMScript 6で予定されている機能で、僕が好きなものです。 まだ策定中の仕様の中の機能の一つなの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React Nativeアプリのスタイルガイドラインを0から考えてみた - Qiita
Getting Started | NativeBase
JS(ES6含む）での深い連想配列の変数チェック