uhyo/blog

███を退職します

2023年11月24日公開

雑記

███を退職します皆さんこんにちは。この度、███を退職することになりましたのでご報告します。███には2022年1…

積極的な技術選定と消極的な技術選定

2023年2月13日公開

エッセイ

この記事は、筆者が技術選定について思うところをまとめた記事です。Twitter…

Tailwind考

2022年9月30日公開

皆さんこんにちは。最近とある事情で Tailwind CSS にわりと真剣に向き合わないといけなくなった筆者です。 Tailwind CSSの話題は、Twitter…

████を退職します

2022年8月29日公開

雑記

この記事は uhy.ooo でも読むことができます。 ████を退職します皆さんこんにちは。この度、████を退職することになりましたのでご報告します。筆者は2019年に新卒で████に入社して、今年が…

書評『TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発』

2022年8月11日公開

書評

皆さんこんにちは。今回は、2022年7月25発売の『 TypeScriptとReact/Next.jsでつくる実践Web…

書評『良いコード／悪いコードで学ぶ設計入門』

2022年5月19日公開

書評

皆さんこんにちは。今回は、2022年4月30発売の『良いコード／悪いコードで学ぶ設計入門』を読み終わったので、書評という形で感想と紹介を述べたいと思います。筆者はもともと技術書を読まず「ネットでいいやん」派だったのですが、このたび TypeScript…

書評『HTML解体新書』

2022年5月5日公開

皆さんこんにちは。今回は、2022年4月19日発売の『 HTML解体新書』を読み終わったので、書評という形で感想と紹介を述べたいと思います。筆者はもともと技術書を読まず「ネットでいいやん」派だったのですが、このたび TypeScript…

【宣伝】『プロを目指す人のためのTypeScript入門』4月22日発売！

2022年4月11日公開

TypeScript

皆さんこんにちは。先日、私が書いたTypeScriptの入門書『プロを目指す人のためのTypeScript入門』が発表されました。この本は4月2…

どのようにTypeScriptを使うのか

2021年10月23日公開

TypeScript

現在、TypeScriptの重要性は、フロントエンド開発を中心としてますます増すばかりであります。それだけに、 TypeScriptをどのように使うべきかという問題については多様な意見が見られます。これまで筆者はTypeScript…

Twitterアカウントが凍結された

2021年10月6日公開

雑記

こんにちは。先日からTwitterアカウント @uhyo_ が🈚️になっており、皆さまにご心配をおかけしています。「なぜ」「TypeScript界隈が衰退した」など数十件もの心温まる反応に励まされております。また、凍結中に技術記事「 TypeScript 4.…

アンサー: named exportは有害なのか

2021年9月9日公開

TypeScript

こんにちは。ここ数日は、以下の記事が話題になりました。 named exportは有害だと考えられます「named exportは有害」という主張はこれまで常識と思われていたこととは異なるため、界隈のエンジニアからは否定的・懐疑的な意見が見られます。実際、筆者もnamed…

空のdiv要素について

2021年9月7日公開

HTML

昨日はこちらの記事に端を発する形で、空のdiv要素やspan要素は妥当なのかといった話題が見られました。中身のない空の div 要素や空の span 要素は HTML 仕様として妥当なのか？ - dskd この記事は空のdiv要素やspan要素が妥当かどうかという疑問にHTML…

React ステート管理比較考察

2021年7月24日公開

React

こんにちは。Reactの話題の中でもかなりの部分を占めるのがステート管理、さらに言えば各種のステート管理ライブラリです。今さらながら、Reactにおけるステート管理の手法やいくつかのステート管理ライブラリを比較考察して記事にまとめました。 useState…

ユーザー定義型ガード、asで書くかanyで書くか

2021年4月9日公開

TypeScript

TypeScriptでユーザー定義型ガードを定義する場合、引数を any 型にして中を自由に書く方法と引数を unknown 型にして中で as を駆使して書く方法があります。この記事では両者を比較考察します。結論としては、 unknown と as…

useCallbackはとにかく使え！　特にカスタムフックでは

2021年2月23日公開

React

Reactには、パフォーマンス最適化のためのAPIがいくつかあります。具体的には React.memo 、 useMemo 、そして useCallback です。 React.memo で囲まれた関数コンポーネントは、props…

CSSとコンポーネント設計に対する考察

2020年12月20日公開

近年のフロントエンド開発にはコンポーネントという概念が付いて回ります。React・Vue・AngularといったViewライブラリでは、コンポーネントを定義してそれを組み合わせてアプリを作ります。また、いわゆるWeb Components…

新卒2年目フロントエンドエンジニアの技術スタック2020

2020年11月30日公開

雑記

いつもブログをご覧になってくださっている皆さん、こんにちは。そうでない方は初めまして。 2020年もあと1ヶ月となりましたので、この記事では筆者が今年扱った技術について振り返ってみます。なお、筆者は201…

まとまったCSSを別のコンポーネントに分けないでほしい話

2020年10月15日公開

React

この記事は、ReactでCSSを書くときに関連したCSS…

react-wc: Web ComponentsとReactで実現するCSS in JSの形

2020年10月3日公開

React

CSS in JS はJavaScriptのコードの中にCSSを書く手法の総称で、CSS Modulesやstyled-componentsなどがよく利用されています。この記事では、筆者がCSS in JS…

