はてなブックマーク

Claude Desktop をベースに自律的なコーディングエージェントを実現するためのツールセット「Claude Crew」を開発したので、ツールと開発で得た知見を紹介します。 リポジトリ: Claude Desktop で動かす OpenHands をイメージして作っています。 このツールはModel Context Protocol (MCP)とカスタムインストラクションを最大限に活用し、Claude Desktop のコーディング能力を向上させます。 TL;DR Claude Desktop で OpenHands のような自律型のコーディングエージェントを実現する Crew Crew を作ったよ RAG 機能やプロジェクトに最適化された MCP を提供するよ Claude Desktop ベースのエージェントとは 昨今では、LLM のコーディングへの活用が浸透してきて、Cline

みなさん satisfies operator は使ってますか? この記事では、satisfies が手に馴染んだけどまだ TS 4.9 に移行できていない環境で作業している人に向けた satisfies を代替するヘルパー関数を紹介します satisfies とはなにか satisfies operator は TS 4.9 で追加された演算子です 型注釈には 変数等の型を注釈した型に推論させる 注釈した型を満たすように制約を設ける の 2 つの効果があり、制約の効果のみ取り出したものが satisfies operator です いつ制約だけあると嬉しいかと言うと、制約よりも値(宣言)のほうが厳格なケースです type ILang = { lang: string } const valueAnnotation: ILang = { lang: "typescript", } as c

個人的に開発・メンテナンスしている TypeScript の複雑な型定義を展開表示できる VSCode の拡張機能 ts-type-expand を軽量化したのでその手法を紹介します 内容としては拡張機能独自で建てていた CompilerAPI とウォッチャーを、VSCode 内蔵の vscode.typescript-language-features の CompilerAPI を使うようにした形です このやり方を見つけるまでに苦労したので CompilerAPI を使うような拡張機能開発をしようとしている方の一助になれば幸いです 抱えていた問題点 ts-type-expand は VSCode 標準の変数のホバーだと丸められてしまう こういう型定義を こういった形で最終的に解決される型に展開して TreeView で確認できる拡張機能です 選択されている変数等の型情報を拡張機能側で拾

モチベーション CockroachDBのcoding guidelinesを読んでいた際に、今回紹介するcockroachdb/errorsパッケージを発見しました。 調べてみたところ、日本語で紹介されている記事等がなかったので今回この記事を書きました。 cockroachdb/errorsとは cockroachdb/errorsは、CockroachDBを開発しているCockroach Labsが提供しているパッケージです。 READMEには「分散システムに適した方法でのエラーのネットワークポータビリティを提供する。」とあり、CockroahcDB:の実装のためのエラーハンドリング用のパッケージだということがわかります。 他のerrorsパッケージとの比較はcockroachdb/errorsのREADMEの方に書かれているので、ぜひそちらをご覧ください。 主な機能 ここからはcock

配列の filter メソッドでは直和型が絞り込まれない 配列 の filter メソッドでは直和型の絞り込みができないことが知られています type User = { id: number name: string } declare const maybeUsers: (User | undefined)[] const users /*: (User | undefined)[] */ = maybeUsers.filter( (maybeUser) => maybeUser !== undefined ) !== undefined しているので自明に undefined は除かれて User[] 型に推論されてほしいところですが、callback は boolean を返すだけなので (User | undefined)[] に推論されていしまいます ユーザー定義型ガードによる解

この記事は執筆日である2022年03月19日ごろのGo1.18での内容になっています。 今後のアップデートで記事の内容と実際の機能が異なる場合もあるのでお気をつけください。 先日mercariさんの「Online Spring Internship for Gophers 2022」に参加し、Go1.18で追加された新機能について学びました。 資料はtenntennさんがスライドを公開されているので、興味がある方はそちらも見てみてください。 その中で、参加者がそれぞれ個人でGo1.18に関係するOSSを開発するパートがありました。 自分はそこでFuzzingできる関数を表示するshowfuzzとFuzzテストのtemplateを生成するgofuzzgenというツールを開発しました。 開発時に早速Go1.18からの新機能の1つであるWorkspace modeを用いたので、概要と使ってみた感想

