React Native製アプリのクオリティを上げるために工夫した事
Illustration by unDrawInkdropというMarkdownノートアプリを一人で作っているTAKUYAです。最近、React Nativeを使って、iOS版とAndroid版の新しいバージョンをリリースしました。React Nativeは、JavaScriptとReactを使ってクロスプラットフォームなモバイルアプリが開発できるフレームワークです。 どうすればReact Nativeでハイクオリティなアプリが作れるのか、今回の開発を通して多くのことを学びました。本稿では、よりよいアプリを作るために自分が工夫したことをシェアします。既にReact Nativeでアプリを作っている方も、これから作ろうと思っている方も参考になるかと思います。 概要OSSライブラリは慎重に選ぶネイティブ拡張モジュールは出来るだけ使わないUIテーマの対応タブレットの対応動作を軽く保つ違和感のない
MobXでTodoアプリ[Part1] MobX導入まで - PIYO - Tech & Life -
3部作のPart1です。 MobXでTodoアプリ[Part1] MobX導入までMobXでTodoアプリ[Part2] データを保存してみるMobXでTodoアプリ[Part3] Storeをデバッグしてみる以前も書いたように、ここ1年ほどReact Nativeによるアプリ開発を時々行っています。凝ったアプリでなければ割とサクッと作れるのが良いです。 さてReact Native（というかReact）単体だとデータ管理が面倒、バケツリレーが云々という話がよくあります。その問題に対応すべく色々なFluxなフレームワークが存在していて、中でもReduxがよく使われるようになったという流れが2年前ぐらいにあったと記憶しています。 そういう流れで僕もReduxを使ってアプリ開発をしていましたが、ここ数ヶ月MobXというのをよく聞くようになりました。データ管理の用途だったらMobXで十分だよとい
![MobXでTodoアプリ[Part1] MobX導入まで - PIYO - Tech & Life -](https://cdn-ak-scissors.b.st-hatena.com/image/square/cf9dc72e3f5a831c21b79dda771b7692abd8544b/height=288;version=1;width=512/https%3A%2F%2Flh3.googleusercontent.com%2Fy_i9fp87K99TSZkeLX2ZqCVu9aZ_itzXBB_AI90I1mycnWj72EQPc8YAlSOhDnWqOR-Tq2TNtMf1dIIwIB41o-tEjMH1Ahn90cPMyM-T83elsZBhs66peHCP2VfVWTT4R0OYwI65EU58kiApaDCGtXZLbQpBpg8mw4amb_Pu0o83H9sPVmkb8vDO08dFJoAeBghTwl0RJZFBzLPAvEo1yySRpKa1haI95sy4tF0fQD3H0VZF7yenhWdUvJtHk86DqtZGGZxA1KDPKFQ0MGBn6Q6vM785kgN1rWzWHxjmehqWLagVnwbhhBSukD-6rTB00p714JTqnff0BIK411edZRmzPaCaPzEbeM_i6WmbR6LcWPn-J5U7qn2O5GFjTpNF8ef0gvqD0dww9pNYC6yU1aFoyac9A1BVBzCHO5OoUgOVqn3PzE0fIv_J4twqGMYW2X34-yi11r2ZLbw9bbBGbz4lsuWSoGAyrMPvdwOPGG9eFn5MsLIK_-fMRmSDGeaDTi4yBa4-jw2xAy4HSi1VBSZkThJEuqm8nQdjd1u1Fz2cAtg2rVAdOfomS7FmFR_3i8UxLTUtNtU55U9Yc5wLwtZDOYz80cMG3PEP5g-5sYTEsOQ-fhil_IVIzdI-TCO2bmvTsvO0EwcM9SZXjZnEDFMANWVUPGfq3g%3Dw1200-h630-no)
【随時更新】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
React Native でアプリ開発！初心者のための実装 Tips - Qiita
エイチームライフスタイルアドベントカレンダー2017、3日目です。 本日は株式会社エイチームライフスタイルの、エンジニア兼ソース顔担当の @maa0984 がお送りします。 入社間もない頃に先輩社員から「顔がアルパカに似てる」と言われて以来、トレードマークにしています。 最近英語を勉強しようと、英語のフレーズをリスト化して表示するアプリを作りました。 せっかくなので、興味がありつつも手を出せていなかった React Native に挑戦しました。 初めて使用するため手探り状態でしたが、その中で『やりたかったこと』と『それを実現させた方法』をいくつかピックアップしてお伝えします。 React Native でアプリ作りを始めてみようとしている方に、何かの参考になれば幸いです。 対象バージョン react-native: 0.49.3 react-native-swipeout: ^2.2.2
ReactNativeでiOSとAndroidの漫画アプリを同時に作る | Nagisaのすゝめ
はじめに NagisaでiOSエンジニアをしている伊藤です。 今回はReactNativeというスマホアプリのクロスプラットフォーム開発ツールを使った取り組みについて紹介をしたいと思います。 アプリのクロスプラットフォーム開発といえば、以前ではTitaniumやCordovaといったWebViewをベースとしたアプリをイメージするものが多く、純粋なネイティブアプリに比べるとどうしてももっさりとした感覚になってしまい、あまり採用されることはなかったように思います。 ReactNativeではこのもっさりとした感覚はなく、とてもスムーズに動作するアプリを作れます。その理由はWebViewを使用せず、ビューやラベル、スイッチなどで本当のネイティブコンポーネントを使った画面が構成されるところにあります。これにより国内でもにわかに人気が出てきています。 UPTOON!のReactNative化 UP
React Nativeアプリの開発環境をコマンド一発で構築する「create-react-native-app」
今月の13日と14日に米カリフォルニア州のサンタクララでReact Conf 2017というReactのカンファレンスが行われました。このタイミングで発表されたのが、今回紹介する「create-react-native-app」です。Reactの「create-react-app」と同様コマンド一発でReact Nativeアプリの開発環境を構築してくれるツールです。これは、これまでなかなか手の出しにくかったReact Nativeアプリの開発を大きく変えてくれる画期的なツールとなるでしょう。今回はこの「create-react-native-app」の使い方を紹介したいと思います。 create-react-native-appとはReact Nativeはご存知の通り、iOSやAndroidのネイティブアプリをReactの作法で開発するためのフレームワークです。Reactでネイティブア
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
