[B! ReactNative] kathewのブックマーク

kathew id:kathew

ReactNativeに関するkathewのブックマーク (12)

ReactNativeでiOSとAndroidの漫画アプリを同時に作る | Nagisaのすゝめ
はじめに NagisaでiOSエンジニアをしている伊藤です。今回はReactNativeというスマホアプリのクロスプラットフォーム開発ツールを使った取り組みについて紹介をしたいと思います。アプリのクロスプラットフォーム開発といえば、以前ではTitaniumやCordovaといったWebViewをベースとしたアプリをイメージするものが多く、純粋なネイティブアプリに比べるとどうしてももっさりとした感覚になってしまい、あまり採用されることはなかったように思います。 ReactNativeではこのもっさりとした感覚はなく、とてもスムーズに動作するアプリを作れます。その理由はWebViewを使用せず、ビューやラベル、スイッチなどで本当のネイティブコンポーネントを使った画面が構成されるところにあります。これにより国内でもにわかに人気が出てきています。 UPTOON!のReactNative化 UP
kathew 2018/08/27
ReactNative

mobile

development
リンク
ReactNative雑感 - そーす
最近自社のアプリ（iOS,Swift/Android, Kotlin）をReactNative化しているので使ってみた雑感など。導入のきっかけ自社アプリのiOS(Swift)とAndroid(Kotlin)は私が一人で作って運用しています。なんで一人かというと社内でアプリをかけるのは私しかいないからです。そんなわけで、新しい機能の追加や修正などは2つのプロジェクトを触らなければならなくて非常に手間がかかるんですよ。そんなわけでちょっと開発が落ち着いたのを見計らって巷で話題（？）のReactNativeを調べ始めたのがきっかけです。ちなみにJavascriptはほぼ初心者です。調査段階でのメリット iOS, Androidでコードの共通化ができる（100%ではない） iOS, Androidのネイティブコードを呼び出すことができる（既存のコードを再利用できる？） Rectをベー
kathew 2018/08/27
ReactNative

mobile

development
リンク
SwiftエンジニアがReact Nativeでアプリを作って感じたこと - Qiita
これはFOLIO Advent Calendar23日目の記事です。昨日は3tty0nさんによる、「Tracing the Meta-levelとは？PyPyのJITコンパイラについて」でした。テーマ投資サービスを運営する株式会社FOLIOでiOSエンジニアを担当している近藤です。とても優秀な人たちばかりで、毎日充実した開発生活を送らせていただいています。 FOLIOのiPhoneアプリのアーキテクチャに関しては、杉上さんのRedux+Rxを活用したiOSアプリアーキテクチャが参考になります。アプリはRxやReduxを使ったネイティブで現在開発中です。【Swift エンジニアがReact Nativeでアプリを作って感じたこと】上に書いた通り普段の業務ではSwiftを書いているのですが、一方でReact Nativeにも強い興味を持っています。興味を持ったきっかけとしては、・
kathew 2018/08/27
ReactNative
リンク
【React-Native】StyleSheetについて - Qiita
はじめに React Native　では stylesにスタイルを定義してかいているのですが、最近、Webの方でもReact Nativeと同じようにCSS in JSで書きだしてから、React Nativeを書く時にStyleSheet.createを忘れてしまう事案が発生しているので戒めに書きます。あまり大した内容でなくすみません・・・。
kathew 2018/08/23
react

ReactNative

design
リンク
https://saitoxu.io/2017/09/30/react-native-d3js.html
kathew 2018/08/22
ReactNative

graph