Goでテーブル駆動テストを書いていると、書いているときは「すげー読みやすくテスト書けてるぞ!」と思っていても、落ち着いてから見てみると「なんだこれ...訳がわからん...」となることがあると思います。(自分はよくあります。) この記事は、このようなことを解決するのに役立つtipsについてまとめています。主にテストケースについて焦点を当てています。 テストしやすいコード設計に興味がある方は や を参考にしてください。 はじめに この記事はパーソナライズGopher道場で学んだことを元に書いています。 そして、この記事で紹介するテーブル駆動テストの書き方は主観に基づいており、 あくまでテストの1つの書き方にすぎないです。 なので、「この書き方をしないとダメ!」というものではないので、みなさんの考え方やプロダクトに合わせて、柔軟にこの記事で紹介するtipsを取り入れていただけると幸いです。 結論

TypeScript の型定義からユーザー定義型ガード(type predicate)とアサーション関数を自動生成するツールを作ったので紹介します!間違った実装を書いてしまう可能性があるユーザー定義型ガードを自動生成することで、安全かつ手軽にアプリケーションの型を守ることができます! type predicate と問題点 API や JSON のパース等で外部からやってきた値に型付けをするときや型定義の存在しないライブラリを使用する時、型注釈や as をそのまま使ってしまうと想定していない値がきたときに気付くことができません type Task = { id: number titile: string description: string } const task: Task = JSON.parse("...") // any 型を返す関数に対して注釈を書く task /* :ta

追記 最近では型安全にグローバルステートを扱える Pinia が登場しているので新規で使う場合は先にそちらを検討するのが良いと思います。一方、Vuex からのマイグレーションは結構大変っぽいので、既存の Vuex リソースで型付けをしたいと考えているならこの記事で紹介している vuex-typing やその他の選択肢も選択肢になりそうです。 Vuex を仕事で使う機会がありそうなので勉強していたんですが、型付けのサポートが不十分で不満があったので型付けするためのヘルパーライブラリを作りました リポジトリ: https://github.com/d-kimuson/vuex-typing npm: https://www.npmjs.com/package/vuex-typing Vuex の型定義が不十分 アプリケーションがいずれ肥大化することを考えれば、はじめからモジュールに分けて管理す

モチベーション CSS にも型があると嬉しいよねと思いつつ JS の中で CSS を書こうとする CSS in JS の思想があまり好きじゃない Runtime ありの CSS in JS だと、SSR/SSG 時にサーバー側でビルドしてセレクタをかき集めてみたいなことをする これがクライアント側とサーバー側で実行する JSX を出し分けたりしてると添え字が合わなくなって、ハイドレーションに失敗したりする(フルSSR なら問題にならないが、クライアントでしかレンダリングしない要素にセレクタを当てると起きる) 大体の問題は JS で動的な値をいれる必要なんてなくて、CSS 的なアプローチで説いたほうがコストが低い 辺りの理由で、CSS in JS を毛嫌いしてたけど、JSer info で Replacing Sass · Discussion #44 · Shopify/polaris ·

TypeScript の読みにくい型を展開して読みやすくする拡張機能を作りました! 動機 TS を書いてると型が読めないから、変数に束縛して補完で探ってが必要なことが度々あって、展開した型をみれるなにかがないかなーと思っていました TypeScript の CompilerAPI なるものを知ったので、いい感じに型を抜き出して VSCode のツリービューに渡せば良いじゃんって思って調べてみたら同じ試みをされてる方がいらっしゃったのですが、残念ながら断念されてました type-explorer がポシャった話 - sisisin のブログ 端的に言うと、compilerAPI の API が充実してないから逐次展開するみたいなことはできないそうで ただ、拡張機能開発もやってみたかったというのもあったので、とりあえずダメ元で作ってみたら割と良い感じになったので公開しました 作ったもの Typ