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

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

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

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

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

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

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

Chakra UIにはuseTabsContextがある

expo 41 アップグレードメモ

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

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

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

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

compromise, naturalで遊ぶ

next.js(vercel)でString.prototype.replaceAllをpolyfillする

ちょっとだけコンパクトなJSON.stringifyをする

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

JavaScriptでObject.entries/fromEntriesでreduceの利用頻度を減らす

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

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

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

magic.link 調べる

Magicを使ったマジックリンクログインをReactでの素振りサンプルと感想

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

JavaScriptのMath.min/maxの挙動の気をつけどころ

Apropcalypseという造語に出会ったのでまとめる

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

ReduxのFAQを読み直す

axios 知見集(2017)

(2016)メンテナブルな React Component を目指すための小技集

Chakra UIの歩き方 & Tips集

普段使いから始めるNext.js

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から消しておいた方が良さそう

terrier.dev

About me

@terrierscript

Links

Recent Posts