ikuma-t.com

blog

2024-11-15

Make Impossible States Impossibleを意識してReactのPropsを設計する

Make Impossible States ImpossibleあるいはMake Illegal States Unrepresentableは「不可能な状態が起こらないように型/インターフェイスを設計しよう」という設計思想です。関数型プログラミングを出自とする思想ですが、API設計に汎用的に使える考え方であり、ReactのProps設計にも適用できます。

2024-11-04

CSSで親のコンテナのサイズをはみ出す子要素を作る

共通のコンテナを定義した際に、特定の要素、たとえばヘッダーやフッターはコンテナをはみ出したいケースがあります。CSSのcalcを利用することで、コンテナの外に要素をはみ出させることができます。

2024-11-04

技術書典17 オフライン会場での戦利品紹介

2024/11/03に池袋サンシャインシティで開催された技術書典17のオフライン会場に行ってきました！色々なサークルの方の書籍を購入できたので、簡単な感想と共に戦利品紹介をしたいと思います。

2024-11-01

Nihonbashi.js #9に参加してStorybookの話をしてきた

オフラインで開催されたNihonbashi.js #9に参加しました。LT枠でStorybookの内部実装の話をしてきました。

2024-05-04

「こんにちは TAG-さん!」とは何か

W3C TAG の ISSUE TEMPLATE を眺めていると、なぜか「こんにちは TAG-さん!」という文字列が出てきます。なぜここで突然日本語が出てくるのか。今回はその原因をテンプレートの変更履歴から調査しました。

2024-05-03

GraphQLの「Serving over HTTP」とは何か

No description

2024-05-02

skim で移動/コマンド履歴検索をインタラクティブに行う

Rust製の Fuzzy Finder である skim で移動/コマンド履歴検索をインタラクティブに行う方法を調べました。

2024-05-01

Astro で Warning ReactDOMServer.renderToStaticNodeStream() is deprecated. が出るようになった原因と対応

No description

2024-04-30

Go におけるツールの依存関係を追跡できるようにする

tools.go ファイルを作成し、そこで依存関係を追跡するツールをインポートすることで、Go におけるツールの依存関係を追跡できるようにします。

2024-04-28

GitHub Issue から Markdown ファイルを生成してブログ記事を公開する

GitHub Issue の作成をトリガーにブログ記事を公開する方法を紹介します。

2024-04-27

このブログのパッケージマネージャを pnpm に変更した

npm から pnpm に移行しました。実行がかなり早くなったので、大変満足です。

2024-04-22

VSCode Conference Japan 2024 で登壇しました！

VSCode Conference Japan で登壇しました！

2024-03-11

現在のディレクトリから新しいリポジトリを作成する

gh repo create --<public|private> $(basename $(pwd)) --push -s .

2024-03-10

ミスドのネット予約を使うと、チョコファッションのチョコを全体にかけられる

チョコファッションは通常1/3程度しかチョコがかかっていませんが、予約専用のたっぷりチョコファッションを購入することで、チョコを3倍楽しめます。

2024-03-10

日々のタスクに忙殺されていると、ついつい既存コードを流し読みして、ざっと動くコードを書いてしまいたくなります。一発でうまく動けば短期的にはいいのですが、長期的にはコードの理解が追いつかなったり、一発でうまく動かなかった場合にかえって時間がかかってしまいます。 VSCode の拡張機能である Code Tour を使うと、コード上にメモを残しながら読み進めることができるので、既存のコードを読む際に便利です。

2024-03-10