node_modules/@prisma/client に生成される

defaultのlocationを変えるの、メリットもあるよ

なぜ.prisma/clientにデフォルトでexportしているのか

./prisma/clientを@prisma/clientからexportすることによって、

import { PrismaClient } from '@prisma/client'

Keeping the query engine binary out of version control by default
Prisma Client is based on a query engine that's running as a sidecar process alongside your application. This query engine binary is downloaded when prisma generate is invoked and stored in the output path.
By generating Prisma Client into node_modules, the query engine is kept out of version control by default (since node_modules is typically ignored for version control). If it was not generated into node_modules, then you would need to explicitly ignore it, e.g. for Git you'd need to add the output path to your .gitignore file.

→単にgitのversion管理から外してくださいねってこと

Generating Prisma Client in the postinstall hook of @prisma/client
The @prisma/client package defines its own postinstall hook that's being executed whenever the package is being installed. This hook invokes the prisma generate command which in turn generates the Prisma Client code into the default location node_modules/.prisma/client. Notice that this requires the prisma to be available, either as local dependency or as a global installation (it is recommended to always install the prisma package as a development dependency, using npm install prisma --save-dev, to avoid versioning conflicts though).

まだ草案段階なので、すぐすぐ使えるわけではないですが、

というので、スクロールにリンクしたアニメーションがCSSだけでできるようになりそうです

Core Web Vitalsをなるべく高くする！

アニメーション，インタラクティビティ

(インタラクティビティ：双方向のやりとり）

今まで：scroll eventをlistenして，それぞれのelementがviewportのどの位置にいるかを計算していた

getBoundingClientRect：リフローが起こるので╳

transition使うときはどの要素をtransitionするのか明確に！(予期せぬ動きもしちゃうし，パフォーマンス的にも╳)

遅延ロード属性は動画では機能しない！

→IntersectionObserversを使ってviewportに入ったら再生

JPGとPNG両方の特性を活かしたい(写真みたいな画像×透過)→WebP(ウェッピー)

Applescript to mute Discord - Ask Different

apple-touch-icon@2.png_v=b514451ec60c

129704177_s.jpg

Generating the client (Concepts) | Prisma Docs

docs-social (1).png

Webpack で ビルド時に環境ごとに読み込む環境変数を分けたい - Qiita

The Future of CSS: Scroll-Linked Animations (Part 1) – Bram.us

StackBlitz on Twitter: "💡 JavaScript tip (12): If you only want to handle an event once, you can configure this with the 3rd argument to the `addEventListener` method: `{ once: true }` https://t.co/LfAa3EpSGP" / Twitter

og.png

Expo Application Services (EAS): Build and Submit | by Brent Vatne | Exposition

1_Yfou6wa_fi05Ps8anXeJBA.png

Four New Security Features to Protect Your Expo Apps | by TC Davis | Feb, 2021 | Exposition

1_9SP6ENvivW8iqGtwQTXUcg.png

ドキュメント作成ツールの決定版！Markdown + React の体験を Docusaurus で

Reactの 余白上手に スタイリング

【Chrome】textareaの改行時にカーソル位置がガタっとずれる問題の対処法

TSXで型安全なVueアプリケーションを体験する | Studio Andy

Vue_with_TSX.png

react-modal のアクセシビリティまわりの実装を読む

俺流レスポンシブコーディング

How to Create a Shrinking Header on Scroll Without JavaScript | CSS-Tricks

shrinking-sticky-header-1.jpg_fit=1200,600&ssl=1

Ruby on RailsのAjax処理のおさらい - Qiita

「私はロボットではありません」はワンクリックでなぜ人間を判別できる？ 仕組みとその限界を聞いてきた | i:Engineer(アイエンジニア)｜パーソルテクノロジースタッフのエンジニア派遣

securitycaptcha_SNS.jpg

JCenter終了でFlutterエンジニアが受ける影響とその対策

React Native Performance: Do and Don’t | by Aman Mittal | Crowdbotics | Feb, 2021 | Medium

1_l1LA9yCAkMQiHZYNpcHIZQ.png

font-familyについて本気で考えてみた - Qiita

WebP（ウェッピー）とは？変換方法と使用するメリットまとめ

webp_c.jpg

もう迷わない！JPGとPNGの違いとベストな使い分け方を解説します | loveMac.jp

cindy-fernandez-j2mRAVNSeA8-unsplash.jpg

iOSとAndroidの段階的リリース機能を比較する - 一休.com Developers Blog

How we designed and wrote the narrative for our homepage - The GitHub Blog

card.png_fit=1200,630

Firebase Realtime DatabaseとFirestoreを使い分けていこうなという話 - KAYAC engineers' blog

20191212133640.png

ulとliタグで順序なしのリストを作成する｜HTMLリファレンス