setTimeoutに大きい数値を与えるとどうなる？　仕様を読んで完全理解

2020年9月6日公開

JavaScriptでは setTimeout という関数を使うことができます。しかし、実はこの関数は言語仕様（ECMAScript）に組み込まれているものではありません。ブラウザ上で動くJavaScriptの場合、 setTimeout は HTML…

こわくないTypeScript〜Mapped TypeもConditional Typeも使いこなせ〜

2020年8月31日公開

TypeScript

TypeScriptの型システムは、ユニオン型を始めとする様々な機能を持っているのが特徴的です。その中でも、 mapped types と conditional types…

TypeScriptのユニオン型で「あるかもしれない」プロパティを表現するときのTips

2020年8月18日公開 / 2020年8月19日更新

TypeScript

TypeScriptのユニオン型はとても強力な機能で、TypeScriptのコードベースでは広く利用されています。例えば、次のようにすると「 foo プロパティを持つオブジェクトまたは bar…

究極のReact向けルーターライブラリ「Rocon」正式リリース

2020年8月16日公開

こんにちは。前回の記事でご説明したReact向けのルーターライブラリ「 Rocon 」をこの度正式リリース（ 1.0.0 リリース）したのでご報告します。 Roconに関する詳しいことは前回の記事をご覧いただきたいのですが、簡単に説明するとRocon…

究極のReact向けルーターライブラリ「Rocon」を作った

2020年8月10日公開

こんにちは。先月くらいからReact向けのルーターライブラリ「 Rocon 」を作っていて、この度alphaリリースという形で公開まで漕ぎ着けたので宣伝します。現在のところ、以下のURLでチュートリアルを読むことができます。このチュートリアルサイトはRocon…

puppeteerでOperaのシークレットウィンドウにタブを開くまで

2020年7月24日公開

近年、プログラムからブラウザを操作する手段の一つとして puppeteer が台頭してきています。これは Chrome Devtools Protocol を用いて作られているためChromiumベースのブラウザ（Chrome…

TypeScriptにcontributeした (3) パースエラーのメッセージ改善

2020年7月16日公開

最近TypeScript本体にPull Requestを出してマージしてもらいましたので、内容や感想を紹介します。今回の内容はTypeScript 4.0に含まれる見込みです。 Pull Requestはこちらです。 https://github.com/microsoft…

【速報】うひょ氏　“（ぇ”の常用を停止　１５年の歴史に幕

2020年7月1日公開

雑記

2020年7月1日、うひょ氏はツイッターにおいて全ての文を“（ぇ”で終わらせる慣習を停止すると発表した。同氏によれは期限は7月末まで。その後も“（ぇ”の無いツイートを続けるかどうかは改めて決定するとした。同氏によれば、インターネット上で“（ぇ”の使用を始めたのは約1…

████に入社して1年が経ちました

2020年6月22日公開 / 2020年6月22日更新

雑記

およそ2年前、新卒としての就活が終了したことを報告する記事をはてなブログに書きました（ ████に入社します）。ちゃんと2019年4月から████に入社して今まで働いていたのですが、そういえば入社したタイミングでは特に記事を出したりしていませんでしたね。2019年…

雑記

こんにちは。うひょです。誰という方は Twitter とか Qiita…

uhyo/blog

███を退職します

積極的な技術選定と消極的な技術選定

Tailwind考

████を退職します

書評『TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発』

書評『良いコード／悪いコードで学ぶ設計入門』

書評『HTML解体新書』

【宣伝】『プロを目指す人のためのTypeScript入門』4月22日発売！

どのようにTypeScriptを使うのか

Twitterアカウントが凍結された

アンサー: named exportは有害なのか

空のdiv要素について

React ステート管理比較考察

ユーザー定義型ガード、asで書くかanyで書くか

useCallbackはとにかく使え！　特にカスタムフックでは

CSSとコンポーネント設計に対する考察

新卒2年目フロントエンドエンジニアの技術スタック2020

まとまったCSSを別のコンポーネントに分けないでほしい話

react-wc: Web ComponentsとReactで実現するCSS in JSの形

setTimeoutに大きい数値を与えるとどうなる？　仕様を読んで完全理解

こわくないTypeScript〜Mapped TypeもConditional Typeも使いこなせ〜

TypeScriptのユニオン型で「あるかもしれない」プロパティを表現するときのTips

究極のReact向けルーターライブラリ「Rocon」正式リリース

究極のReact向けルーターライブラリ「Rocon」を作った

puppeteerでOperaのシークレットウィンドウにタブを開くまで

TypeScriptにcontributeした (3) パースエラーのメッセージ改善

【速報】うひょ氏　“（ぇ”の常用を停止　１５年の歴史に幕

████に入社して1年が経ちました

react-routerで現在のlocationを取得する2種類の方法の使い分け方

import文で画像やCSSを読み込むのはECMAScript仕様違反か

JavaScriptのthisは結局何種類あるのか

useEffectのdeps比較関数をカスタムしたくなったときにやること

作って理解するBabelマクロ

Facebook製の新しいステート管理ライブラリ「Recoil」を最速で理解する

GatsbyでFont Awesomeを使用するとアイコンの表示が一瞬遅れる問題について

個人ブログを作った