Hello world!


Hello world! この度、新しいてるし〜自身の記事を書くサイトを立ち上げました。技術的な発信からポエム的なものまで、幅広く書いていきたいと思っています。

1. このサイトを作ろうと思った理由

今までQiitaやZennなどのプラットフォームを使って記事を書いていましたが、AIの進化に基づき基礎的な記事というのは少なくなりました。 どちらかというとAIの活用の仕方や経験談が多くなったように感じます。その波に乗れれば良いのですが、現在私はまだAIを使いこなせるほどの人材にはなっていませんしそもそもAIを使いこなすにはお金が要ります。 そのため、自分のペースで技術的な発信を続けていくために自分のブログサイトを立ち上げることにしました。

2. 記事の種類

主は技術的なものを書いていく予定です。たまに経験談やポエムを書いていこうと思います。

3. このサイト作成にあたる技術

Astro

今の考えでは静的なサイトを作るにはAstroが最適解かなと思っています。 静的サイトを作るのに特化していて、パフォーマンスも良いと言われています。 CLIでブログのテンプレートも作られていたのでコストもそこまでかかりませんでした。

一方で、スタイルがホットリロードで反映されないのがものすごく腹が立ちました😡

はじめに コンテンツ駆動のWebフレームワーク、Astroの構築に役立つガイド、リソース、APIリファレンス。 docs.astro.build

vanilla-extract

スタイルの定義にはvanilla-extractを使っています。 これは使い慣れているというのが一番の理由です。 typescriptでのスタイル定義ができるので、型安全にスタイルを定義できます。

2026年2月現在、turbopack対応のPRが出ていて今後どうなっていくのでしょうか。 turbopack support by RJWadley · Pull Request #1639 · vanilla-extract-css/vanilla-extract adds turbopack support to @vanilla-extract/next-plugin turbopack doesn't have any sort of external API yet, so in order to evaluate the contents of our *.css.ts files we need to compile it sepa... github.com

vanilla-extract — Zero-runtime Stylesheets-in-TypeScript. Zero-runtime Stylesheets-in-TypeScript. vanilla-extract.style

github copilot

今回はgithub copilotにほぼ書かせてみました。 skills等は自分で書きましたが、だいぶコストは抑えられたと思います。 claude codeも試したいのですが金銭面的に厳しいのでまたの機会にしたいと思います。