nextjsのAPIでExpress呼び出す

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

NFT事情観察

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

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

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

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

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

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

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

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

Chakra UIの歩き方 & Tips集

cavy + expo - cavy-cli

Realforce R3買った 感想

bluetooth

expo + detox

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

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

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

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

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

i18n関連SaaS調べ

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

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

forwardRefって何なんだっけ？

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} }＞

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

#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機能

terrier.dev

About me

@terrierscript

Links

Recent Posts