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

TypeScript

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

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

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

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

jQueryとReactの対比で学ぶ宣言的UI——サイト内の絞り込み機能で気づいた「状態を渡すだけ」の正体

左：検索前の全29件表示 右：「尾道」と入力した直後の12件。コードは状態を変えただけです。 はじめに 「宣言的UI」という言葉、React の入門記事でよく目にするのですが、最初はいまいちピンときませんでした。 「命令的との違い」を読んで、なるほど。と思いつつ、実際に手を動かすまでは腹落ちしていませんでした。その感覚が変わったのは、本サイトを Next.js で作り始めて、スポットの絞り込み機能を実装したときのことです。 この記事では、jQuery を知っている人に向けて「宣言的UIとは何か」を before/after の対比で整理します。 jQuery で書くとしたら——「ワイが全部やる…

#jQuery#JavaScript#TypeScript

ネットで話題

もっと見る
1772ブックマークTypeScript入門以前ガイド - mizchi's blogmizchi.hatenablog.com
1264ブックマークTypeScript再入門 ― 「がんばらないTypeScript」で、JavaScriptを“柔らかい”静的型付き言語に｜ハイクラス転職・求人情報サイト アンビ（AMBI）en-ambi.com
967ブックマークTypeScript入門『サバイバルTypeScript』〜実務で使うなら最低限ここだけはおさえておきたいこと〜typescriptbook.jp
923ブックマーク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
898ブックマーク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
770ブックマーク技術選定の失敗 2年間を振り返る TypeScript,Hono,Nest.js,React,GraphQLzenn.dev
709ブックマーク急なTypeScript案件🔥最初の30日間に使い倒したい「コードリーディング支援ツール」 - Qiitaqiita.com
585ブックマークTypeScriptをプロダクト開発に使う上でのベストプラクティスと心得 - Qiitaqiita.com

関連ブログ

Shimanami RouteLab｜しまなみ海道のスポット紹介サイトを個人開発•4日前

"use client" はどこに書くのか——エラーが出るたびにつけ足していたら全部 Client Component になっていた

を取得し、クライアント領域（紫）のHomeClient・SpotsListClientにpropsで渡します。MapboxやuseStateなどブラウザ専用の処理（オレンジ）はツリーの末端に置きます">サーバー領域（緑）でgetAllSpots()を実行してSpotを取得し、クライアント領域（紫）のHomeClient・SpotsListClientにpropsで渡します。MapboxやuseStateなどブラウザ専用の処理（オレンジ）はツリーの末端に置きます 以前、fs を使ったらビルドエラーが出た話を書きました。 mojitonews.hateblo.jp あのときは「fs はサーバー専用…

#Next.js#TypeScript#個人開発
Shimanami RouteLab｜しまなみ海道のスポット紹介サイトを個人開発•6日前

forwardRef・createPortal・Zustand——しまなみ海道観光サイトでReactの作法を少し外す設計をした話

しまなみ海道の観光ガイドサイトをNext.js 15で個人開発する中で、通常のReactの作法——親子の一方向データフロー・ツリー内でのDOM管理——から外れた設計が必要になる場面が3つありました。forwardRef による命令型API・createPortal によるDOMへの脱出・Zustand によるプロバイダーなしの状態管理です。前回の記事（useRef・useCallback・AbortController編）の続きになります。 ランキング参加中プログラミング ランキング参加中旅行ランキング参加中弱小ブロガーズ このサイトでは地図機能を中心に据えており、しまなみ海道 観光マップとし…

#Next.js#TypeScript#個人開発
Shimanami RouteLab｜しまなみ海道のスポット紹介サイトを個人開発•6日前

useRef・useCallback・AbortController——しまなみ海道観光サイトに組み込んだ地図機能で"stateに入れない・再生成させない・止める"を実践した話

しまなみ海道の観光ガイドサイトをNext.js 15で個人開発する中で、Reactの非同期処理まわりで詰まったことを3つのテーマで整理します。「stateに入れない（useRef）」「再生成させない（useCallback）」「止める（AbortController）」——この3軸で読んでいただければと思います。 ランキング参加中プログラミング ランキング参加中旅行ランキング参加中弱小ブロガーズ このサイトでは地図機能を中心に据えており、しまなみ海道 観光マップとしてスマートフォン・デスクトップどちらからでも使えるようにしています。地図上にはホテルと観光スポットのピンをレイヤーで切り替えて表示…

