react

Gatsbyとは

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

Google Chrome 92 の新機能

Chrome 9292 では、ビデオ会議向け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 コンポーネントについてimport Li...
frontend

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

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

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

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

React Ref とは

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

Rust で Cコンパイラを

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

git 内部を可視化

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

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

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

useSWR で setState する

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