そーす

福岡在住。iOS/Androidアプリ, Webフロントエンドのエンジニアです。Swift, Kotlin, JavaScript, ReactNative

Javascript

Firebase Cloud Messagingを使ってWebサイトでPush通知を受け取る

仕事でReact SPAにPush通知を実装することになったので備忘録。 Firebase Cloud Messaging(以下FCM)をWebにやるにはHttpsに対応のサイトじゃないとだめなので、Firebase Hostingで構築するところまでを記載します。 Firebaseの説明はありません。 Firebase…

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

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

ReactNative+ReactNavigation+Reduxで起きるバグ

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

ReactNative+Redux環境で非同期アクションのテストを書く

Javascriptでちゃんとテスト書いてますか? 私は書いてないです。 テストはあんまり書いたことないです(ドン引き Javascriptのテストは全く書いたことないです(ドンッ!! 今仕事で開発しているアプリはReactNativeなんですが、 やっぱスクリプト言語だと…

Javascriptの型チェック「Flow」まとめ

flow.org 個人的まとめ。 重要な所だけ読み返したい用です。 型名の和訳は適当です。 時間あったら追記する。 String let text: string = 'hoge'; //OK text = 'fuga'; // OK text = 12; // Error let func = (value: string): string => value; // ok Numbe…

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

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

(解決)ReactNative+FirebaseではネイティブSDKを使ったほうが良いかも

(追記)解決しました。 やっぱりJavascriptCoreが原因でした。 github.com developers-jp.googleblog.com ここで紹介されてたので、ネイティブSDK入れなくてもいけるのか〜 と思って色々試して見ました。 匿名ログインしてRealtimeDatabaseに書き込みは出来…

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

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

iOSのみ、ModalとAlertを同時に使うとModalが消えないバグがある

issue上がってます github.com 再現方法 例えば通信処理中にインジケータ(くるくるするやつ)を出して、通信終わったらインジケータ消してレスポンスに応じてダイアログでユーザに通知したいとかあるじゃないですか。 このインジケータの表示にModalを使っ…

ReactNativeのソースを読んで見る(Android編①)

*Android編①って書いてるけどAndroid編②があるとかiOS編があるとかは未定です ReactNativeの「Native」の部分がどう動いてるのか気になったのでソース見てみました。 細かい所まで見てないですし、間違った認識かもしれませんのであしからず。 エントリポイ…

ReactNative雑感

最近自社のアプリ(iOS,Swift/Android, Kotlin)をReactNative化しているので使ってみた雑感など。 導入のきっかけ 自社アプリのiOS(Swift)とAndroid(Kotlin)は私が一人で作って運用しています。 なんで一人かというと社内でアプリをかけるのは私しかいない…