Astro Content Layer で個人ブログのコンテンツ取得はもっと楽になる
Astro v5 から Stable になった Content Layer は、コンテンツサイトに必要な記事取得を抽象化した機能です。この記事では Content Layer が何を解決し、どのようにコンテンツサイト構築に使えるのかを紹介します。
Read moreblog
Make Impossible States Impossibleを意識してReactのPropsを設計する
Make Impossible States ImpossibleあるいはMake Illegal States Unrepresentableは「不可能な状態が起こらないように型/インターフェイスを設計しよう」という設計思想です。関数型プログラミングを出自とする思想ですが、API設計に汎用的に使える考え方であり、ReactのProps設計にも適用できます。
Read moreCSSで親のコンテナのサイズをはみ出す子要素を作る
共通のコンテナを定義した際に、特定の要素、たとえばヘッダーやフッターはコンテナをはみ出したいケースがあります。CSSのcalcを利用することで、コンテナの外に要素をはみ出させることができます。
Read more技術書典17 オフライン会場での戦利品紹介
2024/11/03に池袋サンシャインシティで開催された技術書典17のオフライン会場に行ってきました！色々なサークルの方の書籍を購入できたので、簡単な感想と共に戦利品紹介をしたいと思います。
Read moreNihonbashi.js #9に参加してStorybookの話をしてきた
オフラインで開催されたNihonbashi.js #9に参加しました。LT枠でStorybookの内部実装の話をしてきました。
Read more「こんにちは TAG-さん!」とは何か
W3C TAG の ISSUE TEMPLATE を眺めていると、なぜか「こんにちは TAG-さん!」という文字列が出てきます。なぜここで突然日本語が出てくるのか。今回はその原因をテンプレートの変更履歴から調査しました。
Read moreGraphQLの「Serving over HTTP」とは何か
No description
Read moreskim で移動/コマンド履歴検索をインタラクティブに行う
Rust製の Fuzzy Finder である skim で移動/コマンド履歴検索をインタラクティブに行う方法を調べました。
Read moreAstro で Warning ReactDOMServer.renderToStaticNodeStream() is deprecated. が出るようになった原因と対応
No description
Read moreGo におけるツールの依存関係を追跡できるようにする
tools.go ファイルを作成し、そこで依存関係を追跡するツールをインポートすることで、Go におけるツールの依存関係を追跡できるようにします。
Read moreGitHub Issue から Markdown ファイルを生成してブログ記事を公開する
GitHub Issue の作成をトリガーにブログ記事を公開する方法を紹介します。
Read moreこのブログのパッケージマネージャを pnpm に変更した
npm から pnpm に移行しました。実行がかなり早くなったので、大変満足です。
Read moreVSCode Conference Japan 2024 で登壇しました！
VSCode Conference Japan で登壇しました！
Read more現在のディレクトリから新しいリポジトリを作成する
gh repo create --<public|private> $(basename $(pwd)) --push -s .
Read moreミスドのネット予約を使うと、チョコファッションのチョコを全体にかけられる
チョコファッションは通常1/3程度しかチョコがかかっていませんが、予約専用のたっぷりチョコファッションを購入することで、チョコを3倍楽しめます。
Read moreCode Tour を使ってじっくり確実にコードを読む
日々のタスクに忙殺されていると、ついつい既存コードを流し読みして、ざっと動くコードを書いてしまいたくなります。 一発でうまく動けば短期的にはいいのですが、長期的にはコードの理解が追いつかなったり、一発でうまく動かなかった場合にかえって時間がかかってしまいます。 VSCode の拡張機能である Code Tour を使うと、コード上にメモを残しながら読み進めることができるので、既存のコードを読む際に便利です。
Read more個人ブログを再度Astroで作りました
No description
Read moreWhichKeyでVSCodeのショートカットをすいすい叩けるようにする
No description
Read more1年の目標は正月に1回失敗しておくくらいがちょうどよい
新年の抱負に対する負け惜しみです。
Read moreKaigi on Rails 2023で登壇しました！
Kaigi on Rails 2023で登壇しました！
Read more.env.developmentからdirenvで読み込む用の.envrcを作成するワンライナー
No description
Read moreO'REILLYのLearning PlatformにLLMを使った質問機能が追加されていた（Beta）
No description
Read moredockerのimageとvolumeを選択して消せるか、賑やかしができるdockern（どっかーん）コマンド
No description
Read moreWEBRickのqueryをパターンマッチで取り出す
No description
Read moreslidevでスライドの進捗に応じたプログレスバーを表示する
No description
Read moreTailwind CSSのクラスをいい感じにマージするshadcn/uiの`cn`ユーティリティ
shadcn/uiをインストールすると、utilsとして`cn`関数がついてきます。これが自分でTailwind CSSを使ったコンポーネントを作る際にも便利なのですが、何をやってくれているのか理解していなかったので調べてみました。
Read more刺繍をはじめてみました
Xでペンギンの刺繍を見かけたことをきっかけに刺繍を始めてみました。ドット絵を過去にやったこともあったのですが、そのときも事物をデフォルメした形で表現するのがいいなあと思って始めたので、こういう系統が自分の趣味かもしれません。
Read more技術書を写経する時は、予習の写経・復習の写経の2段階に分けると定着がいい
ハンズオン系の技術書、得意ですか？私は結構苦手です。読み始めて最初の数章はいいんですが、だんだん写経するのが面倒になってきます。今回はこの課題感を解消するためにやってみた「予習の写経」「復習の写経」が結構良かったので紹介します。
Read more個人サイトをリニューアルしました！（N度目）
No description
Read more[Node/Deno]ちょっとしたCLIで使えるスピナー
手作りスピナー、つまりハンドスピナー
Read more『問いのデザイン 創造的対話のファシリテーション』を読んだ
リモートだとなおのこと難しい
Read moreアイコンが重なってて、ホバーするとニュッとするそれ
ピカチュウのアイコンはiconifyにあった
Read more書籍「Web Workers」を読んだ
何ができるかわ〜からない〜
Read moreGitHub Actionsをローカルで試せるactを試してみる
act は Docker を利用して、.github/workflows のワークフローを実行するための Go 製のツールです
Read moreワークスペース内の画像のパスをパンッとはれるVSCode拡張をリリースした
ソースを作るの、パンっとね！
Read moreVSCode拡張、GistPadを試してみた
スニペット管理には便利そう
Read morezshrcが吹き飛んだので、修復ついでについでに色々整理する
けしてぇ〜！リライトしてぇ〜！
Read moreこのブログのRSSフィードを配信できるようにした
No description
Read more登壇資料を掲載するTalksページを作った
TO: 登壇資料たち 「ここがお前の死に場所だぁ!! 」 FROM: ブロッコリーぽいやつ
Read moreTwitterとYoutube展開用のコンポーネント（Vue.js）を導入した
ぶんぶんはろー いーろんちゃんねる
Read moreikuma-t.workからikuma-t.comへ移管
いま（いま）わ〜かれ〜のとき〜🎵
Read moreRenovateを導入してみる
改修！改修！改修！
Read moreSJISのファイルをFileReaderで読み込む
意外とパッとは出てこないやつ
Read moreGitでマージをdry-runする
dry-runすこ
Read more個人サイトをAstroで作り替えました。
もともと Next.js で個人サイトというかブログを作って運用していたのですが、これを Astro に置き換えました
Read morescaffdogでブログのテンプレートを作成できるようにした
scaffdogのサイトはシンプルで好き。
Read moreKaigi on Rails 2022で登壇しました！
Kaigi on Rails 2022で登壇しました！
Read moretype-challenges 21日目: Trim Left
過去ブログからの移行記事
Read moreObjectSpace.#define_finalizer
過去ブログからの移行記事
Read moreTailwind CSSのimportant
過去ブログからの移行記事
Read more