React Native

  • D3.js on React Nativeでグラフ描画

    JavaScript React Native D3.js
    JavaScriptにはD3.jsというデータビジュアライゼーションのためのライブラリがありますが、 これをReact Nativeで使ってみました。 D3.jsは基本的にSVG(Scalable Vector Graphics)をいじってグラフを描画します。 React NativeでSVGを扱うには、公式で提供されているreact-native-ART... read more
  • 手軽にチャット機能を作れるSendBirdを試してみた

    JavaScript React Native SendBird
    SendBirdという簡単にチャット機能を作れるSDKとAPIを提供しているサービスがあります。 今回これを使ったサンプルアプリをReact Nativeで書いてみました。 次のように動きます。 リポジトリはこちらになります。 saitoxu/SendBirdSample SendBird SDK (JavaScript)の使い方 (1) はじ... read more
  • React NativeでInstagramのクローンを作ってみた

    React Native
    React Nativeで動画ってどう扱うんだろうと思い、 react-native-community/react-native-video を触りだしたんですが、いっそもう少し形にしようと思いInstagramのクローンを作りました(ホーム画面だけ)。 機能 とりあえず動画の取り扱いを知りたかったので、 本家Instagramのホーム画面の一部の... read more
  • ATSで許可されていないhttpなURLへの対処方法

    React Native
    前置き iOSではATS(App Transport Security)で許可されていない httpリソースにはアクセスできない仕組みになっており、 React Nativeでもそれは変わりません。 自身が管理しているドメインであればhttpsにする、または 特定の限られたhttpリソース(かつ信頼できる)であればATSを許可する、 などやり方はあります... read more
  • React Nativeにアプリ解析ツールのReproを導入してみる

    React Native
    React NativeのiOSプロジェクトにアプリ解析・マーケティングツールの Reproを導入する手順を調べたのでまとめます。 環境 React Native 0.46.4 Repro SDK 2.1.12 手順 1. Reproのアプリを作成 Reproにユーザ登録して、アプリを作成。 発行されるトークンは後で使うのでメモってお... read more