next.jsでJSX記述したSVGを動的に返したい

nextjsで複数サイトをどう扱うか？

react-hook-formで投稿したら再度フォーカスするフォームを作る

expo ios app distribution 更新

typescriptでのDI

chakra-uiで同じ属性に複数の値(fallback値)を持たせたい時

slateを使う

expoプロダクトをjestからvitest化する

remixであそぼう

expo + storybook

twitterのAPI周り

なるべく怠けるAPI周りの型付け on next.js

firebaseによるAsyncStorage警告はgetReactNativePersistenceで解決できる

prismaのER図をmermaid形式で吐くには

expo 44 memo

サーバーサイドNoSQLとして見るfirestore

NativeBaseでContrast警告が誤判定表示されるのを解決する

zustandとかrecoilとかの更新動作調べ

よく名前を忘れるツールを思い出すためのメモ帳

expoの環境設定でエミュレータ起動するためにやったこと

SWRのmiddlewareを使ってmockせずにテストする

cavy + expo - cavy-cli

nextjsのAPIでExpress呼び出す

Realforce R3買った 感想

bluetooth

expo + detox

複数のCSS in JSなUIコンポーネントライブラリを入れる時の勘所

NFT周りについてちょっとだけ観測してたら案外海外の人達が「NFTに投稿してる人は嫌い。フォローやめます」みたいなのがあるらしいことを知った
心情的にはなんとなくわかるが、海外はそれほどアーティストがお金を稼ぐようなことに対してわりかし寛容だと思っていたのでこれは意外に感じた
しかしなぜここまで否定的なのかもちょっと不可思議だった
盗作があるとかNFTそのものの技術的な問題はわかりつつ、当人がやる分でそこまで批判されるんだ？という驚き
これが一時的な批判なのか永続的なものなのか知りたい

NFT事情観察

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

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

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でのチャート描画系ライブラリ

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

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

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

expo 41 アップグレードメモ

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

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

compromise, naturalで遊ぶ

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

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

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

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

magic.link 調べる

expoのBarCodeScannerとCamera

二次元コード

timestampベースのID生成

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

Operate Firestore data with robot account on server side

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

サーバー間認証

next-authのjwt周り

expo auth周り

UUID / CUID / nanoid とか乱数の話

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

firestore 細かい気付き

expo + next

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

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

prisma + nextにおけるRESTishの話

pal.js

fauna DBのメモ

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

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 書けそうな話

terrier.dev

About me

@terrierscript

Links

Recent Posts