メインコンテンツまでスキップ

🔰初めに

使用しているサービス概要は🚀イントロの、🏠ホームページについてを参考にして下さい。

ここからは Next.js 等の技術紹介の前に、必要になる前提知識を解説します。

Bun​

Bun は JavaScript の実行環境です。

こどもテックキャラバンHP の開発では、他の JavaScript 実行環境の Deno や pnpm でも問題ありません。

しかし、単体テストで bun test コマンドを使用する為、Bun の利用を推奨します。

リンター・フォーマッター​

リンター（linter）とはソースコードを静的に解析して、エラーやバグ等をチェックしてくれるツールです。

JavaScript でよく使われるリンターに ESLint があります。

eslint

その一方、フォーマッター（Formatter）とはソースコードのインデント、改行、括弧の位置等を整形するツールです。

代表的なフォーマッターとして Prettier があります。

prettier

こどもテックキャラバンHP ではリンター兼フォーマッターの Biome を採用しています。

biome

この Biome の詳細は🔹Biomeを参考にして下さい。

TypeScript​

TypeScript は JavaScript に静的型付けや、クラスベースオブジェクト指向等を加えたプログラミング言語です。

const a: any = 100; // 代入できる
console.log(a * 3); // 操作もできる
 
const x: unknown = 100; // 代入はできる
console.log(x * 3); // 操作はできない
// 'x' is of type 'unknown'.
 
// 戻り値のない関数
function doSomething(): void {}
 
// 戻り値を返すことがありえない関数
function throwError(): never {
  throw new Error();
}

TypeScript の概要や特徴、なぜ TypeScript を使うべきかはサバイバルTypeScriptを読んでみて下さい。

この本は明快且つ簡潔な説明で、非常に読み易くお勧めです。