Future Tech Blog
フューチャー技術ブログ

TypeScript タグ

累計
  • 25
    投稿
  • 12
    著者数
  • 2353
    総シェア数
  • 214
    X
  • 87
    Facebook
  • 1131
    はてブ
  • 921
    Pocket
直近1年
  • 1
    投稿
  • 1
    著者数

よく読まれている記事

TypeScript/JavaScript Array完全攻略2024
2024.12.05♡195
Googleカレンダーの予定を取得するMCP サーバを作ってみた
2025.04.21♡7
ダイアログもアラートも、Reactで子コンポーネントの開閉管理を実装する
2024.02.08♡56
スキーマファースト開発のためのOpenAPI（Swagger）設計規約
2020.04.09♡201
ZodでJSONのオブジェクトを実行時に都合の良い型に変換する
2024.05.14♡47
Language Server Protocolを用いたVSCode拡張機能開発 (前編)
2022.11.24♡93

よく使われるカテゴリ

新着記事

プロによる本気の攻略本『JavaScript/TypeScript実力強化書』で発表しました

プロによる本気の攻略本『JavaScript/TypeScript実力強化書』 - FL#115というForkwellを運営するGroovesさんのイベントで登壇してきました。

Googleカレンダーの予定を取得するMCP サーバを作ってみた

最近 MCP への注目が急速に高まっていますよね。私も気になっていた人の一人だったのですが、そんな中「エンジニアはとりあえずMCPサーバを作ってみるとよい」というポストを見かけました。「じゃあ何か作ってみるか」と思い、Google Calendar の予定を取得するための MCP サーバを作ってみました。

構造化テキスト(URL)を文字列結合で作らないようにするライブラリを作ってみた

SQL、ファイルパスなどの構造化テキストを文字列結合で作ると、不正な文字列が入ってきた時に困るよ、というのはプログラミングの基本原則ですが、URLはついついやってしまいがちな部分です。だいたいの言語には

TypeScript/JavaScript Array完全攻略2024

イマドキのJavaScriptの書き方2018]というのを以前書いたのだけど、配列周りはかなり変わっているな、というのを思ったので、そこの部分だけアップデートするつもりで書いてみました。

PostgreSQL拡張機能のPLV8を使ってみた

PostgreSQLで手続き型処理を実装することにがっつりと向き合うことがなかったため手続き型処理の実装言語はPL/pgSQL一択だと思いこんでいたのですが、実は複数の選択肢がありました。PL/pgSQL、PL/Tcl、PL/Perl、PL/Pythonや、サードパーティ提供も含めると多数の言語が使えるようです使えるようです。

ZodでJSONのオブジェクトを実行時に都合の良い型に変換する

いろんなJavaScriptの統計を見ると、今時のウェブフロントエンドの新規開発は80%はTypeScriptになっているということです。また、TypeScript自身を使わなくても、TypeScriptで培われた型推論のパワーで、JavaScriptであってもVSCode上で補完とか思いの外うまくいったりしちゃうので...

ダイアログもアラートも、Reactで子コンポーネントの開閉管理を実装する

Reactでは、画面に関わる表示の制御はかならず何かしらのステート管理を行いそれで行います。ダイアログの場合は開閉をuseStateで作ったフラグで管理するみたいな感じです。たとえば...

30種類のプログラミング言語で、ループ処理を書いてみた

range over integer にフォーカスして取り上げていきます

Playwrightのテストランナーを他のテストライブラリと比較する

テスティングフレームワークには大きく2つの流派があります。ひとつはJUnit、あるいはその祖先の　SUnitをベースにしたTDDスタイルものです。TDDスタイルはテスト関数、もしくはメソッドを実行します。

Rust製SQLフォーマッタをnapi-rsを利用してVSCode拡張機能化

Rust製SQLフォーマッタであるuroborosql-fmtのVSCode拡張機能化した方法について説明します。

Language Server Protocolを用いたVSCode拡張機能開発 (後編)

Futureでアルバイトをしている川渕です。前編ではLSPを用いたVSCode拡張機能開発チュートリアルとサンプルコードの解説を行いました。後編では前編で解説したlsp-sampleに機能を追加する方法について説明します。

Language Server Protocolを用いたVSCode拡張機能開発 (前編)

SQLフォーマッタをVSCodeの拡張機能にする作業を行っており、そのための方法を学んでいます。本記事ではLanguage Server Protocolを用いたVSCode拡張機能開発について説明します。。

React + Goで簡素な掲示板アプリを作ってみた

夏の自由研究ブログ連載2022の 5日目の記事です。今回は勉強中のReact、TypeScript、Goを使って掲示板アプリを作りました。

