Microsoftが2012年10月に発表した AltJS のひとつ。C#の設計者でもあるAnders Hejlsbergが設計した。
構文はJavaScriptの上位互換であり、オプショナルな型アノテーションやECMAScript6 (ECMA-262 6th) のクラス構文などを追加している。
2025.06.29 覚書 / 2025.06.29 memo's 自分が参考になったブログの紹介します。 / Here are some blogs that I found helpful. Angular dev.to コードに自信が持てず「自分にふさわしくない」と感じていた著者が、試行錯誤と成功体験を通じてシニア Angular 開発者としての確信を得るまでの道のりを振り返る 完璧主義を捨て、継続的学習と仲間との協力を重視しながら成長してきた経験談 dev.to async/await を使うことで、可読性・保守性が高まり、ネストした .subscribe() や .then() の回…
こんにちは、Weeyble Techブログ編集部です! 先週も秋葉原コワーキングスペースWeeybleで開催された「もくもく会」に多くのエンジニア・IT系の方々にご参加いただき、ありがとうございました。 本記事では、AI駆動開発や最新技術動向、勉強会で得られた知見をエンジニア目線で深掘りしつつ、Weeybleの新サービスやイベント情報もご紹介します。 もくもく会で共有された技術トピック AI駆動開発・LLM活用 AI駆動開発もくもく会では、Claude CodeやGemini Code Assistなどの最新AIツールを活用した開発事例や、ローカルLLM(大規模言語モデル)を用いた実験・検証が…
openapi-ts 導入 こんにちは、MNTSQ のソフトウェアエンジニアの森山です。今回は、REST API の OpenAPI 3.0 から API クライアントを自動生成するまでの過程を紹介します。 実はメインのプロダクトへ TypeScript を導入できたのはつい最近のことです。API クライアントを自動生成するまでの苦労や新たな発見が 1 つでも参考になれば嬉しく思います。 課題 API クライアントの自動生成に取り組む上で、現在の BE と FE には以下の課題がありました。 BE API フレームワーク移行期のため、OpenAPI 2.0 と 3.0 の 2 つの API 定…
こんにちは!エンジニアの龍野卓己です🐉 今回は、障害対応の「ちょっとやってみた!」をお話しします。 ※こちらにも同じものを記載しています。 zenn.dev はじめに プロダクト開発において、障害報告を受け対応することは避けて通れない重要な業務です。しかし、この業務には多くの課題があります:報告内容の粒度がバラバラ、必要な情報が不足、ヒアリングに時間がかかる、複数の監視ツールを確認する必要がある... この記事では、私が個人的に取り組んだ障害報告の効率化について紹介します。Google Formを起点に、Google Apps Script、GitHub Actions、TypeScriptを…
皆さんこんにちは、虎の穴ラボのY.Fです。 2025年06月18日 (水) に Deno についてのLT会 『toranoana.deno #21』を開催しました。 yumenosora.connpass.com
はじめに 今回はHonoのRPCを利用する際に、フロント・バックエンドで厳密に型を共有する方法を紹介します。 SuperJSONで型情報をjsonに追加した上で、zod.parse()を利用して値を検証して型を付与します。 利用技術 Hono v4.7.11: Webフレームワーク SuperJSON v2.2.2: jsonに型情報を付与する Zod v3.25.56: バリデーション TypeScript 背景 HonoのRPC機能では、フロントエンドから下記のようにAPIを呼び出すことができます。 // バックエンド側のレスポンス作成部分 export const getSampleHa…
はじめに こんにちは、企業チームでフロントエンドを中心に業務を行なっている赤星です。 今回は5/23 ~ 5/24に東京にて開催されたTSKaigi 2025に現地参加してきました。私含めた4名で参加したのでレポートと感想を書いていきたいと思います! 2025.tskaigi.org はじめに TSKaigi 2025 現地の様子 印象に残ったセッション+LT 型システムを活用したESLintカスタムルール開発入門 〜固有ドメインにおけるコーディング規約を開発する〜 型パズルを好きになるために、競プロを型システムだけで解いてみることにした TypeScriptとは何であって何でなく、誰のもので…
皆様こんにちは。 S+BIMチームのコモドドラゴンです。 最近、エリッククラプトンのライブに参戦したのですが、まさに、Wonderful tonight でした! そんな私が今回ブログ記事として、執筆させていただくテーマは、TypeScript Tipsです。 昨今のフロントエンド界隈はSPAやSSRなどの技術が発達したのと同時に、 とても複雑化してきており、生のJSではランタイム時にしかエラーが分からなかったり、 JSDocでパラメータや戻り値の説明を補完していたりするケースも少なくないかと思います。(フロントエンドに限らず、js/tsはバックエンドで使用されることもあります) そんな時に役…
UnsplashのJoanna Kosinskaが撮影した写真 こんにちは。ReactエンジニアのT.C.です。 TypeScriptの型を知らなくても動作やパフォーマンスには直接影響しないので、AIなどが便利に活用できるようになった現在でも意識して学ばないと触れる機会が少ないと思います。 Mapped TypesやIndexed Access TypesなどTypeScriptにはやや高度な型定義の方法がありますが、Template Literal Typesという書き方に最近気づいたので、ご紹介します。 詳しいことや具体的な実装は公式ページやAIにお任せしますので、本記事では「こんなことも…
TypeScriptが仕事で使えるレベルになるためには、単に基本的な文法や構文を理解するだけでなく、実際のプロジェクトやチーム開発でどのように活用するか、スケーラビリティや保守性を考慮しながらコードを書く能力が求められます。この記事では、TypeScriptを実務で使うために必要な基本から、少し踏み込んだ中級レベルの知識を、コード例を交えながら丁寧に解説します。 TypeScriptとは TypeScriptは、JavaScriptのスーパーセットで、JavaScriptに静的な型を追加した言語です。静的型付けとは、変数や関数にあらかじめ「このデータはこの型でなければならない」というルールを設…