Hatena Blog Tags
はてなブログ トップ
TypeScript
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

TypeScript

(コンピュータ)
【たいぷすくりぷと】

Microsoftが2012年10月に発表した AltJS のひとつ。C#の設計者でもあるAnders Hejlsbergが設計した。

構文はJavaScriptの上位互換であり、オプショナルな型アノテーションやECMAScript6 (ECMA-262 6th) のクラス構文などを追加している。

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
White Box技術部•1日前

【React】React Hook FormのdirtyFieldsは（初期値があると）ちゃんと機能する

「もうdirtyFields、ちゃんと機能するようになってると思うよ」 そう言われたのでちょっと調べてみました。 経緯 私がReact Hook Formを使い始めたときは、確かdirtyFieldsがフォーム値を変更前の値に戻しても変更がなかったと判断してくれなかったので、以下のような関数を1つ作って間に噛ませて使っていました。 import { FieldValues, UseFormWatch } from 'react-hook-form'; export const checkDirty = <T>(before: T, after: T) => { if (before) { re…

#react#TypeScript

ネットで話題

もっと見る
1773ブックマークTypeScript入門以前ガイド - mizchi's blogmizchi.hatenablog.com
1264ブックマークTypeScript再入門 ― 「がんばらないTypeScript」で、JavaScriptを“柔らかい”静的型付き言語に｜ハイクラス転職・求人情報サイト アンビ（AMBI）en-ambi.com
966ブックマークTypeScript入門『サバイバルTypeScript』〜実務で使うなら最低限ここだけはおさえておきたいこと〜typescriptbook.jp
924ブックマークTypeScript Deep Dive 日本語版 | TypeScript Deep Dive 日本語版typescript-jp.gitbook.io
923ブックマークsuin・読者4万人『サバイバルTypeScript』公開中！ on Twitter: "すごい発明をしたかも…💡英語で技術ブログ書くとき、HackmdとGoogle翻訳を組み合わせると、Markdown+英語で書きながら、内容をGoogleのAIにチェックさせられる。英語として流暢かはさておき、少なくともGoogle… https://t.co/Ac7bVZHLA5"twitter.com
899ブックマーク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/pap...google.github.io
769ブックマーク技術選定の失敗 2年間を振り返る TypeScript,Hono,Nest.js,React,GraphQLzenn.dev
711ブックマーク急なTypeScript案件🔥最初の30日間に使い倒したい「コードリーディング支援ツール」 - Qiitaqiita.com
597ブックマーク【React+TypeScript】Netflixのクローンを作るチュートリアルzenn.dev

関連ブログ

KENTEM TechBlog•3日前

TypeScript型定義！便利だと感じた実践テクニック集

こんにちは！新卒フロントエンドエンジニアのK.Sです。皆さんは既にこちらの記事をご覧になりましたか？ tech.kentem.jp この記事で紹介されているユーティリティ型だけでも十分役に立ちますが、別のテクニックと組み合わせることでさらに柔軟な型の定義が可能になります。この記事では、私が便利だと感じた実践的に使えるテクニックをご紹介します。 基本となる型定義（共通型） 【Omit × Pick × Partial】 一部のプロパティだけをオプショナルにする 【satisfies × Record × as const】型と値の両面で安全なマップを作る 【Record × Exclude】 既…

#Webフロントエンド#TypeScript#バックエンド
記録をココに。– my Log –•4日前

とりあえず動くアプリ開発記｜ErrorDict #003

はじめに 前回は記事詳細ページを作成いたしました。 今回はエラーを登録するための、記事登録ページを作成しましたのでココに記録します。 記事登録ページ https://errordict.web.app/errors/new GitHubリポジトリ管理 https://github.com/masakiYLv1/errordict この記事でやること 現在の進捗 学んだこと 進捗 プログラミング学習中などに遭遇したエラーを登録できる処理、記事登録ページを作成しました。 データを登録するために「React Hook Form」を導入しました。 Reactでフォームをシンプルかつ高性能に扱うためのラ…

#react#TypeScript
記録をココに。– my Log –•4日前

【React + TypeScript】タイマー（ストップウォッチ）の作成 #003

はじめに 今回はタイマー（ストップウォッチ）を作成いたしました。 ChatGPTには2～3時間で作成できるといわれましたが、ほぼ半日ほど掛かりました… たくさん勉強していると自負していましたが、まだまだのようですね。これからも精進していきます。 プログラミングを楽しくできる日に期待を込めて。 GitHubにてリポジトリ管理 https://github.com/masakiYLv1/build-with-react/tree/main/apps/003-timer 先におまけ 今までは作成したアプリを画像のみで紹介していましたが、今回からGitHub Pagesという機能を使用して、作成したア…

#react#TypeScript#tailwindcss
UPSIDER Techblog•9日前

コード生成AIはエンジニアの学習機会を奪うかもしれない

UPSIDERでエンジニアをしている太田です。 (@Hide55832241) Claude CodeやCursor、GitHub CopilotなどAIによるコード生成が当たり前の時代になりました。 確かに開発速度は上がるかもしれません。 しかし、その代償として私たちは何を失っているのでしょうか？ ※ 記事内のコード例は主にTypeScript、Reactを前提としたものになっています 失われる学習機会 つまずきから学ぶ機会が失われる コードを書いていて想定外のことが発生したとき、そこに学習の機会があります。 頭の中ではこう考えたけど実際に書いてみたら想定外のことが発生し考え直す必要に迫られ…

#react#TypeScript#生成 AI
記録をココに。– my Log –•11日前

【React + TypeScript】クリック連打ゲームの作成 #002

はじめに ChatGPTに協力してもらい、小さいアプリケーションをいくつか作成しようと思いました。 今回はクリック連打ゲーム（002-click-game）の作成になります。 GitHubで管理しています。 GitHub - masakiYLv1/build-with-react この記事でやること ChatGPTから出題される問題、クリック連打ゲームをReact + TypeScriptを使用して解くこと。 主にReactとTypeScriptを使用すれば、そのほかは自由（ライブラリやフレームワークなど） この通りに作成する必要はありません。達成条件を満たせば良いです。 https://ma…

#react 19#TypeScript#Tailwind CSS
図とかにするブログ•16日前

CORS を実験的にテストできるアプリ

概要 CORS を何度学んでみても、しばらく経つと全く内容を理解していないことが多かったので、ローカルで動作する CORS を試すことのできるアプリケーションを作って触ってみました github.com CORS の概要 CORS とは javascript が本来禁止されているクロスオリジンのリソースにアクセスするための制限緩和のためのブラウザの仕組みです 本来、javascript は同一オリジンポリシー(SOP)というセキュリティ上の制限があり、異なるオリジンのリソースにアクセスすることができませんが、 現代ではアプリケーションがオリジンを跨いでアクセスすることが一般化しているので、CO…

#CORS#IT#TypeScript#セキュリティ
虎の穴ラボ技術ブログ•21日前

なぜimportに拡張子が必要？module: nodenextでハマる原因と解決策

こんにちは、虎の穴ラボの原です。 今回は、TypeScriptでコードを書くときに、なんとなく雰囲気でtsconfig.jsonのmoduleオプションを理解していた私が、オプションの詳細を調べた内容を備忘録としてまとめました。 TypeScriptでプログラムのコードを読んでいる際、インポート先のファイルを指定する箇所で、拡張子がついている場合と、ついていない場合があって混乱していました。 この混乱を解決するためにmoduleオプションを追っていくと、JavaScriptの実行環境（ブラウザとNode.js）の違いや、歴史の背景も見えてきて、なかなか興味深い内容でした。 moduleの基本と…

#TypeScript
ゼスト Tech Blog•23日前

Prismaと生成列

はじめに こんにちは！またもや株式会社ゼストでエンジニアをしている正原です。 この記事が公開されるクリスマスイブイブともなると、2025年はもう約一週間しか残っていません。 稼働日も限られてきて今着手してるタスクが終わるのか？と少し焦る気持ちもありますが、 いざとなったら2026年版のニュー正原がなんとかしてくれるに違いないと信じています。 でもきっと去年までと同様に「去年末は何やってたっけ？」となるに違いないと確信もしています。 さて、今回のテーマは「Prismaと生成列」についてです。 多くのプロダクトで生産性の向上や型の安全性のためにORMを利用しているかと思いますが、 ORMは多くのD…

#生成列#Prisma#TypeScript