react

Gatsbyとは

GatsbyはReactベースの静的サイトジェネレーターです。 生成される静的サイトはシングルページアプリケーションでもあるため、優れたUXをユーザーに提供できます。 GatsbyはReactの公式サイトを始め、多くのサイトで採用されていま...
frontend

Google Chrome 92 の新機能

Chrome 92 92 では、ビデオ会議向けAPIの強化があるそう。 「Google Chrome 92」でPWAやビデオ会議向けの機能強化 ~ベータ版を公開 「Media Session API」ではビデオ会議向けのアクションがサポート...
react

React.js&Next.js超入門 第2版を読んでみた

React 17 & React Hooks 対応なので、最新の React を学ぶことができます。 React.js & Next.js超入門 第2版 サンプルファイルのダウンロード おまけ情報 Link コンポーネントについて impo...
frontend

Chrome でクッキーを確認する方法

いろいろ開発していると、ふと cookie を確認したいときありますよね。 Google Chrome でクッキーを確認する方法を紹介します。 メニュー -> その他ツール -> デベロッパーツール そこから、 Applicaton -> ...
frontend

Blitz.js のチュートリアルをやってみる

blitz-js/blitz - github チュートリアルは、これです。 Tutorial - Blitz Blitz.jsチュートリアル:投票サービスを15分で作ってみる - 2021年3月7日 ちょっとやってみたけど、変なエラーが出...
未分類

React Ref とは

よくわからないですね。 とりあえず以下の記事を読んでください。 forwardRef と useImperativeHandle - 2019-12-06 React Ref の基本 Deno で 学ぶ React のサーバサイドレンダリン...
rust

Rust で Cコンパイラを

作った人がいます。すごいですね。 RustでCコンパイラ作ってみた - 2021年07月05日
未分類

git 内部を可視化

以下の記事がすごいと思いました。 時間あれば、あとでみてみようと思います。 Gitの内部データ構造をGraphvizで描画してみた 第4回 ワークツリーとインデックスとblob git addコマンドやgit commitコマンドを実行した...
frontend

Next.js の import のパスを揃える

Next.js で import するとき、デフォルトでは、以下のように相対パスになるので .. とか ../.. とか増えちゃって煩雑ですよね。 import { AuthContext } from "../context/auth";...
frontend

useSWR で setState する

Next.js でハマったんですが、 useSWR で取得したデータをどうやって setState するか。 なんか普通にやっても、undefined の値が入るんですよ。 タイミングの関係で。 なんか、useSWR が終わるまでの値を s...