ある

web3起業家を目指し日々研鑽中 | 技術スタックreact、solidity、react、next.js、nest.js、hasura、gql、ipfs、alchemy、ethers.js、web3.js etc.| DAOに入りたい

[gogotanaka / supa.ai @gogo_tanaka]

jpドメインを安くストレスなく取得するなら絶対これな自信あります👇

https://t.co/MVfiAaB2OR

[supa, inc. @supa_ai]

【supa journal更新しました！】
直近多発する情報漏洩へのdeep dive第四弾は、タイムズカーの不正アクセスがテーマです。
退会した人の情報まで、何をどこまで持ち続けるか。近しい海外事例にも触れつつ、持たない・分けて持つ・漏れたあとに備える、という観点で保管情報の守り方をまとめました！
https://t.co/6JcV6mTvCE

[supa, inc. @supaincdev]

＼プレスリリースを公開しました／
supatrustより初の事例紹介となります！
--
【事例紹介】株式会社Power Angelsの本人確認コストと運用負荷を圧縮。本人確認（eKYC）サービス「supatrust」導入事例 https://t.co/S6kfFGYJ0D via @PRTIMES_JP

[ある @arusan8810]

システムのことが全く分からない人にソフトウェアの仕様を理解してもらうより、若干コード書けますレベルのコンサルもどきに仕様を説明する方がめんどくさいことに気づいた。

全くもってコアじゃない部分を突いてくる。

何かを指摘して仕事した感出したいんだろうね🤔

[ある @arusan8810]

next.jsのserver actionがクライアントコンポーネントのuseEffectの中で問題なく呼び出せているのなぁぜなぁぜ？？🙄

クライアントコンポーネントでサーバー側のみでフェッチしたい場合route handlerを使うものじゃないの？笑

謎

[ある @arusan8810]

next.jsのserver actionとroute handlerのおかげでクライアントサイドからAPIを叩く必要が全く無くなったな。

全てサーバーからのリクエストにするとセキュアな情報の管理が非常に楽でありがたい。

[ある @arusan8810]

RSCとServer Actionの登場でApollo clientの必要性ほぼ無くなったな🙄

フロントでキャッシュ管理する必要が少なくなるし必要あればcache関数で事足りるし🙄

[ある @arusan8810]

use clientをつけたコンポーネントの子コンポーネントは全てクライアントでレンダリングされると思ってたけど違ったみたい。

RSCはちゃんとサーバーでレンダリングされてその参照をクライアントコンポーネントに渡しているのか🧐

https://t.co/EJvXtyI7ul

[Linus ✦ Ekenstam @LinusEkenstam]

Ukiyo Surfer 🏄🏻‍♂️

Made possible by AI

Can’t stop watching

https://t.co/YNrCed3kVq

[ある @arusan8810]

ええ。。

[ある @arusan8810]

@tezkamori ありがとうございます！
後ほどDMさせていただきます。

[ある @arusan8810]

新会社立ち上げに際して会社のロゴと名刺をデザインしてくれるデザイナーの方を探しています😌
実績がない人でも大歓迎です！

興味がある方はDMいただけると🙇‍♂️

#デザイン #デザイン依頼 #名刺 #名刺デザイン #ロゴデザイン

[ある @arusan8810]

ブラウザの開発者ツールで表示されないCookieがリクエストに含まれているのなぁぜなぁぜ🙄

[ある @arusan8810]

ローカル環境をhttps経由でサクッと公開するときはhttps://t.co/nyydbWfW3pがおすすめ😌

ターミナルからコマンド一つでhttps経由で公開できる

webhookの検証時などはぜひ！
（個人的にはngrokより手軽で好き）

#駆け出しエンジニアと繋がりたい

https://t.co/XoHaU7Y17D

[jhey ʕ•ᴥ•ʔ @jh3yy]

Future CSS Tip! 🔮

You can create sweet scroll-driven micro-interactions using CSS scroll-driven animations 😎

.avatar {
animation: scale-down;
animation-timeline: scroll();
animation-range: var(--header-range);
}

@ keyframes scale-down {
to {
scale: 0.3;
}
}

What's happening in this one? 👀

1. Avatar moves and scales down as the header sticks
2. Name changes color and slides over
3. Header darkens to give the text contrast
4. Header gets a shadow
5. Notice the avatar scrub too! 👀 It's scroll-driving the sprite animation technique we went over earlier in the week ✨

So much fun! ✨ Could even tie in the new easings from earlier too!

@CodePen link below! 👇

[ある @arusan8810]

オンラインとオフラインで処理を分けるときに、サービスクラスとドメインクラスをnpmパッケージに切り分けるとすごくいい感じ🤔

具体的な実装方法に関しては後日Zennに書きます。

[ある @arusan8810]

公式にもしっかり記載があるけどClient Componentは末端に持っていくほどパフォーマンス面での恩恵が大きいな🤔

[ある @arusan8810]

next.jsのapp routerでは'use client'を書いたコンポーネントの子コンポーネント以降は全てクライアントコンポーネントになるという理解であっているのかな🤔

[ある @arusan8810]

なんで？笑

[gpascal @pascaljp]

なるほどね〜💩

[jhey ʕ•ᴥ•ʔ @jh3yy]

It's all about perspective...