「業務を通じて学ぶ」vs「業務外で学ぶ」Vue.jsで人気曲ランキングを当てるWebアプリを作ってみた

2022年4月に新卒入社し、7月からプロジェクトに参画しています。未経験の技術が採用されている開発にも携わっているのですが、技術のキャッチアップ方法には試行錯誤の毎日です...!!

Cheetah Grid を Reactから利用するためのラッパーを実装してみる

FutureにはCheetah Gridという最速のウェブフロントエンド用のテーブルコンポーネントがあります。会社のお仕事コードは基本的にVue.jsが採用されることが多く、Cheetah GridもVue.js版のコンポーネントも提供されています。僕はなぜかReact案件が多くて慣れていることもあり、ちょっとしたコードもReactで書きたいと思っています。ちょっとしたツールを実装する上でかっこよくて性能が良いテーブルコンポーネントも欲しいのでCheetah GridのReact版が欲しいなとずっと思っていたので、今回作ってみました。

MONETマーケットプレイス × OSS活用でさっくりデモアプリ開発

MONET Technologies Inc. の竹内です。このたび、フューチャー技術ブログに寄稿させていただいています。今回は、弊社のMONETマーケットプレイス上のプロダクトを使って、MaaSアプリをイメージしたデモアプリを作ってみました。今回イメージしたデモアプリは「イベント会場へのマルチモーダル移動経路検索&予約&搭乗Webアプリ」です。

Jest + TypeScript + Vue 3環境で Vue Testing Library(@testing-library／vue) を動かす

Vue Testing LibraryはVue.js公式のライブラリであるvue-test-utilをベースとする、DOM Testing LibraryのVue.js用拡張です。Vue Testing Libraryを用いると、Vue.js公式ライブラリであるvue-test-utilと比較して内部構造を意識せずにテストを作成できます。

フロントエンド連載2021

2021の06.14～6.24にかけてフロントエンド技術をテーマにしたブログ連載を始めます。ES2021/TS/Node/Vue/Reactなどなど、ざっくりとフロントエンド界隈で話されるような技術をテーマにします。

Parcel 2.0 beta.1を試す

以前、TypeScriptのバンドラーとしてParcelの紹介をしました。* 今あえてTypeScriptのビルド＆バンドルツールを探してみるその後、6月ぐらいに2.0のbeta.1がリリースされていましたので試してみました。ウェブサイトも公開されています。https://v2.parceljs.org/

Firebaseでお手軽！データ管理画面をつくる

Firebaseを使って画面を開発してみようと思います。下記を最短経路で作ってみます。システムアドミンの人が使うようなマスタデータ管理画面を想定して、限られたユーザーにアクセスを制限すべく、認証機能も入れました。

Redux-Toolkitに学ぶ、TypeScriptの型推論とこれからのAPIデザイン

TypeScriptは、JavaScriptのさまざまなフリーダムな書き方を受け入れ、漸進的な型付けを行えるようにするという~~狂った~~高難易度な目的のために作成されているのですが、そろそろ、TypeScriptファーストで、利用者にとって使いやすいAPIみたいな方向性で使われることも増えるのでは、という思いを強く持ちました。「

TypeScriptでReactをやるときは、小さいアプリでもReduxを最初から使ってもいいかもねというお話

プロダクションコードでたくさんRedux周りにもreducerなどを実装しなくてはいけなくなったときの次のステップとして、Redux Toolkitの紹介をします。

スキーマファースト開発のためのOpenAPI（Swagger）設計規約

みなさん、Swagger使ってますか？本記事では実際にSwaggerのスキーマ定義を設計していく上で取り決めた規約について書いてみたいと思います。

今あえてTypeScriptのビルド＆バンドルツールを探してみる

ちょっとしたフロントエンドの開発で、TypeScriptに最初から対応していて、簡単に使えるものは何かないかな、と調べてみたメモです。React/Vue/Angularの場合はそれぞれの初期化コマンドで何から何まで用意してくれます。Next.js、Nuxt.js、Gatsbyなども、これらのビルドのステップを簡略化するコマンドを提供しています。基本的にこれらのウェブフロントエンドを開発するときには、小規模・中規模ぐらいならあんまり気にしなくておまかせでもいいと思います。

TypeScript教育用コンテンツ公開のお知らせ

2019年頭より少しずつ書いていたTypeScriptの教育コンテンツをクリエイティブ・コモンズ4.0の表示 - 継承 （CC BY-SA 4.0）で公開します。といっても完成版ではなく、アーリーアクセス版のような品質であることをご了承ください。