2018年11月3日土曜日

Expo v31になったのでReact Native 0.57やAndroid JSCのアップグレードやスタンドアローンビルドのサイズダウンなど変更点的なお話

  • このエントリーをはてなブックマークに追加

expoが Expo for Professionalsを公開して一週間程度で早速v31にアップデートしてきたっていう。

Expo SDK v31.0.0 is now available

早すぎるんだけどとりあえず今日は変更点的なお話をば。

2018年10月26日金曜日

Expoがオープンソースになったり、TypeScriptになったり、よりよいAPIの提供だったり、カスタムネイティブコードだったりなどなどに対応するよ的なお話

  • このエントリーをはてなブックマークに追加

Expo for Professionals

Coming to Expo: a new open-source repo, TypeScript, best-in-class APIs, custom native code, more platforms, and much more

Expoが新しくブログ記事を公開したんだけど、オープンソース化したりTypeScript対応だったりとかv31でどういう感じにするかとか諸々指針を公開したっていう。
なので今日はそれをざっくりかいつまんだ翻訳的なお話をば。

2018年10月10日水曜日

package.jsonのパッケージで気をつけておきたいバージョン記法のキャレット(^)とチルダ(~)的なお話

  • このエントリーをはてなブックマークに追加

reactとかもちろんpackage.jsonでパッケージの管理をしているわけで。
そこで気をつけないといけないのがdependenciesとかdevDependenciesとか色々とあるわけだけども。
実は一番気をつけないといけないのがバージョンの指定方法。

現在babelの6とか7が入り乱れてる戦国時代的なことになっていて、webpackもだしparcelもだし色んなところでその煽りを食らっていたり。
特にparcelでその煽りを食らってしまい、なおかつこのバージョン指定方法でミスっていたために問題が発生してしまった的な。
ということで今日はバージョン記法についてのお話をば。

2018年10月9日火曜日

技術書典5にて共著でReact Native Expo + Firebase本を書いて出版したので、当日の雰囲気的なところから課題的なところまで的なお話

  • このエントリーをはてなブックマークに追加

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

ということで今日はどうして出したのかとか、本を書くってどうなのとか、どこが辛かったのとか、どういう環境とか手段で本を書いたのとか、当日どうだったのとか、販売してみたの課題だとか諸々とあったよね的なことのお話をば。

2018年10月5日金曜日

Expoで画像や動画をInstagramのストーリーやフィードに投稿するためにはこうしたらいいよ的なお話

  • このエントリーをはてなブックマークに追加

画像とか動画とかそういったアプリを作っているときに、ツイッターとかFacebookだったらpostのAPIがあるからシェアも簡単にできるわけだけど。
残念なことにInstagramはそういったAPIが用意されていないわけで。
(ビジネスAPIだとあるらしい)

けど昔からスキーマを使うことでできるようになるっていうのが有名だったり。
ということで今日はExpoで作成してるアプリの中で、画像とか動画をInstagramにシェアするにはこうしたらいいよ的なお話をば。

2018年10月4日木曜日

react-navigationでheaderStyleにposition:"absolute"とかを入れるとwarningが出るようになったので対処するには的なお話

  • このエントリーをはてなブックマークに追加

react-navigationを使ってアプリを作ってるわけだけど。
その中でヘッダーを透明にしたい部分があるんだけど、タイトルのようにwarningが出て使えないよーって言われてしまうようになった。
position:"absolute"でやってしまうとヘッダーの遷移が気持ち悪くなっちゃうとかそういう原因じゃないかね?
昔それ関連のissue自分でも出したことあったし。

ということで今日はreact-navigationのヘッダーを透明にする代わりの方法があるのでその方法をば。

2018年10月3日水曜日

React Nativeでファイルアップロードをするときに何%みたいな進行状態を出したい的なお話

  • このエントリーをはてなブックマークに追加

画像とか動画とかファイルアップロードするときに進行具合がほしいわけで。
今何%ぐらいみたいなやつ。
普通のfetchだとできないけどxhrだとできるわけで。

ということで今日はそのお話をば。

2018年9月13日木曜日

Expo30.0.0の主な変更点的なお話

  • このエントリーをはてなブックマークに追加

Expoの30.0.0が使えるようになったので、それを簡単にまとめました的な。 ちなみに本家のブログはこちらから。

2018年9月6日木曜日

firebaseのfirestoreで文字列のプレフィックス検索(前方一致検索)を行いたい的なお話し

  • このエントリーをはてなブックマークに追加

firebaseはなかなか便利なもので。
中規模程度までのもので、SNSとかじゃないリレーションがあまり発生しないアプリとかサービスだったらオススメ的な。
とりあえずサーバサイドを書かずともいろんなのが使えるサービスだよ的な。

で、今日はそんなfirebaseでfirestoreを使っているんだけども。
firestoreのドキュメントを見ていると検索をするときに文字列型なのに">="とか使っているからどういうこっちゃと。
これの意味がわからないんだけど試してみるとどうやら文字が検索できるっぽい。
色々と調べたり試してみるとプレフィックス検索ができるみたい。

てなわけで今日はfirestoreにて文字列のプレフィックス検索を行う的なお話しをば。

2018年7月27日金曜日

React NativeのUIテストを行うためにwix/detoxを使ってみましょう的なお話

  • このエントリーをはてなブックマークに追加

React Nativeでテストをするとなるとjestなど色々とあるわけで。
けどそれはどちらかというとコンポーネントにデータが通ったかとかAPIの通信とかうんちゃらとか。
視覚的にそもそも遷移だとか、例えばログイン画面でメールアドレスとパスワードを入力して、エラーだったらアラートが出るかどうかをテストしたいとかあるわけで。
もちろん視覚的じゃなくてもできるわけだけど視覚的にちゃんと出てるのかなとか見てみたいわけで。

そういうときにwixから出てるdetoxを使えばできるよ的な。
ということで今日はそのお話をば。

Adsense