Skip to content

TypeScript

4 posts with the tag “TypeScript”

JavaScriptとTypeScriptの歴史の整理:バージョンとモジュールシステムの変遷

エンジニアとしてモダンなWeb開発(Next.jsやAstroなど)を行う上で避けて通れない、JavaScript(JS)とTypeScript(TS)の関係性や歴史的背景を整理します。

TypeScriptは、JavaScriptをベースに「型」の機能を追加した言語であり、 JavaScriptのスーパーセット(超集合) です。

  • JavaScript (JS): ブラウザやNode.jsで直接実行できる標準的な言語。
  • TypeScript (TS): JSの全機能を含みつつ、静的型付けなどの拡張機能を加えたもの。
  • 互換性: 有効なJSコードは、そのまま有効なTSコードとして扱えます。

Astro + Starlightブログにおけるタグ管理のベストプラクティス(Zodを使った表記揺れの防止)

AstroとStarlight(starlight-blog)を使って技術ブログを運用していると、記事が増えるにつれて気になってくるのが**「タグの表記揺れ」**です。

例えば、記事のフロントマターで以下のようにタグを指定していくと…

# 記事A
tags: [Git, Next.js, UI/UX]
# 記事B
tags: [git, nextjs, ui-ux]

サイト上では「Git」と「git」が別のタグとして扱われてしまい、タグ一覧ページが分散してしまいます。 毎回「大文字だっけ?記号は入れるんだっけ?」と過去の記事を確認しながら入力するのはミスが起きやすく、執筆体験もよくありません。

そこで今回は、Zodの transform 機能を活用して、システム側でタグの表記を自動的に正規化・統一するベストプラクティスをご紹介します。

Next.js 16 アップデート:脆弱性 0 への道とビルドエラーの回避

Next.js の公式チュートリアルをベースにしたダッシュボードアプリにおいて、セキュリティ脆弱性の解消をきっかけに Next.js 16 へのアップデートを敢行しました。

最新の React 19 や Next.js 16 では、これまでの書き方が通用しない「破壊的変更」や、ビルド時の挙動の変化がいくつかあります。フリーランスエンジニアとして、実務でも遭遇しそうなこれらのトラブルをどう解決したか、その全記録を共有します。