TypeScriptでMCPサーバーのtool呼び出しをする
Model Context Protocol (MCP) を使用してTypeScriptで特定のMCPサーバーのツールを呼び出す方法を説明します。 MCPサーバーの呼び出しは本来MCPホストとして機能するClaude DesktopアプリやZedの内部で透過的に実行されていますが、エディタのプラグインなどにMCPサーバー連携機能をつける時には複数のMCPサーバーへの接続管理と呼び出しを作る必要があります。 以下の例ではTypeScript SDKでMCPクライアントを使って、@modelcontextprotocol/server-memory パッケージで提供されるサーバーを呼び出します。 Client: MCPクライアントを作成するために使用されます。 StdioClientTransport: 標準入出力（stdio）を使用してMCPサーバーと通信するためのトランスポート層を提供しま
Google TypeScript Style Guide
// Good: choose between two options as appropriate (see below). import * as ng from '@angular/core'; import {Foo} from './foo'; // Only when needed: default imports. import Button from 'Button'; // Sometimes needed to import libraries for their side effects: import 'jasmine'; import '@polymer/paper-button'; Import paths TypeScript code must use paths to import other TypeScript code. Paths may be r
レシピサービスのフロントエンドを Next.js と GraphQL のシステムに置き換えている話 - クックパッド開発者ブログ
技術部の外村（@hokaccha）です。今回はクックパッドのウェブサイトのフロントエンドを Next.js などを使って作り直している話を書きます。 この記事で紹介する新システムは、スマートフォン向けのレシピページで確認することができます。もし興味があるかたはレシピページをスマートフォンのユーザーエージェントで開いて DevTools などで確認してみてください。 Next.js と GraphQL で動いているのがわかると思います。 ご存じの方も多いかもしれませんが、クックパッドのウェブサイトはモノリシックな Rails で作られていて、10年以上 Rails で開発を続けてきました。10 年以上同じシステムで開発を重ねれば当然レガシーな部分が大量に生まれてきますが、特にフロントエンドはその影響が顕著でした。 どこから使われているかわからない CSS が大量にある、JS のコードは昔なが
こわくないTypeScript〜Mapped TypeもConditional Typeも使いこなせ〜 - uhyo/blog
TypeScriptの型システムは、ユニオン型を始めとする様々な機能を持っているのが特徴的です。 その中でも、mapped typesとconditional typesは高度な機能として知られています。 ところが、その機能の膨大さゆえ、全てを使いこなす必要はない、TypeScriptの複雑な機能を無闇に使うべきではないという言説はたびたび現れます。 そのときに槍玉に上がりやすいのがmapped typesとconditional typesなのです。 筆者は、これらの機能は使えるだけ使い倒すべきであるという考えを持っています。 主張の根幹には、高度な型を使えばより正確にインターフェースを記述することができること、そして正確なインターフェースは使いやすさや正確な型推論結果に貢献することがあります。 正確なインターフェースや型推論結果は、コードの理解速度や開発効率を促進します。 これらは型シ
仕事ですぐに使えるTypeScript — 仕事ですぐに使えるTypeScript ドキュメント
注釈 本ドキュメントは、まだ未完成ですが、ウェブフロントエンドの開発を学ぶときに、JavaScriptを経由せずに、最初からTypeScriptで学んでいく社内向けコンテンツとして作成されはじめました。基本の文法部分以外はまだ執筆されていない章もいくつもあります。書かれている章もまだまだ内容が追加される可能性がありますし、環境の変化で内容の変更が入る可能性もあります。 書籍の原稿はGitHub上で管理しております。もしTypoを見つけてくださった方がいらっしゃいましたら、 GitHub上で連絡 をお願いします 1 。reSTファイルだけ修正してもらえれば、HTML/PDFの生成までは不要です。フィードバックなども歓迎しております。 1 https://github.com/future-architect/typescript-guide/pulls
Deno🦕でRESTfulなAPIサーバーを立ててCloud Runへデプロイしてみる - Qiita
Denoの学習用にRESTfulなAPIサーバーを作ってみたのでまとめます。 今回作るもの DenoとServestを使ってRESTfulなAPIサーバーを作り、GCPのCloud Runへデプロイするまでです。 （GIFではcURLで実行していますが、もちろんプラウザでも確認できます） 今回記載するサンプルコードは全て以下GitHubリポジトリにあります。もし、動かなければこちらを参照してみてください。 Denoとは？ Denoは、Node.jsに変わる新しいJavaScriptのランタイムです。 ネイティブでTypeScriptをサポートしています。また、package.json での依存管理は不要で、URLから直接パッケージをimportしてキャッシュに保存します。ローカルに巨大な node_modules を持つ必要もないです。 その他詳細な情報は以下にとても分かりやすく記載されて
gRPC-Web + React + Node.js + TypeScriptでシンプルなチャットサービスを作る - Qiita
概要 かねてよりgRPCおよびgRPC-Webに興味があり、これを用いてシンプルなリアルタイムチャットサービスを制作し、公開した。 本稿では、その開発工程について解説する。 ゴール gRPC-Webを用いて「わいわいチャット」を作る。 https://waiwai-chat-2019.aanrii.com/ ※2020年9月現在、公開停止しました。 内容はシンプルなチャットアプリケーションだ。サイトを開くとまず過去ログが表示され、ほかの入室者の投稿が随時流れてくる。任意の名前で入室すると投稿欄が出現し、発言ができる。発言した内容はサイトにアクセスしている全員に、即座に共有される。過去ログは無限スクロールで遡ることができる。 フロントエンドはReactを用いたSPAとし、Netlifyを使って静的サイト生成・配信する。また、バックエンドはGKE上で動くNode.jsアプリケーションとし、かつ
Adding TypeScript | Create React App
Note: this feature is available with react-scripts@2.1.0 and higher. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. InstallationTo start a new Create React App project with TypeScript, you can run:
TypeScript教育用コンテンツ公開のお知らせ | フューチャー技術ブログ
2019年頭より少しずつ書いていたTypeScriptの教育コンテンツをクリエイティブ・コモンズ4.0の表示 - 継承 （CC BY-SA 4.0）で公開します。といっても完成版ではなく、アーリーアクセス版のような品質であることをご了承ください。 仕事ですぐに使えるTypeScript Web版に加えてPDF版もダウンロード可能です。 そもそもこの資料を書き始めたきっかけですが、フューチャーのようなB2Bな会社であっても、最近はフロントエンドの比重が高まっているところから出発しています。僕もフューチャーに転職後からReactでがっつり1年以上の案件をやったり、半年ぐらいのAngular案件をやったりしています。会社としてはVue.jsを推しています。グループ会社の東京カレンダーはReactを使っていたりもします。要件に合わせていろいろですね。B2B2Cな案件も多いですし、お客様の求めるUX
functions-samples/typescript-getting-started at master · firebase/functions-samples · GitHub
Cloud Functions for Firebase: getting started with TypeScript This is an example Firebase project for using TypeScript with Cloud Functions for Firebase. Why TypeScript? TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. One of the biggest challenges with developing in JavaScript is that it is very easy to write code that has runtime errors. TypeScript enables the fast
GitHub - google/gts: ☂️ TypeScript style guide, formatter, and linter.
Google TypeScript Style gts is Google's TypeScript style guide, and the configuration for our formatter, linter, and automatic code fixer. No lint rules to edit, no configuration to update, no more bike shedding over syntax. To borrow from standardjs: No configuration. The easiest way to enforce consistent style in your project. Just drop it in. Automatically format code. Just run gts fix and say
TypeScript + Webpack: Super Pursuit Mode
If you’re like me then you’ll like TypeScript and you’ll like module bundling with webpack. You may also like speedy builds. That’s completely understandable. The fact of the matter is, you sacrifice a bit of build speed to have webpack in the mix. Wouldn’t it be great if we could even up the difference? I’m the primary maintainer of ts-loader, a TypeScript loader for webpack. Just recently a coup
TypeScript 2.4.1 変更点 - Qiita
こんばんは@vvakameです。 TypeScript 2.4.1がアナウンスされましたね。 What's new in TypeScriptも更新されているようです。 変更点まとめ 関数の返り値の型をGenericsの型パラメータの推測に利用する Infer from generic function return types const array: string[] = (<T>(): T[] => [])(); のコンパイルが通るようになった ざっくりコンパイル通すために具体的に型を指定していた箇所を省略可能に Generics有りの関数の型パラメータが推論されるようになった Contextual generic function types これも上のと同様のメリット Genericsの型の互換性チェックがより厳密になった Stricter generic signature c
TypeScript 2.5.2 更新点 - Qiita
こんにちは@vvakameです。 今回は薄味更新という感じですね。 TypeScript 2.5.2がアナウンスされましたね。 What's new in TypeScriptも更新されているようです。 わかめさんも久々にPR送ったりしました。 変更点まとめ try-catchの例外のキャプチャが省略できるようになった Optional catch binding try { ... } catch { ... } がvalidに(es仕様に準拠 jsに対してコメントによる型注釈・キャストのサポートを追加 Assertion/cast JSDoc syntax in checkJs mode より賢いpackage解決 For duplicate source files of the same package, make one redirect to the other package
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
What’s happening with TypeScript typings
Quick Tip: Configure WebStorm for Deno
GitHub - actions/typescript-action: Create a TypeScript Action with tests, linting, workflow, publishing, and versioning
React のユーザーから見た今後のフロントエンドの予想
TypeScriptで最低n個の要素を持った配列の型を宣言する方法 - Qiita
Deno
