Next.js+FirebaseHostingで構築するサーバレスWebアプリケーション

github.com Next.jsというReactアプリケーションをデフォルトでServerSideRenderingしてくれるライブラリがあります。これをFirebaseHosting上にFirebaseFunctionsを使って構築することで、無料でサーバレスSPAを作る事ができます。 Next.jsをclone Next.js…

2017-07-28

「新しい技術の導入に関する勉強会」で発表してきました。

ReactNative React

React Nativeで始めるアプリ開発 from Ryosuke Hara www.slideshare.net SlideShareにアップロードしてます。 Keynoteで作ったのをPowerPointに変換して上げてるので若干レイアウト崩れてます（修正する元気無い） React Nativeに関する簡単な紹介です。…

2017-06-09

react-reduxのmapStateToPropsとmapDispatchToPropsは必要なのか

Javascript React ReactNative Redux

ReactNativeでアプリを作る時はReduxを使っていて、ReduxのStoreとReactのComponentをBindingしてくれるreact-reduxが便利なので使っています。 github.com react-reduxが提供するconnectというStoreとComponentをBindingする関数が在るのですが、 connect( …

2017-05-25

ReactNative+ReactNavigation+Reduxで起きるバグ

Javascript ReactNative React Redux

2017/05/25時点です。 StackNavigatorのルートに他のNavigatorを入れるとエラーになる。たとえば、スプラッシュ→ログイン→メイン（ドロワー）ってしたい時にメインまで行ったらメインでスタックを初期化したいですよね？その時にメインがNavigatorだった…

2017-05-17

React Sketch.app で何ができるのか見てみた

ReactNative React Sketch ReactSketch

Introduction · react-sketchapp ReactのシンタックスでSketchが動くらしい。なんだかすごそう（小並感インストール公式のまんま git clone https://github.com/airbnb/react-sketchapp.git cd react-sketchapp/examples/basic-setup && npm install basi…

2017-04-24

「ReactNativeってどうなの？」というタイトルでLTしてきました

Javascript React ReactNative

React nativeってどうなの？ from Ryosuke Hara www.slideshare.net LTなんて初めてでした。とりあえず、なんか友人からの質問やTwitterとか見てて疑問に思ってそうな事適当に並べて見ました。なんというか、福岡でもReact/React Nativeをワイワイさせた…

2017-04-01

ReactNativeでiOS, Androidに最適化したUIを構成するには

Android Javascript React ReactNative iOS

最近は仕事でも個人でもReact Nativeでの開発がメインになっており、かなり知識が溜まってきました。で、だいぶiOSとAndroidに最適化したUIの構成ができるようになってきたのでメモ程度に残します。 OSごとのUIの分け方 ReactNativeは標準で幾つかiOS, Andr…

2017-03-17

BackAndroidはremoveEventListenerではなくaddEventListenerの返り値のオブジェクトを使おう

React ReactNative

facebook.github.io Andoroidの戻るボタンが押された時のイベントをハンドリングするAPIです。なんか公式ドキュメント見るとaddEventListerでセットしたハンドラの破棄はremoveEventListerを使わないといけないっぽいですが、ソースを見てみる addEventLis…