Tomoumi Nishimura

React-NativeでNativeモジュールを使う

React-Nativeでは基本的にjsでアプリの動作を記述していくことになりますが、どうしてもjsからは利用できないネイティブ機能が使いたくなることがあります。そういう場合には、そのネイティブ機能をラップするモジュー…

Tomoumi Nishimura
ハック
2017.08.09
2,377

React-Native実機テスト中にメニューを出す

React-Nativeは、シミュレーターでの実行時に⌘+Dを押すことでメニューを呼び出すことができ、メニューからはアプリのリロード（ただし、JavaScriptで書かれた部分のみ）や、Chromeを利用したデバッグなど…

Tomoumi Nishimura
ハック
2017.08.02
1,256

yield, Promise, coの話

ES2015ではPromiseを使って非同期処理が書けるわけですが、yieldや、Node.jsのパッケージcoと連携させるとうまく使えます。基本事項 Promise Promiseは以下のようにして使います。 con…

Tomoumi Nishimura
ハック
2017.07.19
4,495

React Nativeでトーストメッセージ

Androidを使っている際に、画面の下の方に出て来る簡素なメッセージのことをトーストメッセージと言います。 React Nativeでの実装もすっごいシンプル。 import ToastAndroid from ‘re…

Tomoumi Nishimura
ハック
2017.06.28
675

TextInputのmultiline設定がAndroidだとうまく機能しない

原因は不明ですが、React-NativeではAndroid版TextInputのmultilineがうまく機能しない場合があるようです。前提こんな感じのTextInputを想定しています。 <TextInpu…

Tomoumi Nishimura
ハック
2017.06.21
1,058

React Nativeのコンポーネントを詳しく見る

React Nativeのコンポーネントは仮想DOMとして表現されていますが、これを見るためにReact Developer Toolsというツールが用意されています。導入方法 npmを利用します。 npm insta…

Tomoumi Nishimura
ハック
2017.06.14
1,700

Reactotronに詳しめのログを投げる

Reactotronを使うと、React Nativeで作ったアプリのログをリアルタイムかつ簡単に確認することができます。 Reactotronを利用してログを飛ばす場合、例えば、 console.tron.log(“h…

Tomoumi Nishimura
ハック
2017.06.07
872

react-native-fetch-blobでmultipart-formdataをPOSTする

react-native-fetch-blobを利用してデータを送るには、 RNFetchBlob.fetch(method, url, headers, [ { name: ‘id’, data: id }, { na…

Tomoumi Nishimura
ハック
2017.05.31
1,624

iOSシミュレータの動作が遅いとき

iOSシミュレーターを使っていると、唐突にアニメーションがゆっくりになりました。原因 iOSシミュレーターの機能の1つに、Debug -> Slow Animationという機能があります。ショートカットキーが…

Tomoumi Nishimura
ハック
2017.05.17
7,088

123 4 5 6