Facebookにログインして、友達や家族と写真や近況をシェアしましょう。
React Native is an Objective-C application framework that bridges JavaScript applications running in the JSCore JavaScript engine to iOS and Android native APIs. In theory, you write your application logic in JSX and ES6/7 and transpile it to JavaScript, and the application framework loads all that as a bundle. In practice, you will want to expose your own custom native code to your JavaScript app
React Nativeの場合、iOSでPush通知する方法は表示で提供されていますが、 Androidの場合、自分で頑張るか外部のパッケージに頼ることになると思います。(04/2016現在) ちょっと面倒がありそうな状況だから無難にGoogle Cloud Messagingをチョイスした方がいいよね、という判断で以下進めました。Parseもなくなるし。(Javaの時はParseしか使ったことなく、GCMも始めてなので回りくどいことしてたら教えてください) Google APIsでプロジェクトを作る 「プロジェクトを作成」で今回用のプロジェクトを作ります。 GCMを許可してキーなどを得る GCMのクイックスタートから 「プロジェクトでGCMで有効にすること」と、「キーの取得」が同時に出来るので上記URLから進めます。 「GET A CONFIGURATION FILE」をクリックして、
I recently worked on my first project with React Native (I wrote about it here) and had a lot of apprehension when came the moment to work with iOS Push Notification. Even if there is already an API to handle Push Notification with React Native, a few actions need to be done to succeed. And it’s definitely not that simple. This is basically how Push Notification work son iOS : Bottom line, the Rea
概要 最近話題のReactjsベースでネイティブアプリを構築できるフレームワーク「React Native」 サーバー側と連携したいアプリを作りたい時に便利なのが「mobile backend as a Service(mbaas)」 今回はニフティクラウド mobile backendをReact Nativeで使用する方法を試してみる 環境 使用した環境 node.js 5.0.0 react-native 0.1.7 xcode 7.2 プロジェクト作成 まずは以下のコマンドを実行してReact Nativeのプロジェクトを作成 SDKをダウンロード ニフティクラウド mobile backendはSDKとしてiOS用、Android用、Javascript用のSDKを提供している。 React NativeでiOSアプリを作る場合、iOS用とJavascript用どっちのSDKを使
http://youtu.be/uwnjDXtJufs 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 44分前 コンポーネントベースのviewレイヤのライブラリであるReactを、実際に使ってみた感想についての発信が増えてきているので、まとめてみました。(4)はFluxの話も入ってます。) 1) Reactとは? E4E Developer Conf 2014の講演でFacebookのBen Andersonは、Reactを採用しているサービスを挙げています。 Facebook / Instagram / GitHub (Atom) / Khan Academy (with Backbone.js) / Mozilla Firefox (for Paneis) / NY Times / Reddit (stor
これらの件 最近のフロントエンドへの違和感 - nobkzのブログ 日本のWebエンジニアの大半が、変化に対応しきれなくなっている件について。 - 日々、とんは語る。 前提 去年は勝手Reactエヴェンジェリスト(自称)として、日本に複雑化するフロントエンド技術の海外の動静を紹介をし続けていた。 僕としても、フロントエンドは複雑化してると思ってるし、それは「目的の複雑化に対して必要なもの」だったと思っている。ここでいう目的とはSPAの構築であって、普通のウェブサイトは含んでいなかったが、普通のウェブサイトも当たり前のようにリッチ化目指しているのが現在なので、境目は曖昧ではある。 僕もフロントエンドの複雑化がだれにでも必要なものだとは思っていない。が、定期的に情勢を整理して、交通整理するのを心がけてきたし、春からはじめるモダンJavaScript / ES2015 - Qiita みたいな記
候補としてモバイルアプリの作成について話し合いを始めた時、何を用いてモバイルアプリを構築するかについて、私たちには何の考えもありませんでした。クールな仕様で、楽しく使え、さらには洗練されたものでありたいという一般的な方向性は分かっていたのですが、誰もモバイルアプリを構築した経験がなかったのです。 そこで私たちはReact Nativeを使ってみることにしました。選んでみて良かったと思っています。この記事では、React Nativeを使うと決めた時に考えたことや、構築途中で学んだことを書き綴っています。 React Nativeを選んだ理由 私たちはWeb開発者であって、iOS開発者ではありません。ニューヨークでの集まりで、Swiftがどれだけ性能がいいか、それでいてObjective-Cもまだ存在価値があるということを、少しかじった程度で、一番得意なのはRubyとJavascriptです
今日はReact Nativeでどのようにアプリを作っていくのかを個人的見解で説明したいと思います。 0) アプリの概略を決める マーケットチャネル、収益モデルなどのビジネス面を考慮して、どのようなアプリを作るか考えます。React Nativeの場合、どのプラットフォームでリリースするのか、iOSなのか、Androidも作るのかを決めないといけません。 1) 技術的なリサーチ それを実現するために、そのアプリにどのような機能が必要でどのモジュールを使えば実現できるのかをリサーチします。Facebook LoginはReact Nativeにあるかなどを調べます。ただ昨日説明したようにNativeのコードとの連携は難しくありません。どこをネイティブで書かなければならないのかを考え、手を動かしつつ、コアな技術の動きを把握します。 現時点でAndroidアプリを作るには公式にサポートしてるモジ
React Native for AndrodでPUSH通知させた時のおぼえ書き。 Google Cloud Messaging for Android (GCM ) とは? 開発者がサーバから Android デバイス上の Android アプリケーションにデータを送信できるようにする無料のサービス らしいです。 www.techdoctranslator.com GCM登録 以下からアプリを登録して、RegistrationKeyやgoogle-services.jsonを取得する。google-services.jsonはandroid/appに格納する。 Set up a GCM Client App on Android | Cloud Messaging | Google Developers React Nativeでは 以下のパッケージを使うのが楽。 github.
About reserved postingIf you register a secret article by the day before the same day, it will be automatically published around 7:00 on the same day. About posting periodOnly articles submitted after November 1 of the year can be registered. (Secret articles can be registered anytime articles are posted.)
The React Native Playground June 2nd, 2015 - April 1st, 2017 The Playground helped developers share React Native applications in-browser. Her spirit lives on in fresh, supported tools like Snack and Repl.it, and in source form on Github. As we remember the life and times of our dearly departed friend, let's take a step back from our busy work lives, gather with colleagues, and ask: how can I help?
If you're in need of some way to handle and interact with your Contacts in your app, these modules got you covered. react-native-communications Easily call, email, text or iMessage someone in React Native react-native-addressbook-ios This is a React Native Module for accessing an iOS AddressBook Currently only supports READ access but hope to add full CRUD support React Native AddressBook Interact
React Native in Facebook Facebook Groups Facebook Ads Manager React Native in the Community HackerNews-React-Native ReactNativeHackerNews tcomb-form-native React Native in ES6 with webpack and Babel React Native Boilerplate using CoffeeScript React Native Icons Looped carousel for React Native RNSideMenu react-native login and video https://github.com/brentvatne/react-native-login https://github.c
ReactNativeとは ReactNative http://facebook.github.io/react-native/ ReactNativeとはReactjsベースでネイティブアプリを構築できるSDKで、Facebookが先日リリースしました。ちなみにFacebook GroupのアプリがReactNative製なんだそうな。 現在はiOSのみの対応となっていますが、将来的にはその他プラットフォームにも対応していくものと思われます。 内部ではReactjsの描画結果をUIKitの各要素に変換して描画しているようです。 触ってみたいという方は、3分くらいで準備できますのでやってみましょう。 http://facebook.github.io/react-native/docs/getting-started.html#content 作ったもの とりあえずどういった作法で書いて
React.jsについての基本的なところを書いていきます! 公式読めばわかるようなことが多いですがReact.jsに興味をもつきっかけにでもなれば...。 v0.12.1で確認しています。 こっちは一人で書くように作ったものなので書きたい人はVirtualDOMに書くといいと思います。 (書く人がいなくて1人で書いているわけではない) この記事は古いので下記の更新情報も参考にしてください http://blog.koba04.com/post/2015/03/05/react-js-v013-changes/ http://blog.koba04.com/post/2015/09/22/react-js-v014-changes/ http://blog.koba04.com/post/2016/03/09/react-js-v15-changes/ http://blog.koba04.
今話題のReact.jsはどのようなWebアプリケーションに適しているか? Introduction To React─ Frontrend Conference 外村 和仁(株式会社 ピクセルグリッド) 本記事は、2015/2/21に行われたFrontrend Conferenceの「Introduction To React」の内容を紹介します。 当日の資料は以下にアップされていますので、こちらも参照してください。 Introduction To React // Speaker Deck React.jsとは何か React.jsはFacebook製のJavaScriptライブラリです。 http://facebook.github.io/react/ 公式サイトに、「A JavaScript library for building user interfaces」とあるように、R
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く