はてぶ・Qiita・Zennのトレンド記事を紹介
TypeScriptはJavaScriptを拡張したプログラミング言語で、型安全性や開発効率を高めることができます。大規模なWebアプリ開発で人気です。
LangChain＆LangGraph 1.0正式版が登場 PythonとTypeScript対応のAIエージェント開発ライブラリ 🔖 18
LangChain＆LangGraph 1.0正式版が登場 PythonとTypeScript対応のAIエージェント開発ライブラリ：Deep Insider Brief ― 技術の“今”にひと言コメント かつて“実験的すぎる”とされたフレームワークが“安定版”へ進化し、LangG
私がTypeScriptで `interface` よりも `type` を好む理由 - kosui 🔖 147
はじめに TypeScriptで型を定義する際、interface と type のどちらを使うべきか。これは、多くの開発現場で一度は議論になるテーマではないかと思います。 世の中の多くのドキュメントや記事では、クラスへの implements のしやすさや、interface
[TypeScript] Object.freeze() の代替としての as const satisfies の活用 🔖 2
アルダグラムでソフトウェアエンジニアとして活動している松田です。TypeScriptでオブジェクトを定義する場合、プロパティの変更を防ぎたいことがあります。例えば、以下のような設定オブジェクトがあるとします。const appConfig = { API_URL: "h
[TypeScript] Object.freeze() の代替としての as const satisfies の活用 🔖 2
アルダグラムでソフトウェアエンジニアとして活動している松田です。TypeScriptでオブジェクトを定義する場合、プロパティの変更を防ぎたいことがあります。例えば、以下のような設定オブジェクトがあるとします。const appConfig = { API_URL: "h
【結論】TypeScriptの型定義はtypeよりinterfaceを使うべき理由 🔖 223
はじめに TypeScriptでコンポーネントのPropsやオブジェクトの型を定義するとき、typeとinterfaceのどちらを使うべきか、一度は悩んだことがあるのではないでしょうか。 巷では「どちらでも良い」「チームで統一されていればOK」といった意見もよく見かけます。 しか
TypeScriptにResult型を導入するための妥協点はどこか？ 🔖 62
現実のアプリケーションで発生するすべてのエラー・例外をResult型に変換するのは非現実的 エラーハンドリングが不要なものはUnexpectedErrorとしてまとめてしまう という現実的な落とし所を提案する記事です。 TypeScriptにResult型を導入したくなる理由 T
【結論】TypeScriptの型定義はtypeよりinterfaceを使うべき理由 🔖 223
はじめにTypeScriptでコンポーネントのPropsやオブジェクトの型を定義するとき、typeとinterfaceのどちらを使うべきか、一度は悩んだことがあるのではないでしょうか。巷では「どちらでも良い」「チームで統一されていればOK」といった意見もよく見かけます。しか
[個人開発] React×TypeScript×Geminiで調味料代替案アプリをリリースしました！ 🔖 1
はじめにJISOUで学習しているHeyho-です。Reactの学習の一環として、個人アプリのアイデア出しからMVP作成、そしてアプリ開発までを行いました。約1ヶ月という限られた期間で、「0から1を作る」という初めての経験を通じて、多くの学びと気づきを得ることができま...
ReactのProps設計を改善。TypeScriptの型を活かす「Compound Components」実践ガイド 🔖 59
「このボタンコンポーネントにどこまでのPropsを持たせるべきか？」 日々のコンポーネント開発で、このような判断に迷ったことはありませんか。onClick、disabled、loading、icon、variant、size…どこまで汎用化すべきか、どこで線引きすべきかという問題
TypeScriptにResult型を導入するための妥協点はどこか？ 🔖 62
現実のアプリケーションで発生するすべてのエラー・例外をResult型に変換するのは非現実的エラーハンドリングが不要なものはUnexpectedErrorとしてまとめてしまうという現実的な落とし所を提案する記事です。!記事内で使用されているResult型は@praha/
TypeScriptにResult型を導入するための妥協点はどこか？ 🔖 62
現実のアプリケーションで発生するすべてのエラー・例外をResult型に変換するのは非現実的エラーハンドリングが不要なものはUnexpectedErrorとしてまとめてしまうという現実的な落とし所を提案する記事です。!記事内で使用されているResult型は@praha/
yomitokuで作る無料の日本語OCR Webアプリ【Flask + TypeScript】 🔖 7
はじめに昨今、AI が急速に普及している中で、改めて「OCR（光学文字認識）」という技術に注目してみました。OCR の API サービスは多数存在していますが、どれも従量課金制で、利用量が増えるとコストが膨らんでいきます。Google Cloud Vision API や A
「生成AIでサクッと！」というわけには行かなかったCoffeeScript → TypeScriptへの置き換え - エムスリーテックブログ 🔖 57
本記事は、コンシューマーチームブログリレー 3日目です。 はじめまして。エンジニアグループ、コンシューマーチームの松本と申します。 本記事では、社内で開発・利用している内部ツールのフロントエンドを CoffeeScript + Backbone.js の構成から TypeScri
「生成AIでサクッと！」というわけには行かなかったCoffeeScript → TypeScriptへの置き換え 🔖 57
本記事は、コンシューマーチームブログリレー 3日目です。 はじめまして。エンジニアグループ、コンシューマーチームの松本と申します。 本記事では、社内で開発・利用している内部ツールのフロントエンドを CoffeeScript + Backbone.js の構成から TypeScri
TypeScriptで開発をしていると、APIエラーやバリデーションエラーなど、さまざまなエラーを扱う場面があります。 そんなときに、標準のErrorクラスだけで対応していませんか。 この記事では、カスタムエラーを導入するメリットと、ボイラープレートを減らしてカスタムエラーを楽に
TypeScriptで開発をしていると、APIエラーやバリデーションエラーなど、さまざまなエラーを扱う場面があります。そんなときに、標準のErrorクラスだけで対応していませんか。この記事では、カスタムエラーを導入するメリットと、ボイラープレートを減らしてカスタムエラーを楽に
TypeScriptで開発をしていると、APIエラーやバリデーションエラーなど、さまざまなエラーを扱う場面があります。そんなときに、標準のErrorクラスだけで対応していませんか。この記事では、カスタムエラーを導入するメリットと、ボイラープレートを減らしてカスタムエラーを楽に
AIが書くコードに責任を持ち続けるために。TypeScript厳選ガイド著者・藤吾郎が厳選する技術書4冊 | レバテックラボ（レバテックLAB） 🔖 72
藤 吾郎 Starley株式会社のソフトウェアエンジニア。株式会社ディー・エヌ・エー、クックパッド株式会社、株式会社ビットジャーニー、ファストリー株式会社を経て2024年9月より現職。趣味はOSSのツールやライブラリの開発。二児の父。 Github:gfx Bluesky：@gf
【個人開発】自分のスキルの課題点を登録するとAIが解決策+サンプル動画を提示してくれるアプリを作りました【React×TypeScript×Gemini】 🔖 1
はじめにこんにちは。ここまでのReact学習の一環として初めて個人開発にチャレンジしました。どんなアプリを作るかの構想から実装までを一貫して行い、その過程で数多くの学びを得ることができました。この記事では作成したアプリの紹介と開発中に得た学び・気づきを書いていきたい...
サバイバルTypeScriptとは | TypeScript入門『サバイバルTypeScript』 🔖 43
本書の目標は、本読者がTypeScriptをすぐに実務で利用できるよう、最短ルートに読者を導く一冊になることです。本書は、TypeScriptの網羅的なドキュメントではありません。逆に、実務であまり使わないTypeScriptの機能は割愛します。扱う内容は、頻出する機能にしぼりに
最高の TypeScript 開発環境を最速で作っていくよ 2025 秋 🔖 78
この記事では、TypeScript の開発環境を最速で整えます。単に動く環境ではなく、最低限必要なツールも一通りそろえていきます。(2025 年秋時点の情報です) この記事で作る開発環境について この記事のゴール bun run コマンドで TypeScript ファイルを実行で
【初心者完全版】0からReactを始めてCI/CD構築までできるチュートリアル【TypeScript/GitHubActions/Vitest/Firebase】 🔖 56
はじめにこんにちは、Watanabe Jin(@Sicut_study)です。これまでReactで色々なアプリを開発したり、JISOUを通して多くのエンジニアに教えてきました。今ではある程度技術的にも詳しくなってきましたが、最初からある程度できたわけではありません。...
TypeScriptの型推論でCLIバリデーションをなくせた話 🔖 28
CLIツールを作っていると、必ずと言っていいほど書くことになるバリデーションコード。TypeScriptの型推論を活用したら、このコードをほぼ不要にできたお話をします。 きっかけは、いろんなプロジェクトのコードを読んでいて気づいたことでした。どのCLIツールにも、似たようなバリデ
バックエンドTypeScriptでオニオンアーキテクチャを運用してわかった手応えと反省点 🔖 112
弊社ではT3-Turboを導入しており、フロントエンドにNext.js、サーバーサイドにNestJSを採用しています。 本記事では特にサーバーサイドのアーキテクチャに焦点を当て、私たちが実践しているドメイン駆動設計（DDD）について、その運用から見えてきたメリット、デメリット、そ
TypeScriptの型推論でCLIバリデーションをなくせた話 🔖 28
CLIツールを作っていると、必ずと言っていいほど書くことになるバリデーションコード。TypeScriptの型推論を活用したら、このコードをほぼ不要にできたお話をします。きっかけは、いろんなプロジェクトのコードを読んでいて気づいたことでした。どのCLIツールにも、似たようなバリデ
バックエンドTypeScriptでオニオンアーキテクチャを運用してわかった手応えと反省点 🔖 112
弊社ではT3-Turboを導入しており、フロントエンドにNext.js、サーバーサイドにNestJSを採用しています。本記事では特にサーバーサイドのアーキテクチャに焦点を当て、私たちが実践しているドメイン駆動設計（DDD）について、その運用から見えてきたメリット、デメリット、そ
JavaScript/TypeScript実力強化書 | 技術評論社 🔖 42
概要 一気にJavaScript・TypeScriptのエキスパートへ！ Software Design本誌再編集シリーズ、今度はWeb開発者の必修科目であるJavaScriptとTypeScriptがテーマです。第一線のエンジニアが現場で培った、JavaScript・TypeS
TypeScriptファーストなコーディングAIエージェントのベンチマーク「ts-bench」を公開しました 🔖 43
AIコーディングエージェントのTypeScriptコード編集能力を評価するための、手軽に再現可能なベンチマークプロジェクト「ts-bench」を公開しました。この記事では、筆者がなぜ ts-bench を作ったのか、今後どうしていきたいかについてお話しします。 GitHub -
きっかけ面接でTypeScriptの説明を求められ型付けを中心に説明したが、「Javaとどう違うのか？」と聞かれた時に答えられなかった。確かにJavaでのWebアプリ案件も見かける。そこでTypeScriptとJavaの違いを調べてみた。型付けに関して基本同じで、以...
Gemini CLIのプロンプトを自然言語ではなくTypeScriptで書いてみた 🔖 1
フロントエンドを中心にエンジニアをしている赤星です。 今回は私が個人開発をしていた際、LLMへのプロンプトを自然言語ではなく、TypeScriptで記述してみたところ、正確性が向上し、一定の効果を実感したのでその内容を記事にしていきます。 プログラミング言語でプロンプトを書こうと
2025年度リクルート エンジニアコース新人研修の講義資料です
Excel関数の数式エンジンをTypeScriptで実装したらプログラミング言語の実装みたいで面白かったので解説してみる 🔖 22
アルダグラムでエンジニアをしている @sukechannnn です！ 開発に携わっている KANNAレポート は、Excelを取り込んでその見た目のまま帳票を電子化できるサービスで、いくつかのExcel関数にも対応しています。 以前 @watabee が登壇した際にその仕組みにつ
Go で言うところのアレは TypeScript で言うとコレ / Kyoto.なんか #7 🔖 32
Kyoto.なんか #7 https://kyoto-nanka.connpass.com/event/365370/
Excel関数の数式エンジンをTypeScriptで実装したらプログラミング言語の実装みたいで面白かったので解説してみる 🔖 22
アルダグラムでエンジニアをしている @sukechannnn です！開発に携わっている KANNAレポート は、Excelを取り込んでその見た目のまま帳票を電子化できるサービスで、いくつかのExcel関数にも対応しています。以前 @watabee が登壇した際にその仕組みにつ
Excel関数の数式エンジンをTypeScriptで実装したらプログラミング言語の実装みたいで面白かったので解説してみる 🔖 22
アルダグラムでエンジニアをしている @sukechannnn です！開発に携わっている KANNAレポート は、Excelを取り込んでその見た目のまま帳票を電子化できるサービスで、いくつかのExcel関数にも対応しています。以前 @watabee が登壇した際にその仕組みにつ
Excel関数の数式エンジンをTypeScriptで実装したらプログラミング言語の実装みたいで面白かったので解説してみる 🔖 22
アルダグラムでエンジニアをしている @sukechannnn です！開発に携わっている KANNAレポート は、Excelを取り込んでその見た目のまま帳票を電子化できるサービスで、いくつかのExcel関数にも対応しています。以前 @watabee が登壇した際にその仕組みにつ
TypeScriptで知っておきたいユーティリティ型9選 🔖 1
こんにちは！フロントエンジニアのH.Rです。TypeScriptで型を定義するときに、「一部だけ取り出したい」「全部をオプショナルにしたい」といった場面がよくあります。 そんなときに役立つのがユーティリティ型（Utility Types）です。 この記事では代表的なユーティリティ
Next.jsのESLint設定"next/typescript"は何をしているのか？実は2つのルールを変えただけだった 🔖 1
概要Next.jsプロジェクトを始めるとき、初期設定のeslint.config.mjsをそのまま使う人も多いと思います。そこに書かれているnext/typescriptが実際何をしているかご存知でしょうか？create-next-appをした時点でのeslint....
他言語経験者が知っておきたいTypeScriptのクラスの注意点 - KAKEHASHI Tech Blog 🔖 82
はじめに TypeScriptのクラス構文は、一見するとJavaやC#などの言語と非常に似ていますが、その背景にあるJavaScriptの特性により、振る舞いに重要な違いが存在します。これらの違いを理解することは、これまでの経験を活かしつつ、TypeScriptで堅牢なアプリケー
他言語経験者が知っておきたいTypeScriptのクラスの注意点 🔖 82
はじめに TypeScriptのクラス構文は、一見するとJavaやC#などの言語と非常に似ていますが、その背景にあるJavaScriptの特性により、振る舞いに重要な違いが存在します。これらの違いを理解することは、これまでの経験を活かしつつ、TypeScriptで堅牢なアプリケー
【個人開発】自分のためのコード販売サイトを作ってみた【Next.js×TypeScript×Stripe×supabase】 🔖 2
はじめに諸事情により、ちょっと間が空いてしまったので、復習がてらに自分の作ったアニメーションコードを販売するサイトを作ってみました。元々何かを作ろうと思った時に課金制度は必須だったので、これを機にstripeの学習をすることを決めて、実際に作ってみました。また、今回...
【TypeScript】enumを使ったっていいじゃないか 🔖 90
TypeScriptで定数をどのように表現するか、というのは意外に意見が分かれるテーマです。本稿では、enumの特徴とその代替手段を整理し、何を採用すべきかを考えてみます。 enumを推奨しないという意見が多いのは知っていても、何故そう言われているのか、を理解していますか？ 「使
TypeScript では T[] ではなく ReadonlyArray<T> を使おう 🔖 62
TL;DR 公開 API では T[] を避け, ReadonlyArray を使いましょう. 内部実装でのみArrayを使うのはOK Array ではなく ReadonlyArray を使おう 以下のコードには受け取った配列をソートして表示する sortLog 関数と, 0番目
【TypeScript】enumを使ったっていいじゃないか 🔖 90
TypeScriptで定数をどのように表現するか、というのは意外に意見が分かれるテーマです。本稿では、enumの特徴とその代替手段を整理し、何を採用すべきかを考えてみます。enumを推奨しないという意見が多いのは知っていても、何故そう言われているのか、を理解していますか？「使