NI-Lab.

nilog:

← 前の日 2022-04-23 次の日 →
← 一年前 一年後 →
Twitter (2022-04-23)
SWR (stale-while-revalidate)

「SWR では、 コンポーネントはデータの更新を継続的かつ自動的に受け取ることができます。そして、 UI は常に高速でリアクティブなモノになります」

データ取得のための React Hooks ライブラリ – SWR https://swr.vercel.app/ja
[t] 2022-04-23 10:32:45
関連するかも情報
Next.js のクライアント側からAPIをコールするときは useEffect か useSWR を使う。Next.js のドキュメントでは useSWR がオススメされてる。

"It is highly recommended if you are fetching data on the client-side."

Data Fetching: Client side | Next.js https://nextjs.org/docs/basic-features/data-fetching/client-side
[t] 2022-04-23 10:30:56
SWR (stale-while-revalidate)

「SWR では、 コンポーネントはデータの更新を継続的かつ自動的に受け取ることができます。そして、 UI は常に高速でリアクティブなモノになります」

データ取得のための React Hooks ライブラリ – SWR https://swr.vercel.app/ja
[t] 2022-04-23 10:32:45
React Hooks ってなんだ? (I am a 初心者・・・)
[t] 2022-04-23 10:33:48
SWR は Next.js に同梱されてるわけじゃなさそうなのでインストールが必要かな。

"npm install swr"

Getting Started – SWR https://swr.vercel.app/docs/getting-started
[t] 2022-04-23 10:42:05
npm install swr した。

"dependencies": {
"next": "12.1.5",
"react": "18.0.0",
"react-dom": "18.0.0",
"swr": "^1.3.0"
},
[t] 2022-04-23 10:42:39
さっぱりわからぬ・・・

「JSON データを使用する通常の RESTful API の場合、まずネイティブの fetch をラップした fetcher 関数を作成する必要があります」

はじめに – SWR https://swr.vercel.app/ja/docs/getting-started
[t] 2022-04-23 10:47:59
IG STOCK MUSIC

「再生ボタンを押すと、株価変動グラフに沿って曲が進行」「目と耳で感覚的に銘柄の株価チャートチェックできる」

世界初、株価チャートを音楽化 IG証券が新サービスを開始 KAN SANO、Shin Sakiura等が参加(Rolling Stone Japan) - Yahoo!ニュース https://news.yahoo.co.jp/articles/d0d975cdb625728997d562337b4909335a28a315
[t] 2022-04-23 10:59:55
useSWR のための fectcher 関数を書いてみる。

const fetcher = (url: string) => fetch(url).then(res => res.json())
[t] 2022-04-23 11:01:27
API側はリクエストを受けてるけどクライアント側でレスポンスがうまく取得できていない・・・
[t] 2022-04-23 11:05:33
【天気予報】今日の名古屋の天気

4月23日(土) 曇のち晴
最高気温 25℃[0]
最低気温 14℃[-1]

降水確率
12-18 0%
18-24 0%

西部(名古屋)の天気 - Yahoo!天気・災害 https://weather.yahoo.co.jp/weather/jp/23/5110.html
#天気bot #bot
[t] 2022-04-23 11:15:04
2013年の情報。

「1つのLINEアカウントで最大3つの端末で「LINE マンガ」にログインができます」

「LINE マンガ」がタブレット端末に対応!大画面でマンガを楽しもう : LINE公式ブログ https://official-blog-ja.line.me/archives/28276258.html
[t] 2022-04-23 12:14:14
パンケーキ (゚д゚)ウマー 🥞
[t] 2022-04-23 12:20:05
Next.js React.js でフォームの中のテキストが変更できない(;´∀`) <input type="text" id="keyword" name="q" value={q} required /> で value ではなく defaultValue にしたらテキストを変更できるようになった(∩´∀`)∩ワーイ
[t] 2022-04-23 12:55:24
HTML の value 属性。

「入力コントロールの値です。 HTML の中で指定されると、これは初期値となり」

<input>: 入力欄 (フォーム入力) 要素 - HTML: HyperText Markup Language | MDN https://developer.mozilla.org/ja/docs/Web/HTML/Element/input#attr-value
[t] 2022-04-23 12:57:27
「フォーム要素の value 属性は DOM の値を上書きします」「value の代わりに defaultValue 属性を指定できます。コンポーネントのマウント後に defaultValue 属性の値を変更しても DOM 内の値の更新は引き起こされません」

非制御コンポーネント – React https://ja.reactjs.org/docs/uncontrolled-components.html#default-values
[t] 2022-04-23 12:59:14
React.js は7年前に hello world レベルのコードを書いたぐらいしかない。

[ヅ] React.js でシンプルなサンプルを書いてみた (2015-02-16) https://www.nilab.info/z3/20150216_01_reactjs_sample.html
[t] 2022-04-23 13:02:45
「電子証明書を保存するのが、セキュアエレメント(SE)と呼ばれるスマホ内のセキュリティチップ」「Apple PayやGoogle Payなどの決済サービスにおいても、クレジットカード情報などの保存に使われている」

スマホにマイナカード機能搭載、なぜiPhoneは未対応なのか? https://www.itmedia.co.jp/business/articles/2204/22/news055.html
[t] 2022-04-23 13:08:08
どこの世界の話だろう・・・

「実際には飛び込み営業やテレアポなど”古いタイプの営業”が、今も多くの企業で主流だという」「総合職採用の約7割が営業職に配属される」

「営業配属だけはイヤだ」 新卒は、なぜ営業職にアレルギーを持つのか?:根性論はもう古い https://www.itmedia.co.jp/business/articles/2204/22/news033.html
[t] 2022-04-23 13:13:00
「API ルートは Next.js でAPIを構築する簡単な方法を提供しています」
「pages/apiフォルダ内にあるすべてのファイルは /api/* にマッピングされ、pageの代わりに API エンドポイントとして扱われます」

API Routes: はじめに | Next.js https://nextjs-ja-translation-docs.vercel.app/docs/api-routes/introduction
[t] 2022-04-23 13:19:23
「API ルートを使用しても、クライアントサイドのバンドルサイズが大きくなることはありません。これらはサーバーサイドのみのバンドルです」

API Routes: はじめに | Next.js https://nextjs-ja-translation-docs.vercel.app/docs/api-routes/introduction
[t] 2022-04-23 13:19:31
2022年04年23日のnilogをすべて表示する

- NI-Lab.
- Mastodon (@nilab@mastodon-japan.net)
- Twitter (@nilab)
- Timelog (@nilab)
- はてなブックマーク (id:nilab)

Web Services by Yahoo! JAPAN