BLOG
Hooks と ジェネリクス(Generics) について勉強してみた
2021-01-16
今回の記事は内容が大いに間違っている可能性が高いです。 あまり鵜呑みにしないようご注意ください…。 前提 まず自分が普段よく書くコードが以下の通りです。 import React, { ComponentPropsWithoutRef,…
key に index を割り当てるのはアンチパターンだからやめよう
2021-01-14
どんなケースであっても key に index を割り当てるのはやめましょう、アンチパターンです。 以下は蛇足です。 今日現場のコードレビューにおいて key に index を割り当てたコードが上がってきたので「key に index…
CSS in JS メリット・デメリット
2021-01-12
フロント開発を行う上で悩ましいことの一つに「スタイリングをどのように行うか」というのが挙げられると思います。 React を用いた開発におけるスタイリングの手法では、CSS Modules と styled components が 2…
react-comic-viewer 作ってみました
2021-01-05
あけましておめでとうございます。 今年もどうぞよろしくお願いします。 年明け早々ですが、新しい npm パッケージを作ってみました。 react-comic-viewer 自分はよくブラウザで漫画を読むのですが、意外と React…
axios swr use-http の書きっぷり
2020-12-28
今回は基礎編として、めちゃくちゃシンプルなサンプルを書いてみました。 ひとまずデータを取得するだけのサンプルです。 import { useEffect, useState } from "react"; import axios…
最近の PWA 事情についてわかったこと
2020-12-26
ここ 1 週間ほど PWA について色々と調べてみてわかったことを書いていこうと思います。 間違っている情報もあると思いますので、鵜呑みにはしないようにお願いします。 PWA に対応している環境について PC (Windows, Mac)…
use-pwa について改めてざっくり紹介
2020-12-25
use-pwa ようやく PWA と JavaScript の仕様がぼちぼち把握できてきました。 それに伴いパッケージの挙動も安定させることができたので、改めて内容を紹介をば。 このパッケージは「このパッケージが導入されている Web…
続 React.memo なんていらんよね
2020-12-25
今回は具体的なアンチパターンを書いていこうと思います。 まず React.memo を使って OK なパターンです。 import { FC, memo, useEffect, useState } from "react"; type…
use-pwa 作って公開してみました
2020-12-23
use-pwa 実は結構 PWA が好きだったりします。 とはいえ PWA って環境的には微妙な扱いで、特に Android におけるポップアップの表示感のイマイチ感がそこそこアレです。…
React.memo なんていらんよね
2020-12-23
と、挑発的なタイトルにしましたが、とはいえ基本はいらんよなーと思っています。 React.memo って、個人的にはパフォーマンス向上手段の奥の手みたいなイメージがあります。 なぜ個人的に React.memo…
限界しりとりパーティー！用のタイマーアプリを作ってみました
2020-12-20
限界しりとりタイマー オモコロチャンネルが 限界しりとりパーティー！ というボードゲームで遊んでいまして。 2 人でプレイしても面白そうだなーと思い、衝動買いしちゃいました。 このボードゲームの感想は後ほど書こうと思っているのですが。 1…
2020 年 Amazon で買った本当に良かったもの
2020-12-19
最近買ってもないし使ってもない薄っぺらいレビューブログが多くてうんざりしますよね。 なので、今年 Amazon で買って本当に良かったものを紹介していこうと思います。 ちなみに現時点で今年 456 件注文しているみたいです、買い過ぎ！…
useCallback のアンチパターン
2020-12-18
今日現場で見つけたコードが面白かったので備忘録をば。 ざっくり以下のような感じでした。 import React, { FC, useCallback, useEffect, useState } from "react"; const…
軽い警察沙汰が起きた話
2020-12-12
先に書いておくと自分は純度 100% 被害者です、誤解なきよう。 今現在このブログを書いているのが深夜 5 時半ごろなのですが、30 分前の 5 時くらいに警察官 3 人の方に対応してもらいました。 というのもさらに 10…
青の洞窟 香味野菜とハーブ引き立つボロネーゼ おいしい
2020-12-04
さっき 青の洞窟 香味野菜とハーブ引き立つボロネーゼ という冷凍パスタを食べたんですが。 これおいしいです、オススメ。 実はかなりのパスタ好きで、ボロネーゼもそこそこの頻度で作るのですが。…
せりふや 公開してました
2020-12-04
数日前に新しい Web サービスを公開してました。 せりふや まだベータ版くらいの完成度ですが、ひとまず公開だけしちゃいました。 サービス内容としては、女性のボイス素材配布サイトです。…
Discord のサーバーを作りました
2020-12-01
主に React 初心者の方向けのサーバーを作ってみました。 本当は Slack にしたかったのですが、招待リンクの期限が最大 30 日らしく、それなら Discord のほうが気軽だよなと。 なのでもし興味がある方がおられましたら…
React npm 作ってみました
2020-11-30
前々から作りたいな―と思っていた Web サービスのアイデアがあったのですが、今回重い腰を上げてサクサクっと作ってみました。 React npm React を使い始めてぼちぼち 4 年が経つのですが、仕事と趣味でかなりの数の npm…
フロントエンド開発はプロトタイプとスキーマがすべて
2020-11-28
と言っても過言ではないと最近思っています。 ここでいうプロトタイプとスキーマというのは以下のとおりです。 プロトタイプとは UI/UX デザイナーがプロトタイピングツールを使用して作成される生成物のことです。…
DNS66 から Blokada に移行した話
2020-11-24
Android の広告ブロッカーって色んな手段があると思うのですが。 自分は昔から DNS66 を使っていて、今も Pixel 3a では DNS66 を導入しています。 で、この前 OUKITEL K9 を買った…