React NativeでGLSL書けるか試してみた | ランサーズ（Lancers）エンジニアブログ
この記事はランサーズ Advent Calendar 2017の21日目の記事です。 はじめまして、フロントエンドエンジニアの加藤です。8月からランサーズのユーザーファーストデザイン室というチームでデザイナーの人たちと一緒に働いています。 突然ですが、みなさんはglslsandboxを見て、知らない外人のお兄さんの作品を見て毎日感動してますよね？そして、うちの仕事では使う機会ないなぁと涙を流していますよね？ しかし、仕事は自分で勝ち取るものなのだと誰かが言っていました。どうやって今の仕事の環境の上で書けるかを試してみるといいかもしれません。以前、gl-reactを使ってReactで書いたアプリケーションの上でGLSLを書ける方法を試したことがありますが、現在であれば一番新規フロントエンド開発で選定されそうなReact Nativeで書ければ、もしかしたら仕事で書けるかもしれません！ GLS
React Native製アプリのクオリティを上げるために工夫した事
Illustration by unDrawInkdropというMarkdownノートアプリを一人で作っているTAKUYAです。最近、React Nativeを使って、iOS版とAndroid版の新しいバージョンをリリースしました。React Nativeは、JavaScriptとReactを使ってクロスプラットフォームなモバイルアプリが開発できるフレームワークです。 どうすればReact Nativeでハイクオリティなアプリが作れるのか、今回の開発を通して多くのことを学びました。本稿では、よりよいアプリを作るために自分が工夫したことをシェアします。既にReact Nativeでアプリを作っている方も、これから作ろうと思っている方も参考になるかと思います。 概要OSSライブラリは慎重に選ぶネイティブ拡張モジュールは出来るだけ使わないUIテーマの対応タブレットの対応動作を軽く保つ違和感のない
Pocketが便利になるWebアプリを作りました - syonx
Chase https://syon-chase.herokuapp.com/ みなさんはあとで読むサービスを使っていますか？ その中でも有名な Pocket というサービスを、公式の API を使って自分なりに使いやすくした Web アプリ『 Chase（チェイス）』を作りましたのでご紹介します。「自分のために作ったものを、みんなにも使ってもらえるようにした」という背景があります。無料です。そして、オープンソースです。 リニューアルしました！（2018年1月） syonx.hatenablog.com ターゲットユーザ例 移動中に Twitter や RSS リーダーなどでキャッチした情報を Pocket に送り、オフィスや自宅の PC でじっくりチェックしていくスタイルの人に適しています。 移り変わりの速い世の中にいかに追いつくか。情報の入手と消化のせめぎ合い… それは Chase 。
expo.ioを使ってリアルタイムにReact Nativeアプリを開発する - マルシテイア
1年ぶり3度目のReact Native入門してるんだけど、expo.ioっていうサービスがメッチャ便利そうだったので紹介します。 何がどう便利かっていうと、 ケーブルなしで、実機の動作確認ができる もちろんコード変更も即座に反映される 開発版アプリの配布がワンタッチでできる 便利なReactコンポーネントもついてくる youtu.be expo.io とは React Nativeでのアプリ開発を支援するサービスです。 公式サイトはこちら。めっちゃ素朴…… expo.io expoは create-react-native-app XDE expo client といったツールを公開しています。 create-react-native-app: アプリの雛形を作るCLIツール XDE: アプリ開発を支援するデスクトップアプリ。実機のログをみたり、アプリを再起動したりできる expo cl
Expo
Expo and EAS are an ecosystem of tools that help you develop review& deployCreate universal native apps with React that run on Android, iOS, and the web. Iterate with confidence. We are the home for developers building native apps across Android and iOS with JavaScript (neat, right?). We’re open source. Offer a free plan. And are pretty-much the go-to if you’re building a mobile app. We’re a full
React NativeでNative機能をSwiftで書いて使うには - console.lealog();
React Nativeの対応が追いついてないNative機能を使うには、自分でブリッジを実装する必要がある。 ただ公式のDocsはほぼObj-Cのことしか書いてなくて、Swiftでもできるよ！って一言くらいしかない。 もちろん調べてもろくな例が出てこない！ かといってObj-CよりSwiftの方が親しみやすい気がするなーということで・・・、四苦八苦しながらやり遂げたことをメモ。 アプリエンジニアではないので、非効率なコードや勘違いしてることを書いてる可能性もありです！ 必要なファイル いちおうドキュメントはコレ。 Native Modules 基本的な流れはココに書いてあるけど、Swift版の端折られ感よ！ 要約すると、 `XXX.swift`で実装する `XXX.m`でエクスポートする それらを認識させる`MyProject-Bridging-Header.h`を用意する この3つが必
ReactNativeでgetUserMedia()する - console.lealog();
端末カメラとマイクにアクセスできるWebRTCの`getUserMedia()`ですが、iOS Safariにはまだ未実装です。 なので、現時点ではReactNative的ななんらかの環境の上で動かすしかないです。 そしてReactNativeでも公式サポートされてるわけではなく、外部のライブラリに頼る必要があります。 GitHub - oney/react-native-webrtc: A WebRTC module for React Native. そんな外部ライブラリの中でもWebRTCやるならコレ！っていうイチオシが、`react-native-webrtc`というわけで、これを使って`getUserMedia()`に至るまでのメモです。 インストール react-native-webrtc/iOSInstallation.md at master · oney/react-na
React Native Express
What is React Native?React Native is a JavaScript framework for building cross-platform apps. This guide covers everything you need to know to start developing React Native apps. How to use this guideBuilding with React Native is extremely efficient — but getting started can be a little tricky. You should use this guide as a companion to the official Facebook documentation for getting started. Thi
Comparing the Performance between Native iOS (Swift) and React-Native
This article was reformatted for the React Native Log from my published Summa Cuma Laude thesis at the University of Florida. If you wish to read the original, here is the link: https://ufdc.ufl.edu/AA00058596/00001 React-Native is a cross-platform mobile framework that lets you build apps using only JavaScript. However, unlike other hybrid mobile technologies, you are not building a “mobile Web A
React Native at Instagram
React Native has come a long way since it was open-sourced in 2015. Fewer than two years later, it’s being used not only in Facebook and Facebook Ads Manager, but also in many other companies, from Fortune 500 companies to hot new startups. Developer velocity is a defining value of Instagram’s mobile engineering. In early 2016, we started exploring using React Native to allow product teams to ship
【増枠しました！】React.js meetup × React Native meetup (2017/03/16 19:00〜)
機能改善 イベント資料の投稿において、SlideShareやSpeakerDeckと同様に、Docswellの資料を埋め込みスライド表示できるように対応いたしました。資料の投稿機能は、資料URLを指定するだけで、URLから取得した情報を、適した形でconnpass上で表示・共有できる機能です お知らせ connpassプライバシーポリシーの内容を一部更新しました。詳細につきましてはこちらをご覧ください。 3月 16 【増枠しました！】React.js meetup × React Native meetup 〜WebからNativeまでReactだらけ！〜
react-native meetup#3 (2016/10/28 19:00〜)
情報交換のためのFacebookグループ開設しました！ よろしければご参加ください！ https://www.facebook.com/groups/1722053778010342/ 第2回に引き続き3回目の開催です！ React Nativeに関係するものならなんでもありの勉強会です！ React Nativeの話はもちろん、 React, Reduxの話や、Realmと絡めたスマホアプリの話まで、 React Nativeに関わるものなら何でもありの勉強会です。 React Naitve触るきっかけが欲しいかたや、すでにバリバリ触っている方まで、React Naitveに興味がある人なら誰でもご参加ください！ ▼FBグループもあります！ https://www.facebook.com/groups/1722053778010342/ 発表について LT発表者及び、一般発表者を募集し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Why Discord is Sticking with React Native – Discord Blog
GitHub - shunkus/r3: R3 (React, React Native, Redux) Simple Starter for International Hybrid Application
GitHub - facebook/metro: 🚇 The JavaScript bundler for React Native
React Nativeが 楽しく感じるまでの話
React Navigation | React Navigation
[WebView] onMessage failing when there are JS warnings and errors on the page · Issue #10865 · facebook/react-native
Using React Native: One Year Later
http://reactnativequickly.com/