TypeScript/JavaScriptの不要なコードを削除するツール「Knip」の紹介 - ベースマキナ エンジニアブログ

2024/07/25 19 users package.json dependencies 検知

こんにちは、taroです！ 今回は、ベースマキナのTypeScriptのプロジェクトで不要なコードの検知・削除で使用しているKnipについて紹介します。 Knip とは Knipは、TypeScript/JavaScriptのコードベースの不要なコードを検出するCLIツールです。 以下が検出できる不要なコードの例です。 package.jsonのdependencies/devD... 続きを読む

Goで0秒待つとどうなるか - ベースマキナ エンジニアブログ

2024/07/19 35 users ベースマキナ YEBIS おみくじ エンジニアブログ メソッド

こんにちは。yebis0942です。GoとTypeScriptを書いています。夏祭りのおみくじで「待ち人来る」を引いたので、最近のちょっとした待ち事例についてご紹介します。 Goでタイムアウト時間を指定する関数を呼び出したとき、待機時間を0秒にすると何が起きるのか？という点が社内のレビューで少し話題になりました。 気にな... 続きを読む

【T3 Stack】フロントエンド・バックエンドTypescript開発入門

2024/07/14 109 users フロントエンド プロジェクト バックエンド メイン 以下

はじめに フロントエンドもバックエンドもTypescriptで書きたい！ということで、T3 Stackについて調べてみました。 T3 Stackを利用したプロジェクトを作成するためのCLIツールcreate-t3-appが用意されており、簡単に雛形プロジェクトが作れるため、実際に使ってみました。 この記事は以下の内容をメインに紹介します。 c... 続きを読む

.tsファイルを直接実行するのにtsxで特に困っていない | Marginalia

2024/07/10 21 users TSX Marginalia プロポーザル スクリプト 本体

Node.js 本体で TypeScript ファイルを実行できるようにするプロポーザルが出されているという話が先週あたりから話題になっている。しかしそれほど嬉しいかといわれると、正直いらんなあと思っている。 TypeScriptで簡単なスクリプトを書くときは、長らくtsxを使って実行している。tsxを使い始めるより前は ts-node を... 続きを読む

Node.jsでTypeScriptのコードを実行できるようになるかも - hiroppy's site

2024/07/08 87 users hiroppy's site node.js コード

module: add --experimental-strip-types by marco-ippolito · Pull Request #53725 · nodejs/node It is possible to execute TypeScript files by setting the experimental flag --experimental-strip-typ... 💁‍♀️ まだマージされてない点に注意してください --experimental-strip-typesというフラグを実行時に付けるこ... 続きを読む

Next.jsで不要なファイルを一掃する

2024/06/29 9 users Next.js ファイル Files export ツール

Knipというツールが便利。JaveScriptやTypeScriptで書かれているプロジェクトの未使用のファイルやexportを見つけることができる。 Find unused files, dependencies and exports in JavaScript and TypeScript projects https://knip.dev/ インストールせずに使いたいのでnpxコマンドを使って実行する。 また、Next.js... 続きを読む

TypeScript v4.9からv5.5で追加された機能のおさらい - STORES Product Blog

2024/06/24 6 users おさらい STORES Product Blog 機能 推論

STORES 予約 エンジニアの水野です。STORES 予約 の店舗管理画面で利用しているTypeScriptをv4.8からv5.5にアップグレードしたので追加された主な機能をおさらいしようと思います。 satisfies (v4.9) v4.9で実装されました。 型アノテーションのように型付けしつつ型推論も行う演算子です。 例を見てみましょう。 type C... 続きを読む

神戸にKobe.tsというTypeScriptコミュニティを立ち上げた話

2024/06/24 9 users SaaS deno FRESH 神戸 トピック

Kobe.tsとは TypeScriptとその周辺知識についての勉強会を開催していくコミュニティです。 なので、フロントエンドに限らず、node.js, Deno, Nest,js, Freshなどのバックエンドや、Firebase,CloudflareなどのSaaS、npm,pnpm,Biome,tailwindCSS,Figmaなども取り扱うトピックの範囲です。 記事執筆時点でですが、立ち上げ... 続きを読む

