2021年1月22日金曜日

Reactで綺麗に無限スクロールを実現するためにIntersectionObserverを使いましょう的なお話

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

色々と実装していると、なんだかんだで無限スクロールを実装したいことって多々あるわけで。
もちろん単純なページングを実装してもいいのだけど、React使ってSPA的なことを書いているとページングよりも無限スクロールで配列にガンガン後ろに足していくっていう方が楽だったりもするわけで。
その際にもっと見るボタンをユーザが押して新しくデータを取って来て云々をしてもいいけどやっぱ流れるようにみたいわけで。

ってことでIntersectionObserverを使うとそこらへんの実装が簡単になるので、それをhooks化して使っちゃおう的なお話をば。

2020年2月11日火曜日

bitriseでgitのサブモジュールを使ってるときにうまくやってくれないのを対処する的なお話

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

サブモジュールを使ったプロジェクトをbitriseでビルドする際に、git cloneで失敗することがある。
サブモジュール部分が引っ張って来れないよ的なやつなんだけど、.gitmodulesで指定しているURLが悪かったりしてダメだったり。

https://github.com/hoge/repository.git -> git@github.com:hoge/repository.gitにしてあげればいけた。

ここら辺が厄介なところではあるよね。

2020年2月4日火曜日

firebaseのfirestoreでdevelopからproductionへindexesをコピーしたい的なお話

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

develop環境がベースで、複合インデックスやら何やらを試すことが多いわけで。
で、うまくいったから本番にも反映したいなぁっていうときにGUIでいちいちぽちぽちするのは地味に辛かったり。

なので今日はそれを簡単に行うには的なお話をば。

2020年1月15日水曜日

appの有効な aps-environment エンタイトルメント文字列が見つかりませんというエラーが出て来たときの対処方法的なお話

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

iOSアプリを開発していて、プッシュ通知を実装しようというときにたまに出てきてしまうこのエラー。
とりあえずプッシュ通知が有効でないということはわかるんだけども、Identifiersの方にはしっかりとpush notificationを結びつけてるのにこれが出てくるのは謎。

今日はこのエラーが出てこないようにするためにしっかりと設定をしましょう的なお話をば。

2019年12月17日火曜日

npm packageを作っていてタグをつけたりなんだりしたい的なお話

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

npm packageを作成している場合のみにしかいらない話ではあるんだけども。
npm packageはlatestがついてるとそれをインストール時にとってくるんだけど、開発している最中に最新版をアップデートしたくはないわけで。
そういう場合はbetaなりのタグをつけてあげればいい。
そして作り終わったら外してlatestをつけてあげればいい。

ということで今日はそれのやり方的なお話をば。

2019年12月16日月曜日

TypeScriptでd.ts内でimportすると外部でその型が読み込めなくなるのを解決した的なお話

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

タイトルからするとよくわかりづらいんだけど。
React Native x TypeScriptで型をtypesディレクトリの中につらつらと書く感じで自分は開発してる。
そうするとどこでもtype Hogeを読み出すことができるんだけど、d.ts内でimport { FirebaseFirestoreTypes } from '@react-native-firebase/firestore';みたいにすると途端にHogeが読み出せなくなってしまう的な。

ということで今日はそれを解決するには的なお話をば。

2019年12月10日火曜日

Expo v36でReact Nativeが0.61になってfast refreshが使えるようになったり、Permissionを各モジュールから確認できるようになった的なお話

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

Expoがv36にアップデートした。
ついにReact Nativeが0.61になったよね的な。

Expo SDK 36 is now available

ということで今日はいつも通りのざっくり翻訳記事的なお話をば。

2019年11月25日月曜日

React NativeをバージョンアップしたらCould not connect to development serverとなってAndroidで実行できないときの対処的なお話

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

react-nativeとreact-native-unimodulesを最新版にアップロードしたんだけど。
諸々どのファイルをアップデートする必要があるとかは面倒だから説明はしないけどもリポジトリはこちら。

https://github.com/watanabeyu/rn-update-repo

で、その中でAndroidでどうしてもCould not connect to development serverとなって実行できないという問題が発生。
ということで今日はこれの対処方法的なお話をば。

2019年10月28日月曜日

XcodeでTARGETを複数作ったら、ちゃんとPodfileで作ったターゲット分installしましょう的なお話

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

タイトル通りな感じ。
今作っているものでfirebase使ってるし開発用とかでプッシュ通知とか考えるとどうしてもTARGETをわけてbudle idも変えておきたいなと。
ってな感じでTARGETもう一個作ってローカルでArchiveするともちろん問題なし。
ただしBitrise上でArchiveするとなぜかlibPods-targetname.aのlinkingが外れてる状態。

ということで今日はどうしてもlinkingが外れてしまうのはPodfileの書き方が悪いからちゃんとしましょう的なお話をば。

2019年10月27日日曜日

firebase functionsでDate()使ったときに9時間ずれてしまうのを直す的なお話

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

firebase functionsがアップされるサーバがUSのために9時間ずれてしまう的な。

ということで今日はそれを直す方法的なお話をば。

Adsense