TypeScriptに関するtakehirohattoriのブックマーク (5)

  • TypeScriptの条件分岐をスマートに記述するためのTips - Nealle Developer's Blog

    はじめに こんにちは、ARCH チームの立川です。 今回が初めてのテックブログになります。 先日、社内で「条件分岐をスマートに評価する」というテーマで、TypeScriptJavaScript)における条件分岐の書き方について発表する機会がありました。古いコードに触れる中で、見通しの悪い記述を多く見かけることがあったため、発表に至った経緯があります。 この記事では、その発表内容をベースにコードの可読性を高める条件分岐のテクニックをご紹介します。基礎的な内容ではありますが、少しでも役立つヒントがあれば幸いです! 三項演算子をよりスマートに使うためのヒント 三項演算子は非常に便利ですが、状況によってはもっとシンプルで読みやすい代替手段があります。ここでは、等価な三項演算子と比較しながら、それらの方法を紹介します。 null 合体演算子( ?? )を活用する null 合体演算子は、左辺が n

    TypeScriptの条件分岐をスマートに記述するためのTips - Nealle Developer's Blog
  • VoltAgent - Open Source TypeScript AI Agent Framework

    import { VoltAgent, Agent, createTool, createHooks } from "@voltagent/core"; import { VercelAIProvider } from "@voltagent/vercel-ai"; import { openai } from "@ai-sdk/openai"; import { fetchRepoContributorsTool } from "./tools"; import { fetchRepoStarsTool } from "./tools"; // Create the stars fetcher agent const starsFetcherAgent = new Agent({ name: "Stars Fetcher", description: "Fetches the numbe

    VoltAgent - Open Source TypeScript AI Agent Framework
  • ツイッター風アプリをTypeScript × DDD × クリーンアーキテクチャで実装してみた

    こんにちは!ゲンシュンです。 最近データのETL処理をpythonで書くことが多くて、久しぶりに型でゴリゴリ開発したいな〜という気持ちになりました笑。久しくDDDとかクリーンアーキテクチャとかやってないので、今あらためて見直すと新しい発見や気付きあるかも〜と思い、TypeScript × Node.jsでそれっぽい実装をしてみました!正直間違えていること、浅い思考、微妙な実装たくさんあるかと思いますが、現段階で思考を整理してみたのをまとめた感じなので、流し読み程度で! 今回の目的は「DDDのエッセンスとクリーンアーキテクチャの依存の方向性を、Typescriptの型で表現してみる」で、twitter風アプリを実装してみました!アプリのユースケースは「Userがメールアドレスユニークという条件で新規作成」「UserがUserNameを変更」「UserがPostを作成」「UserがPostをお

    ツイッター風アプリをTypeScript × DDD × クリーンアーキテクチャで実装してみた
  • TypeScript で Web 開発をする際の候補メモ

    2025/01/04 Git Hooks ツールの Lefthook を追記 2025/01/05 フロントエンドの状態管理に XState を追記 各リンクテキストを対象名がわかりやすい形式に変更 概要 以前のプロジェクトで使っていたり、進行中に差し替えまでは出来ないけど次使うならこれを使おうと思っていたライブラリやツールなどが、いざ新しくプロジェクトを作ろうと初期構築を始めたら色々と失念している事ってよくありませんか? 最近実際それがあり、個別のページにわかれて技術メモはとってあったりするのですが探しながらは手間なのとブクマしただけのものもあるので、インデックス的に手軽に気になった技術をメモっておく見ながら構築したり技術選定の前段階に使うようなノートを作ったので誰かのお役に立つかもと公開してみます。 気軽に雑にメモるのを前提に作ったものをそのまま公開しているので文体等は統一されてません

    TypeScript で Web 開発をする際の候補メモ
  • NoInfer<T>の活用例見つけた - Qiita

    こんにちは。この記事は株式会社カオナビ Advent Calendar 2024の3日目の記事です。 NoInfer<T> 皆さんは、TypeScriptの機能であるNoInfer<T>をご存知でしょうか。これはTypeScript 5.4から追加された新機能であり、おおよそ次のようなものです。 型としてはNoInfer<T>はTと同じだが、型推論に違いがある。 NoInfer<T>のT部分に型変数が含まれている場合でも、T部分は型推論に使われない。 NoInfer<T>は主にジェネリック関数の引数の型として使われる。 TypeScript 5.4のリリースノートではNoInfer<T>の例として次のようなものが紹介されていましたので、改めて解説します。 function createStreetLight<C extends string>(colors: C[], defaultCol

  • 1