BLOG
プログラミング初心者になぜ JavaScript をオススメする人が多いのか
2021-02-16
たまーに「プログラミングを始めようと思ってるんだけど、おすすめの言語教えて」みたいなまとめ記事を目にしますが。 その記事中で、結構な割合で JavaScript がオススメされているのを目にします。…
React × TypeScript 環境における ESlint の設定
2021-02-01
プロジェクトを作るたびに悩まされる ESlint ですが、ある程度これがベストかなーと思える設定ができあがってきたので備忘録がてらです。 今回の環境は Nextjs × TypeScript となっています。 {…
YouTube が PWA 対応した
2021-01-26
“YouTube”が PWA に対応 ～ PC やモバイル端末にインストールして利用できる Google に買収されただけあって面白いことをするなーという印象です。 最近 PWA をゴリゴリ使っていた身としてはなんだか親近感を覚えますね。
注文処理は useEffect で行うべきではないと指摘された話
2021-01-18
最近よく書いているレビューシリーズです。 今回はコードレビューで「注文処理を useEffect に書くのは無限ループが発生しやすいからやめたほうが良いですよ」と指摘されました。 で、自分が書いていたコードは以下のような感じでした。…
2020 年 Amazon 以外で買って良かったもの
2021-01-18
昨年末に 2020 年 Amazon で買った本当に良かったもの という記事を書きましたが。 今回は Amazon 以外の Web サイトで購入してよかったものを書いていこうと思います。 メルカリ Bose Companion 2…
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
さっき 青の洞窟 香味野菜とハーブ引き立つボロネーゼ という冷凍パスタを食べたんですが。 これおいしいです、オススメ。 実はかなりのパスタ好きで、ボロネーゼもそこそこの頻度で作るのですが。…