chart
リンク
Chart.jsなどのWeb用のJSライブラリをReact Nativeで使う - ぴよログ
React Nativeでチャート（グラフ）を描画するためのライブラリがいくつかあります。例えばこのへんとか↓ JesperLekland/react-native-svg-charts: 📈 One library to rule all charts for React Native 📊 とはいうものの、できることが少なかったりなかなか思うようにいかないことがあったりします。 WebにもJSのチャート系ライブラリはいくつかあります。例えば有償のHighchartsなんかはかなり協力です。これから登場するChart.jsのようにMITライセンスのものもあります。そういったWebのライブラリを使ったほうが案外良い結果になることもあるかも、という提言として今回の例を紹介してみます。 React NativeにはWebViewがあるため、Javascriptを有効にした状態で通常のWeb
kathew 2018/08/22
ReactNative
リンク
ReactNative 0.56 | AsyncStorage - 初心者入門サンプル
kathew 2018/08/20
ReactNative
リンク
[React Native] データ永続化についてAsyncStorageとRealmを調べてみた - Qiita
※記事執筆時点のReact Nativeのバージョンは0.43ですはじめに iOSやAndroidのアプリでは、サーバーAPIから新しいデータを取得する前に、キャッシュしておいたデータをユーザーに対して表示するということはよくあります。アプリが終了してもキャッシュを保持しておきたい場合、対象のデータを端末に保存する（永続化する）必要があります。今回は、React Nativeでの開発において、データを永続化するためにどういう手段があるのか調べてみました。 React Nativeとデータ永続化 React Nativeでデータを永続化する方法は色々あります。React Native標準の仕組みにはAsyncStorageというものがあり、iOSとAndroidに両方対応しています。 AsyncStorageの他には、Realm、SQLite、Couchbase、Mongo DBといった選
kathew 2018/08/20
ReactNative
リンク
【随時更新】2018年にReact Nativeを始める人におすすめ26選 - Qiita
ちょうど1年くらいにReact Nativeでちょっとしたアプリを作っていたのですが、最近はめっきり離れてしまっていました。Reactもv16になり、少し開発環境も変化しているかなと思っていたら・・・結構変わっていました。 React Native Showcaseを見ると、FacebookやInstagramはもとよりAirbnb, Skype, Tesla, Walmart, Wix, UberEATSなど日本でも有名な企業やサービスの採用が目立っています。 showcase 今回は良く使いそうなツール・コンポーネント・サービスを集めてみました。随時更新もしていきたいと思います！ 1. Expo https://expo.io/ ExpoはReact Nativeの開発をサポートするツールです。主に以下を提供してくれています。 Expo XDE、Expo exp Expo Modu
kathew 2018/08/17
ReactNative
リンク
React Nativeアプリをリリースするまでに最低限必要なiOS/AndroidのTodo - PIYO - Tech & Life -
React Nativeでアプリを書くことができたとしても、アプリをリリースする先はiOSのApp Storeであったり、Google Playだったりします。リリースするためには各プラットフォームでの作法や、コード上でやっておかないと行けないことが色々とあります。 React Nativeで両プラットフォームに対応しようとすると、この辺の手続きに関しても両プラットフォームのことを知っておかないといけないため、なかなかハードです。僕の場合はiOSネイティブから入っているのでiOS側は勝手知ったる作業なのですが、Androidのほうは手探りでした。ということで、自分のための頭の整理も兼ねて箇条書きレベルでまとめておこうかなと思いました（まとめたところで、プラットフォーム側のアップデートとかでよく変わっちゃうんですけどね）。ネイティブアプリ未経験の人が、React Nativeでアプリを作
kathew 2018/06/14
ReactNative

mobile

development

tutorial
リンク
ReactNativeで作ったIOSアプリを公開するまでに必要な手順 - Qiita
全体の手順自分のPC上で、秘密鍵／公開鍵ペアを生成する CSR（Certificate Signing Request - 証明書署名要求）を、(1)の公開鍵を付けてAppleに送る (2)の公開鍵を含む証明書を作り、認証局の秘密鍵で暗号化 (3)の証明書をダウンロードし、キーチェーンへ登録 App IDを登録プロビジョニングファイルの作成プロビジョニングファイルをダウンロードし登録ビルド設定を行う（BundleID, コードサイニング）ビルド、アーカイブ（ipaファイル作成 ※）証明書の作成 & キーチェーンへの登録 (1-4までの手順) 開発用と配布用の2種類がある開発用 (Development) https://developer.apple.com/account/ios/certificate/development 配布用 (Distribution) http
kathew 2017/11/07
ReactNative

iOS

app

development
リンク
ReactNativeを使ってみる - Qiita
ReactNativeとは ReactNative http://facebook.github.io/react-native/ ReactNativeとはReactjsベースでネイティブアプリを構築できるSDK（プラットフォーム？）で、Facebookが作っています。FacebookやInstagram, AirBnBなどのアプリがReactNativeで書かれているらしいです。現在はiOS, Androidともに動かせるようになっている（v0.45.0現在）内部ではJavaScript のコードがコンパイルされてネイティブコードになるわけではなく、内部に JavaScript ランタイム (JavaScriptCore) があって JS はそのランタイム上で動く。内部には Objective-C で書かれた、JS <=> ネイティブブリッジの実装があり JavaScript ラ
kathew 2017/11/07
react

ReactNative

mobile

development
リンク
1