こんにちは、『サバイバルTypeScript』の執筆チームです。アップデートをお知らせします！

「JSX」について扱うページを追加しました。 by @suin in #749

主に以下のトピックについて、詳しく解説しています。

• JSXとECMAScriptの違い
• JSX構文とHTML構文の違い
• JSX構文の詳細（要素、テキスト要素、ループなど）
• JSXのベストプラクティス
• JSXとコンパイルの関連性

特にJSXについてはReactなどで使われていて、JavaScriptの拡張構文として非常に一般的ですが、その詳細な構文や適用例について詳しく説明しています。JSXを使うことで、JavaScriptのコード内にHTMLタグのような構文が埋め込み可能となり、より直感的かつ読みやすい形でUIのコードを表現することが可能となります。

また、忘れてはならないのが、JSXとはJavaScriptの構文を独自に拡張した言語であるため、直接ブラウザで解釈することはできません。そこでは「トランスパイル」という過程が必要となり、その手助けとなるツールとして、BabelやTypeScriptコンパイラーが使われます。その詳細な説明も合わせて解説しています。

さらに、JSX構文とHTML構文の微妙な違いや、JSXで扱う要素や属性、ジェネリクスについて、そして何がベストプラクティスなのかという部分にも踏み込んで解説しました。

JSXのページはこちらから

引き続き『サバイバルTypeScript』をよろしくお願い申し上げます！新版が皆さんのTypeScript学習の一助となりますように。

コンテンツのブラッシュアップ

• 「TypeScriptの射程」のサーバーレスの実例にAzure Functionsも追加しました。 by @suin in #745
• ビルトインAPIのDateの問題点を詳しくし、なぜこの問題が生まれたのかについてのコラムを追加しました。 by @suin in #751
• 「インデックスアクセス型」にて配列型とタプル型を分けて解説するように変更しました。 by @suin in #753

軽微な修正

• 誤植「シングルプロレス」→「シングルプロセス」 by @suin in #734
• 「明確な割り当てアサーション」の「より安全なコードを書くには」の項のサンプルコードで非nullアサーションを使わないようにしました。 by @suin in #735
• 文中でのメソッドの表記を統一しました。(例: then → Promise.prototype.then、month.toFixed → monthのtoFixedメソッド) by @jamashita in #741
• 「関数宣言」に貼られたリンク先のページが「関数式」になっている誤りを訂正しました。 by @jamashita in #742
• 「Vercelにデプロイしてみよう」を「Next.jsで猫画像ジェネレーターを作ろう」と整合するように修正しました。 by @suin in #744
• 誤植「早期リータン」→「早期リターン」 by @suin in #750
• 表記の修正をしました:「bool」→「boolean」「メソッドチェイン」→「メソッドチェーン」 by @jamashita in #754
• 「薄れないTypeScriptの強み」で「2020年の今日でも」と陳腐化する表現になっていたところを経年により陳腐化しない表現に変更しました。 by @sontixyou in #756

執筆者向けのアップデート

• Node.jsをv14からv18に、Docusaurusをv2.0からv2.4にアップグレードしました。 by @suin in #730
• GitHub Actionsでyarn buildするようにしました。 by @suin in #736
• faviconをDocusaurusのデフォルトアイコンからサバイバルTypeScriptのロゴに変更しました。 by @suin in #740

New Contributors

• @sontixyou in #756

フルの変更履歴: 2023.6...2023.7