UTALI

書き溜めておいた技術記事や旅行記のバックアップです。

React

React NativeでのiOSアプリ作成入門 | 環境構築編

Facebookが開発したReactJSを利用してAndroid/iOSのクロスプラットフォーム開発ができるReact Nativeがあります。 BSDライセンスで公開されているオープンソースであり、利用に特に制約はありません。 今回はreact-native-starter-appという有志が作成したデ…

React NativeでのAndroidアプリ作成入門 | 環境構築編

Facebookが開発したReactJSを利用してAndroid/iOSのクロスプラットフォーム開発ができるReact Nativeがあります。 BSDライセンスで公開されているオープンソースであり、利用に特に制約はありません。 今回はHackerNews-React-Nativeという有志が作成したデ…

Reactでajaxを利用する - 画像や動画などのフォームデータをアップロードしたり非同期でデータを取得する

jQueryを利用するのはアンチパターン どうせReactを使うのなら完全にjQueryなしでアプリを作ってみたくはありませんか? 僕はjQueryなしでやってみたいです。 ユーザビリティを考えるとデータの転送量も減らしたいですし。 でも個人的に困っていたのはajaxの…

React Native のListViewまとめ

頻繁に入れ替えされるデータリストを垂直に表示する時に効果的である。ListViewを利用する際に最低限必要なのは、ListView.DataSourceでblobsの配列を作成して、dataSourceを指定することです。そしてdataSourceで指定したデータリストから各要素をレンダリ…

AlertIOS

AlertIOSは主に二つの機能を提供している、alertとpromptである。AlertIOS.alertで使用可能なすべての機能はAlert.alertでクロスプラットフォームで利用可能ですのでiOSに限定された機能を使用しない場合はこちらを利用することをおすすめします。 AlertIOS.…

PushNotificationIOS

iOSでのプッシュ通知を設定する。パーミッションの設定やアイコンのバッジ番号も設定できる。 アプリのプッシュ通知機能を有効にするにはAppleのアプリ審査を通過したあとに、サーバーにプッシュ通知を発信する機能を追加しなければならない。 PushNotificat…

Linking - React Native

Linking Linkingはアプリへの、またはアプリ外部へのリンク機能を管理するインターフェイスです。 たとえば、リンクが有効かどうかを確認してから、リンクを動作させることができます。この時はエラー処理を同時に定義することが可能です。 Linking.canOpenU…

Style - React Native スタイルの設定

Style - React Native スタイルの設定 React NativeではHTMLのスタイル定義でおなじみのCSSのような形式ではなくて、Javascriptのオブジェクト形式のスタイル宣言を使用する。これはCSSが抱えている7つの問題を改善する目的で導入したものだ。 1.グローバル…

Reactのサーバーサイドレンダリングについて

少々学習コストは高いものの、非常に保守しやすいスッキリしたロジックを書くことができるので、僕はReactを愛用しています。現在、ExpressアプリのレンダリングエンジンとしてECTを利用しているのですが、HTMLに直接コードを埋め込むという古臭いやり方に少…