expoのOTAを--no-publishとpublish:setを使ってなるべく安全に扱う

next.jsで複数のAPIエンドポイントで同じhandlerを使う小技

expoのOTAをどうやったらうまく扱えるか考える

React hooksでfactoryパターンっぽいことをしたいときは結局コンポーネントを分離するのが妥当なのでは

nextjsでnode-pureimageを使ったJSオンリーな動的画像生成

raqoteの生成画像をaxumでレスポンスとして返そうとしたかったやつ

小規模環境のi18nでt("Hello","こんにちは")のように日本語をfallbackに入れる運用したら良かった話

expo sdk 42についてのアップグレードメモ

Utility Firstに生まれ変わったNativeBase 3.0つまみ食い

配列のfilter()の型対応にtypesafe-utilsを使う

i18n関連SaaS調べ

i18nextで処理済みのテキストをUI上で少しだけ見やすくするPostProcessorを仕掛ける

i18nライブラリ周り（expo前提多め）

Google データポータル ( datastudio?) + BigQuery

forwardRefって何なんだっけ？

Chakra UIの再利用コンポーネント拡張の方法あれこれ

faviconを作るのがめんどくさい時に絵文字をSVG化するやつの話

React Nativeでのチャート描画系ライブラリ

nextjsの[[...props]]によるOptional catch all routesの使い道・利用例

Chakra UIにはuseTabsContextがある

JSXはspread演算子で<Foo a={a} b={b}>を<Foo {...{a, b}}>で書ける

マイクロ管理ツールみたいな考え方

magic.link 調べる

二次元コード

vercelにfirebaseのcredentialどう食わせるか問題

サーバー間認証

expo auth周り

nextのSSR、ISRについて考える（本当にgetServerSidePropsはそこまで避けるべきものか？）

expo + next

prisma / firestore / fauna / hasura あたりの比較

pal.js

firestoreのネストはすべきか否か

認証どうする問題

Reactで複数のchildrenを扱いたい場合の実装パターン

ハートが強くない人向けの技術記事におけるマサカリ避けテクニックの話

Chakra UIの歩き方 & Tips集

Chakra UIのTabsをnext.jsでURL同期させる

next.jsでファイルマネージャっぽいページ一覧的なやつ

next.js export default周りでメモリリークする件

nextjsのISRを使うときのfallback指定について理解するまでの話

next.jsのファイル一覧からUrlObject形式の型生成するやつ作る

expo 41 アップグレードメモ

英語のオープンデータ・Copus調べる

MacのVSCodeで絵文字をちゃんと表示したい

TIL:  JSX ＜Foo bar={bar} baz={baz}＞  can rewrite 
＜Foo {...{baz,bar} }＞

compromise, naturalで遊ぶ

ネットワークグラフ可視化ライブラリ調べ

英語データセット・APIとか

contextだったものをpropsにするときにそのまま値を引き継ぐとどうなるかの思考実験

expoのBarCodeScannerとCamera

timestampベースのID生成

Operate Firestore data with robot account on server side

jose / jwt は危険っていうアレの話

next-authのjwt周り

UUID / CUID / nanoid とか乱数の話

firestore 細かい気付き

nexus / typed-graphql について調べる

prisma + nextにおけるRESTishの話

fauna DBのメモ

prisma + nextjsでtoo many connection出る時

大腸の内視鏡検査をしたので次回のためにメモ。
[** 1ヶ月前]
どうも尻から血が出るし痔っぽかったので肛門科を探して行った。
感覚的に切れ痔とかじゃないのかと思ったがどうも中から出てるっぽかった。
「とりあえず薬出しときますね」と言われたのと同時に「内視鏡検査とかやったことある？なかったら一回ぐらいやっといたら？」と言われたので「ああ、そうですか」みたいな感じでやることにした。

内視鏡検査した

息子が2歳になったので0〜1歳向けの良かった絵本をまとめる（主に乗り物系）

Process `string | string[]` item with `flat()` and `map()`

Thinking about expo ( React native) versioning.

expo(React Native)における私的バージョニングルール検討（あるいは如何にしてOTAと付き合うか）

Generate staging app.json for Expo like flavor

Expoでflavorっぽいことをする

- M5 Burner
- UIFlow-1.4.5.1
- SeriesをAtom-Matrixにする
- Baudrateは750000
- いまいちわかってない。

M5 AtomでmicropythonのREPLやるやつ

[*** 使っていた自前]
https://github.com/terrierscript/dogrun-template
構成
Parcel / React / TypeScript / chakra-ui / jest / prettier
[*** なぜ自前で素振りにしてたか？]

自前の素振り用テンプレをやめてnext.jsでまかなえるか？

#GCP
↓移動しました
https://zenn.dev/terrierscript/articles/2020-06-10-cloud-run-cloud-sql-hasura-prisma 

