Profile cover photo
Profile photo
わたなべゆう
41 followers
41 followers
About
Posts

Post has attachment
package.jsonのパッケージで気をつけておきたいバージョン記法のキャレット(^)とチルダ(~)的なお話
reactとかもちろんpackage.jsonでパッケージの管理をしているわけで。 そこで気をつけないといけないのがdependenciesとかdevDependenciesとか色々とあるわけだけども。 実は一番気をつけないといけないのがバージョンの指定方法。 現在babelの6とか7が入り乱れてる戦国時代的なことになっていて、webpackもだしparcelもだし色んなところでその煽りを食らっていたり。 特にparcelでその煽りを食らってしまい、なおかつこのバージョン指定方法でミスっていたために問題が発生...
Add a comment...

Post has attachment
技術書典5にて共著でReact Native Expo + Firebase本を書いて出版したので、当日の雰囲気的なところから課題的なところまで的なお話
技術書典 っていう技術系の同人誌即売会みたいなやつの5回目が2018/10/08にあってそこに本を出しました的な。 池袋のサンシャインシティの文化会館の2Fだったんだけどめっちゃ広いしですごかった的なみたいな。 そこで共著的な感じでReact Native(Expo)とFirebase使ってアプリを作っちゃおう的な本を出したんだけどみたいな。 ちなみにExpoでプロダクションでやってる事例ってほとんどないし、どこまで何が作れるのか謎な部分も多いのでInstagram風のSNSアプリの作り方的な感じでソースコー...
Add a comment...

Post has attachment
Expoで画像や動画をInstagramのストーリーやフィードに投稿するためにはこうしたらいいよ的なお話
画像とか動画とかそういったアプリを作っているときに、ツイッターとかFacebookだったらpostのAPIがあるからシェアも簡単にできるわけだけど。 残念なことにInstagramはそういったAPIが用意されていないわけで。 (ビジネスAPIだとあるらしい) けど昔からスキーマを使うことでできるようになるっていうのが有名だったり。 ということで今日はExpoで作成してるアプリの中で、画像とか動画をInstagramにシェアするにはこうしたらいいよ的なお話をば。 とりあえず流れとしてはこんな感じ。 1. Fil...
Add a comment...

Post has attachment
react-navigationでheaderStyleにposition:"absolute"とかを入れるとwarningが出るようになったので対処するには的なお話
react-navigationを使ってアプリを作ってるわけだけど。 その中でヘッダーを透明にしたい部分があるんだけど、タイトルのようにwarningが出て使えないよーって言われてしまうようになった。 position:"absolute"でやってしまうとヘッダーの遷移が気持ち悪くなっちゃうとかそういう原因じゃないかね? 昔それ関連のissue自分でも出したことあったし。 ということで今日はreact-navigationのヘッダーを透明にする代わりの方法があるのでその方法をば。 export default...
Add a comment...

Post has attachment
React Nativeでファイルアップロードをするときに何%みたいな進行状態を出したい的なお話
画像とか動画とかファイルアップロードするときに進行具合がほしいわけで。 今何%ぐらいみたいなやつ。 普通のfetchだとできないけどxhrだとできるわけで。 ということで今日はそのお話をば。 とりあえずgistはこれ。 xhr.upload.onprogressで進行具合がとれるので、それを使いましょう的な。 そうするとprogressとしてできるからバーを出してあげるとかそういうことができるよねみたいな。 fetchに本当はこういう機能とか入れておいてほしいけど難しいよね。 だからたまにはxhrを思い出して...
Add a comment...

Post has attachment
Expo30.0.0の主な変更点的なお話
Expoの30.0.0が使えるようになったので、それを簡単にまとめました的な。
ちなみに 本家のブログはこちら から。 ■React Native0.57.0にはアップデートしない これは前回と同じ理由。 babelとかv0.57がまだ安定していないとか大した変更ないしね的な。 ただ TextInput問題 については修正したよとのこと。 この修正があるのとないのとではだいぶ違うよね。 ということで 自分が以前書いたTextInputの仕様をどうにか解決する方法 をついに使わないでもよいみたい。 ■JSのbu...
Add a comment...

Post has attachment
firebaseのfirestoreで文字列のプレフィックス検索(前方一致検索)を行いたい的なお話し
firebaseはなかなか便利なもので。 中規模程度までのもので、SNSとかじゃないリレーションがあまり発生しないアプリとかサービスだったらオススメ的な。 とりあえずサーバサイドを書かずともいろんなのが使えるサービスだよ的な。 で、今日はそんなfirebaseでfirestoreを使っているんだけども。 firestoreのドキュメントを見ていると検索をするときに文字列型なのに">="とか使っているからどういうこっちゃと。 これの意味がわからないんだけど試してみるとどうやら文字が検索できるっぽい。 色々と調べ...
Add a comment...

Post has attachment
React NativeのUIテストを行うためにwix/detoxを使ってみましょう的なお話
React Nativeでテストをするとなるとjestなど色々とあるわけで。 けどそれはどちらかというとコンポーネントにデータが通ったかとかAPIの通信とかうんちゃらとか。 視覚的にそもそも遷移だとか、例えばログイン画面でメールアドレスとパスワードを入力して、エラーだったらアラートが出るかどうかをテストしたいとかあるわけで。 そういうときに従来のjestみたいな形だと色々と厳しいけども、wixから出てるdetoxを使えばできるよ的な。 ということで今日はそのお話をば。 とりあえず例を作ったのでそのリポジトリは...
Add a comment...

Post has attachment
Expo29.0.0の主な変更点的なお話
Expoの29.0.0が使えるようになったので、それを簡単にまとめました的な。 ちなみに 本家のブログはこちら から。 React Native0.56.0にはアップデートしない We did not update to React Native 0.56.0 for this release for two reasons. First, and most notably, in React Native 0.56.0 babel was updated to 7.0.0-beta.47 from ^6.2...
Add a comment...

Post has attachment
React Native(Expo)を使って、Twitterのいいねを検索するためのアプリを作ったので諸々晒す的なお話
Twitterの公式検索の機能ではいいねを検索する機能はないわけで。 過去に自分がどういういいねをしていたのか、またいいねしたんだけどいつのツイートをいいねしたんだっけ?みたいなことってあるわけで。 そんなときに検索ができるアプリがあったらいいな〜と思って作ってみた。 ちなみにReact NativeでExpoを使って実装。 さらに自分が作った react-native-simple-twitter を使っている。 ということで今日はExpoのどういうコンポーネントやらを使ってたり、npmのパッケージを使って...
Add a comment...
Wait while more posts are being loaded