#Next.js#TypeScript#個人開発
カミナシ エンジニアブログ•7日前

AIのための特別なアーキテクチャはいらない ― 0→1開発で実践した設計原則とガードレール

はじめに カミナシでエンジニアをしている Shimmy です。今は新規プロダクト開発をしています。 0→1の開発設計では「コードベースの持続可能性」と「短期的なデリバリー速度」の両方が重要です。そのバランスを取りながら、AIの力を最大限活かせるアーキテクチャを考えてきました。 その過程で分かった設計原則というのは、AIを活用する前から変わらないものでした。 この記事では、AIの力を引き出す設計と、その設計を決定論的に守らせる仕組みついて話します。 補足: TanStack Start（フルスタックReactフレームワーク）を利用しており、フロントエンドとバックエンドが同一コードベースにあります…

#TypeScript#Architect#AI
Shimanami RouteLab｜しまなみ海道のスポット紹介サイトを個人開発•8日前

手を動かして初めてわかった　Next.js + TypeScript で個人サイトを作りながら学ぶという選択

座学だけでは身につかない——実践学習に切り替えた理由 正直に言うと、座学はそれなりにやってきたつもりでした。 ランキング参加中プログラミング ランキング参加中旅行ランキング参加中弱小ブロガーズ JavaScriptの文法、Reactのコンポーネント設計、HTTPの仕組み、DBの正規化……。本を読み、Udemyを視聴し、ハンズオン記事を写経する。一通り「わかった気」になれる体験を繰り返してきました。 でも、ある日ふと気づいてしまいました。「これじゃ何も作れるようにはならない」と。 useEffect の依存配列についてはある程度説明できる。でも「じゃあ実際のプロジェクトで、どこに何を置いて、どう…

#Next.js#TypeScript#個人開発#学習記録
ITANDI Engineer Blog•19日前

TypeScript 6.0に上げたかった

はじめに こんにちは！Frontendチームの薄羽です。TypeScript 6.0がリリースされました🎉内部向けに6.0に上げるまでの手順を書こうと思いましたが、せっかくなら詰まったところを全世界に共有した方が良いと思い、テックブログにします。エイプリルフールに執筆していたので、タイトルを「TypeScript 6億」にしようと思いましたが、全然面白くなかったためやめました。あと、タイトルにもありますが上げられなかったです。 TypeScript 6.0とは 詳しくは公式ブログを参照してください！TypeScriptは7.0からGo言語での実装になります。6.0は7.0に移行するためにいくつ…

#フロントエンド#TypeScript
rsaiga’s blog•19日前

Reactの非同期性とマルチステップフォームのテスト設計

はじめに 「ユーザーが選んだ日付が、なぜか今日の日付で登録される」 こんなバグ報告を受けたとき、あなたはどこから調査を始めるだろうか。バックエンドのパース処理？データベースのタイムゾーン設定？ 実は今回の原因は、Reactの最も基本的な特性 ── setStateの非同期性 ── にあった。 この記事では、マルチステップフォーム（ウィザード形式のフォーム）で実際に遭遇したバグを題材に、2つの問いを追う。 1つ目は 「なぜこのバグが生まれたのか」 ── Reactの状態更新のメンタルモデルの話。 2つ目は 「なぜテストで防げなかったのか」 ── テストピラミッドの隙間の話だ。 背景・課題 マルチ…

#TypeScript#react#テスト設計#AIコーディング
ネットワールド らぼ•20日前

OktaのAuth0を使ってReactアプリにログイン機能を追加してみる

こんにちは。ネットワールド技術担当の山下です。 Webアプリを作っていると、どこかのタイミングで「そろそろログイン機能が必要だな」となりますよね。ただ、認証まわりを全部自前で作ろうとすると、画面だけでは済みません。ユーザー管理、パスワード管理、セキュリティ対策、ソーシャルログイン対応など、考えることが一気に増えてきます。 そこで今回は、OktaのAuth0を使って、Reactアプリケーションにログイン機能を追加する検証をやってみました。題材は Vite + React + TypeScript のシンプルな SPA です。Auth0 React SDK を使って、ログイン、ログアウト、ユーザー…

#Auth0#Okta#TypeScript#認証#SPA