NI-Lab.

nilog:

← 前の日 2022-04-23 次の日 →
← 一年前 一年後 →
Twitter (2022-04-23)
ヒロイン、後に格闘家になるらしい。だいぶ見た目がちがうような・・・

龍虎の拳AC版 ART OF FIGHTING - YouTube https://www.youtube.com/watch?v=o2JwKJmMUNY
[t] 2022-04-23 08:15:06
関連するかも情報
Next.js さっぱりわからんので WEB+DB PRESS Vol.123 の特集記事を読んで学習。ちょっとわかった気になったのでコードを書いてみる。
[t] 2022-04-23 08:07:11
ヒロイン、後に格闘家になるらしい。だいぶ見た目がちがうような・・・

龍虎の拳AC版 ART OF FIGHTING - YouTube https://www.youtube.com/watch?v=o2JwKJmMUNY
[t] 2022-04-23 08:15:06
ユリ・サカザキ

「リョウの妹。初代ではビッグによって誘拐される。『2』では拉致されて迷惑をかけた不甲斐ない自分を恥じて極限流に入門し、プレイヤーキャラクターとして登場を果たす」

龍虎の拳 - Wikipedia https://ja.wikipedia.org/wiki/%E9%BE%8D%E8%99%8E%E3%81%AE%E6%8B%B3
[t] 2022-04-23 08:15:46
【話題のキーワード】
1. PRX
2. Bo5
3. フォーセイクン
4. Paper Rex
5. Dep
6. コロナ給付金と別に4630万円誤送金
7. ZETAWIN
8. ベスト3
https://search.yahoo.co.jp/realtime #buzzbot
[t] 2022-04-23 08:30:57
Next.js で初歩からエラーでわからぬ(;´∀`) ってよく見たらファイルの拡張子が tsx じゃなくて ts になっててエラーになってただけだった・・・
[t] 2022-04-23 08:32:05
import {useRouter} from 'next/router'

const Post = () => {
const router = useRouter();
const { word } = router.query
return <p>Word: {word}</p>
}
[t] 2022-04-23 08:37:04
フォーム入力あたりのドキュメント。

"A web form has a client-server relationship. "

Building Forms with Next.js | Next.js https://nextjs.org/docs/guides/building-forms
[t] 2022-04-23 08:43:33
NextRouter.query の型は ParsedUrlQuery らしいけどこれかなぁ。

ParsedUrlQuery | typescript - v3.7.7 https://microsoft.github.io/PowerBI-JavaScript/interfaces/_node_modules__types_node_querystring_d_._querystring_.parsedurlquery.html
[t] 2022-04-23 09:06:30
NextRouter.query で動的パスの[hoge]の値もクエリパラメータ?foo=barも取得できる。

「Next.js の useRouter フック」「クエリパラメーター部分を簡単に抽出することができます」

Next.js のコンポーネント内でクエリ文字列を取得する (next/router, useRouter)|まくろぐ https://maku.blog/p/r7fou3a/
[t] 2022-04-23 09:11:34
NextApiRequest のリファレンスが無いのがつらい。たぶん query にクエリストリングがパラメータごとに分解されて入っているんだなとは思うけど。

/**
* Object of `query` values from url
*/
query: {
[key: string]: string | string[];
};
[t] 2022-04-23 10:04:39
7年前の今日は「かつや」にはじめて行った日。

「かつ屋、はじめて来た。ほぼ満席。お手拭きは出ない。」

https://twitter.com/nilab/status/591079132336893953
[t] 2022-04-23 10:24:36
7年前は「ねこあつめ」やってた。

「くろねこさんと、けりぐるみ(うさぎ)」

https://twitter.com/nilab/status/591242829734621184
[t] 2022-04-23 10:25:32
【話題のキーワード】
1. PRX
2. ZETA
3. BO5
4. キルバーン
5. 認知特性
6. 石倉洋子
7. ぼよよん行進曲
8. フォーセイクン
9. VALO
https://search.yahoo.co.jp/realtime #buzzbot
[t] 2022-04-23 10:30:56
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
2022年04年23日のnilogをすべて表示する

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

Web Services by Yahoo! JAPAN