CloudRun + CloudSQLでHasuraとかPrismaとか使うときの設定のアレ

[** 概要]
マックのモバイルオーダーアプリが色々考えて最高
2019/7月頃には部分的に実験してたらしい
https://gasket.bizright.co.jp/2019/07/4/
上記記事によれば2020/01頃に全国展開

マックのモバイルオーダーが好きすぎる

当たり前だけど<RecoilRoot>がなければ怒られる
同じキーを設定したら上書きされる
当たり前だけど下記は怒られる
atomGenerator的な関数は可能

Recoil

Subscribe Pusher on the node environment

#GraphQL
hasura
サーバーを立ててそこにHTTPアクセスする
クライアント側は提供してない。apolloか何かとかで組み合わせる
API周り生成したかったらgraphql-code-generatorを組み合わせる

hasuraとPrisma2

[** 色々前提]
mac版は gd32v-mac-unofficial じゃないと動かない
dfu-utilが多分いる（うろ覚え）
焼き込むときはresetボタンを押しながらbootボタンを押して離す。どっちがどっちかわからない
[** とりあえずCでサンプル動かしたやつ]

Longan Nano Liteあそび

https://github.com/hasura/awesome-fluent-graphql/
[*** JSで記述したオブジェクトをGraphQL化する系]
gotQL
リクエストクライアント内包型
クエリの書き心地はだいぶ変わる

Awesome Fluent GraphQL つまみ食い

#redux #react
[*** 食わず嫌いしている理由]
「あくまで選択肢の一つ」というのは理解出来る
しかしRedux Toolkitが「Style Guideとして推奨されている」という事実にはあまり好みな感情を持っていない
https://redux.js.org/style-guide/style-guide#use-redux-toolkit-for-writing-redux-logic

redux-toolkitを食わず嫌いしないでみる

#React
[*** 課題]
[** パターン]
state, actionsごとにわける
reducerの中でactionを作る

複数のuseReducer、どうまとめる問題

[** 方向性]
言語をいじくりまわすのと同じ気持ちを忘れない
楽しいからという目的のみでやる。
rustで遊ぶのはなぜか？rustをやりたいからであってrustの仕事をするためではない
飽きたらやめる。

English

#React_Native
stack
あくまでstackの動きをエミュレートしてると考えるのが良さそう
https://twitter.com/terrierscript/status/1231598848021151749?s=20
stackの考えのwebとの違い

React Navigationについて知ってること

#React_Native
ファイルを読み込んで云々するやつ
https://twitter.com/terrierscript/status/1225266943831076864
kitten 
themeの作り方

React Native 書けそうな話

#React_Native
expoを使う
expo sdkがある
expo install xxx
tabテンプレートは参考になる

React Nativeについて知ってること

[react] [redux] [React Hooks]
https://twitter.com/terrierscript/status/1207325004095819778
[Hooks時代のReduxについての感想下書き]
[*** 背景]
Hooksが産まれた

2020年になったのでRedux離れを考える

[*** どれ]
https://amzn.to/36KNdsz
[**** ソフト]
[*** CAD化]
tinkercad

安い3Dプリンターを使ったメモ色々

3D Printing JSX model with react-three-renderer

styled-componentsで作る年末年始にぴったりなCSS Gridにおける要素の重なりの話

Gatsby + netlify から next.js + zeit/nowに乗り換えようと試みて(未遂)得られた知見

Tips: CSS Variables for styled-components

Create animating element on CSS Grid with React Hooks 

React Hooksを利用してCSS Grid上の要素をアニメーションする

Suspend pinch-zoom on React Hooks

styled-componentsで複数のpropsを利用したい時にcss helperを使ったいい感じのやり方を考える

next.jsでForkTsCheckerWebpackPluginを実行させない方法

gatsbyでmarkdownをコンバートしているところをreact-markdown + remark-syntax-highlightに置き換える

このブログの配信をnetlifyからnow.shにした話

疑似要素
`:in-range`
https://developer.mozilla.org/ja/docs/Web/CSS/:in-range
max/minの値の間かどうかで出し分け出来るやつ
`:out-of-range`

細かすぎて伝わらないCSS機能

parcel2が来る前に不要なmainフィールドはpackage.jsonから消しておいた方が良さそう

Web Componentsをgatsbyで使えばmdxいらずである程度色々出来る

#React #React_Hooks
（量が出てきたら別途まとめたいやつ）
![Hooksアンチパターン]
無限ループ起こる系
ContextにObjectを入れてないか？

React Hooks useEffectsチェックリスト

#javascript #React #React_Hooks
[** 前提]
hooksのdependencyには「いかなる理由があっても嘘をつくべきではない」
https://overreacted.io/ja/a-complete-guide-to-useeffect/
`// eslint-disable exhaustive-deps`は認められないものとする

React hooksのdependencyについて

terrier.dev

About me

@terrierscript

Links

Recent Posts