TypeScript 5.5 で追加された正規表現構文チェックを理解する

2024/06/21 5 users 構文 正規表現リテラル 構文チェック エラー 正規表現

TypeScript 5.5で、@graphemeclusterさんによって正規表現リテラルの構文チェックが導入されました🎉 この構文チェックによって、正規表現に間違いがあった場合、事前にTypeScriptがエラーを出力してくれます。 この機能について、次のことが気になったので調べてみました。 どんな構文がエラーになるか なぜ導入された... 続きを読む

Announcing TypeScript 5.5 - TypeScript

2024/06/20 9 users Announcing TypeScript

Today we’re excited to announce the release of TypeScript 5.5! If you’re not familiar with TypeScript, it’s a language that builds on top of JavaScript by making it possible to declare and describe types. Writing types in our code allows us to explain intent and have other tools check our code to... 続きを読む

7月1日に「フロントエンドプログラマーコース」をオープンします

2024/06/17 6 users フロントエンド https ｗｗｗ

現在ある「Railsプログラマーコース」に加えて、7月1日から「フロントエンドプログラマーコース」をオープンする予定です。 Railsプログラマーコースでもフロントエンドには触れていますが、あくまでRailsプログラマーとして必要な程度に留まっています。フロントエンドプログラマーコースでは[TypeScript](https://www.... 続きを読む

TypeScriptに導入された新たな仕組みのデコレータ、その使い方と利便性とは？

2024/06/15 7 users デコレータ CONTEXT 引数 メソッド サンプルコード

引数contextの働き ここまで、デコレータ関数の基本形を紹介してきました。ここまでの内容で、紹介していない引数があります。デコレータ関数の第2引数のcontextです。本節では、このcontextを掘り下げていきます。 デコレータが付与されたメソッドの情報が格納されたcontext これまでのサンプルコードでは、デコレータ... 続きを読む

TypeScriptの型と値とバリデーション

2024/06/11 144 users バリデーション バリデーシ コードレビュー 何度 影響

TypeScript は本質的に自分に型が付与されていると思っているだけの JavaScript です。 いくら型を付与しようが、それが実行時に影響を与えることはありません。 コードレビューをしているとここを誤解している人が本当に多いです。何度も解説しているのですが、なかなか浸透しないので、TypeScript におけるバリデーシ... 続きを読む

TypeScriptを導入する意味と限界、型レベルプログラミングの紹介 - Qiita

2024/06/10 167 users Qiita 型レベルプログラミング プロパティ ライブラリ

はじめに JavaScript/TypeScript初学者を抜けたあたりの方に向けてTypeScriptの利点や限界、型レベルプログラミングについて紹介します。 TypeScriptはJavaScriptをラップしたライブラリであり、静的な型情報をつけることができます。また、それらの型情報をもとに型を推論し、型違反な代入やプロパティへのアクセスなど... 続きを読む

Python + VSCode の環境構築 20240604

2024/06/04 351 users vscode Python 速習 無理 ツール

作業メモ。モダン Python 速習。 AI 周りのツールを動かしていたら TypeScript だけでやるには無理が出てきたので、久しぶりに Python の環境構築をする。 具体的には TestGen LLM を動かしたい。 Python はたまに触るけど、基本 2.x 時代の知識しかない。 基本的にこの記事を読みながら、細かいアレンジをしている。 基... 続きを読む

Object.keys() が返す配列の順序における数値キーの昇順には上限がある - カミナシ エンジニアブログ

2024/06/04 22 users カミナシ 配列 順序 上限 昇順

はじめに こんにちは。昨年の10月にカミナシに入社したソフトウェアエンジニアの tokuse です。 気が付けば入社してから既に半年以上経っており、光陰矢の如しで驚愕しています！ カミナシではフロントエンドを TypeScript で開発しています。そんな中、先日 Object.keys() の仕様に起因する不具合が発生し、その際に Ob... 続きを読む

【うひょ氏】技術発信や登壇資料づくりに。記事の隙をなくして理解度を上げる文章テクニック | レバテックラボ（レバテックLAB）

2024/06/03 20 users レバテックラボ React レバテックLAB 著書 技術発信

【うひょ氏】技術発信や登壇資料づくりに。記事の隙をなくして理解度を上げる文章テクニック 2024年6月3日 フロントエンドエンジニア うひょ TypeScriptとReactが得意なフロントエンドエンジニア。株式会社カオナビ所属。ウェブ上の技術記事や雑誌を通じて技術的な情報発信を続けている。実はJavaScript歴19年。 著書『... 続きを読む

明示的な型注釈によって推論コストを下げるというアプローチ

2024/05/29 15 users 型注釈 アプローチ JSR deno 推論

近年、TypeScript を取り巻くエコシステムでは、ユーザーに明示的な型注釈を求めることで、推論や型生成のコストを下げるというアプローチが注目されています。TypeScript 5.5 beta で　発表された --isolatedDeclarations オプションはその代表的な機能ですし、Deno の提供する新しいパッケージレジストリ JSR が提唱し... 続きを読む

Zod を使って CSV からの入力データをバリデーションする - ドワンゴ教育サービス開発者ブログ

2024/05/22 14 users JSON Zod 日下 バリデーション CSV

こんにちは、バックエンドエンジニアの日下です。 CSV から JSON へ変換するスクリプトを、TypeScript で実装する機会がありました。 今回は、CSV のデータのバリデーションに Zod を使った話をします。 スクリプトの目的 システム間のデータ連携が目的です。 連携元のシステムから CSV 出力されたデータを、連携先のシ... 続きを読む

TypeScript の抽象構文木を用いた、数百を超える API の大規模リファクタリング戦略

2024/05/11 11 users API 抽象構文木 数百

TSKaigi 2024 の発表資料です。 https://tskaigi.org/talks/yanaemon169 Demo 用コードはこちら https://github.com/yanaemon/nestjs-migration-example ミツモアはサービスの提供開始から、6 年以上が経ち、サービが急速に拡大してきました。 急成長の中で、古いコードが多くあり新しい構成への変革が求められていまし... 続きを読む

TypeScriptのパフォーマンス改善

2024/05/11 13 users パフォーマンス改善

2024/05/11に行われたTSKaigiで発表したLTの資料です！ ◎概要 TypeScriptはJavaScriptのスーパーセットとして、静的型付けと高度な型システムを提供し、大規模なプロジェクトの開発を助けています。しかし、これらの利点を最大限に活用するためには、コンパイルパフォーマンスの最適化が不可欠です。コンパイル速度を上... 続きを読む

【vscode】TypeScriptで不要なimport文を自動削除＆自動で並べ替え - Qiita

2024/05/09 14 users Qiita vscode plu import文 eslint

はじめに こんにちは！@nyakako13 です。 少し前からtypescript,reactの学習を進めています。 pythonでの開発時はblack formatterとiSortの拡張機能でimport文の自動並べ替えをしていました。 今回、typescriptの開発でも同じように自動でimport文の整理ができないかな？と思い調べてみました。 eslintやprettierでもplu... 続きを読む

TypeScriptとGraphQLで実現する型安全なAPI実装

2024/05/11 69 users GraphQL API実装

この記事はTSKaigi2024での以下の私の発表内容を書き下ろしたものです。 なぜAPIに型をつけたいのか 現代のWebのシステム開発において、クライアント・サーバーともに型のある言語で開発されることが増えてきました。静的な型検査はコードの堅牢性やよりよいメンテナンス性の向上をもたらします。 プログラミング内部だ... 続きを読む

TypeScript 関数型スタイルでバックエンド開発のリアル

2024/05/11 213 users リアル バックエンド開発

TSKaigi 2024 のスライドです 続きを読む

見よ、これがHonoのRPCだ

2024/05/09 5 users RPC hono アドバンテージ フレームワーク サーバー

僕が開発しているWebフレームワークHonoは、同じJavaScriptのフレームワーク、Expressと比べられることが多いです。どちらもやれることはほぼ同じですが、HonoのアドバンテージはファーストクラスでTypeScriptをサポートしていることです。特に「RPC」機能は他のフレームワークにはなかった「TypeScriptの型でサーバーと... 続きを読む