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

TypeScript

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

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

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

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

Prisma ORM × RLSの悩みを解消。マイグレーションSQLの記述漏れを改善した話 #Developer＆Designer Advent Calendar 2024

Developer＆Designer Advent Calendar 2024 22日目の記事です🎄 はじめに なぜRLSが必要になるのか？ Prisma ORM × RLSで抱えていた課題 課題解決を支援するツールの紹介 prismarlsの仕組み prismarlsの利用手順 現時点での制約 Prisma公式リポジトリでのRLSサポート議論 最後に 参考 はじめに こんにちは。 HR forecasterというプロダクトの開発をしている伊藤です。 hr-forecaster.jp 業務やプライベートの開発でPrisma ORMを利用しています。 PostgreSQLのRow-Level S…

#Prisma#TypeScript#アドベントカレンダー#エンジニア#パーソルキャリア#techtekt

ネットで話題

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

関連ブログ

バイセル Tech Blog•1日前

CI高速化戦略 ~ in Package By Feature ~

はじめに こちらはバイセルテクノロジーズのアドベントカレンダー2024の21日目の記事です。前日の記事は遠藤さんの「ジョブエクスプローラでBigQueryのボトルネックをリサーチする」でした。 こんにちは！私はテクノロジー戦略本部に所属し、2024年に新卒として入社した高橋です。 2023年の10月から内定者インターンとしての経験を積み、現在は開発3部のCRMチームでフロントエンドエンジニア（以下、FEエンジニア）として働いています。 この度、チーム内で継続的インテグレーション（以下、CI）の速度改善に取り組む機会があり、その内容を共有したく、この記事を執筆することにしました。 少しでもCIの…

#CI#高速化#Package By Feature#GitHub Actions#Matrix Strategy#テスト#TypeScript#Jest
かもメモ•1日前

JavaScript classList からクラス名を文字列で取得する方法

シンプルに Element.className や Element.getAttribute('class') 使いなよ。って話ではあるが、JavaScript の Element.classList で取得できるクラス名を HTML にあるように半角スペース区切りの文字列で得たいときってどうするんだっけ？と思ったのでメモ 環境 TypeScript: v5.5.4 <body class="ichigo aoi ran akari"> document.body.className; // => "ichigo aoi ran akari" document.body.getAttribut…

#JavaScript#TypeScript
かもメモ•2日前

GSAP batch でアニメーションが実行された要素だけをアレコレしたい

GSAP の ScrollTrigger.batch を使えば、リストなどに簡単にアニメーションを設定することができる。 https://gsap.com/docs/v3/Plugins/ScrollTrigger/static.batch()/ batch でアニメーションを設定したときに、アニメーションが実行された要素に class を付けたいとか、要素に何か処理をしたい要望があったのでそのメモ TypeScript: ^5.5.4 GSAP: ^3.12.5 ScrollTrigger.batch を使ったアニメーションの基本 cf. static-batch | GSAP | Docs…

#TypeScript#JavaScript#GSAP#CSS animation
iimon TECH BLOG•4日前

TypeScriptシングルトンパターン設計について

こんにちは。iimonでエンジニアをしているhayashiと申します。 普段は主に拡張機能を開発しております。 今回はTypeScriptでのシングルトーンパターンについて解説したいと思います。 シングルトン（singleton）とは、オブジェクト指向プログラミングにおけるクラスのデザインパターンの一つで、実行時にそのクラスのインスタンスがアプリケーション全体で一つだけであることを保証するために使用されます これにより以下の利点があります。 グローバルな状態管理: アプリケーション全体で共有される状態を一元管理するためにシングルトンパターンを使用します。例えば、ユーザーの認証情報や設定など。 …

#TypeScript#JavaScript#Singletonパターン#Singleton
Uzabase for Engineers•5日前

NewsPicks Stage.のApp Router移行の一年を振り返って

こんにちは。ソーシャル経済メディア「NewsPicks」NewsPicks Stage. 事業のエンジニアをしています、林です。 業務では Next.js / Rust / Go などを用いて、経済・ビジネス情報に特化した動画配信サービスである NewsPicks Stage. の開発・運用を行っています。 概要 NewsPicks Stage.（以下Stage.）では去年末ごろから Next.js のフロントエンドを App Router へ段階的移行を進めてきました。 tech.uzabase.com 1年ほどで 半分以上のページが App Router 化 され、知見や感想が溜まってきた…

#Next.js#TypeScript
He_Artのブログ•6日前

React v19 への移行と、発生したエラーの対処

はじめに 先日、React v19 の正規版がリリースされました。（詳しくは以下のページをご覧ください） 一部の非推奨APIが削除されるなど大きな変更があったようです。 react.dev qiita.com 一般的にアップデートと聞くと新しい機能にワクワクするものと思われますが、ライブラリやフレームワークともなるとそうとも言い切れません。 今回はReact初心者の私が、アップデートの際に直面した苦悩を描き連ねて行こうと思います。 環境構築がすごく苦手なので無駄な点や不適切な点もあるかもしれませんが、この記事が誰かの役に立てれば幸いです。 事の始まり ようやくReactの仕様にも慣れてきて、い…

#react#react 19#フロントエンドエンジニア#TypeScript#JavaScript
TSKaigi 公式ブログ•6日前

国内最大級のTypeScriptカンファレンス「TSKaigi 2025」、 スポンサー募集中です

こんにちは、TSKaigi 2025運営チームです。 TSKaigiでは、ともにカンファレンスを盛り上げてくださるスポンサーを募集しています。 TypeScriptエンジニアが集い学びを共有する場として開催した「TSKaigi 2024」では、約2000名と多くの方に参加いただきました。 多くのエンジニアからの支持を受けてこの度の開催を決定した「TSKaigi 2025」では、さらなるTypeScriptコミュニティ全体の活性化を図りたいと考えております。 スポンサードいただく企業さまにとっては、TypeScriptエンジニアへのブランディングおよびリクルーティングの絶好の機会となります。本イ…

#TypeScript#TSKaigi
弁護士ドットコム株式会社 Creators’ blog•7日前

AST の基礎を理解：TypeScript でコードを解析し操作する🔰

この記事は、弁護士ドットコム Advent Calendar 2024 の 16 日目の記事です。 クラウドサイン事業本部のフロントエンドエンジニアの辻@t0daaayです。 最近カンファレンスや勉強会で AST 関連の話を見聞きすることが多い中、実際に AST を触ったことがなかったため学びました。 本記事では、イチから TypeScript の AST の概要の理解をし、実際の AST の操作やそれを簡単に行うためのライブラリを使った内容をまとめています。 AST とは AST（Abstract Syntax Tree : 抽象構文木）はソースコードをパース（解析）し、木構造で表現したもの…

#TypeScript#JavaScript#AST#リファクタリング#フロントエンド
弁護士ドットコム株式会社 Creators’ blog•8日前

Deno 2.0 の依存管理アップデートとモノレポワークスペースの実践

この記事は、 弁護士ドットコム Advent Calendar 2024 の 15 日目の記事です。 弁護士ドットコムで Web エンジニア業務をしている @koukibuu3 です。 2024/10/09、Deno のメジャーアップデートが行われ 2.0 となりました。 4 years after Deno 1.0, the next generation of JavaScript is ready for production at scale.Deno 2 is out today:🐢 Fully backwards compatible with Node and npm 📦 Pac…

#Deno#モノレポ#npm#TypeScript#JavaScript
WILLGATE TECH BLOG•6時間前

【全国制覇】ウィルゲート開発室2024年カンファレンス登壇まとめ！！

この記事は「ウィルゲート Advent Calendar 2024」の 22 日目の記事です。 adventar.org こんにちは！開発グループの佐々木です。 ウィルゲートでは、今年もたくさんのカンファレンスで登壇しました！ 特に今年は、日本列島の北から南まで、さまざまな場所のカンファレンスに参加させていただきました。 そして今年はなんと、10カンファレンスで合計20登壇を達成しました！ まさに全国制覇したといっても過言ではないのではないでしょうか！ また、本日（12/22）開催のPHPConferenceJapan 2024にも、弊社から3名が登壇します！！ 今年最後のカンファレンスで、弊…

Engineer's Digest•7時間前

2024/12/22 #46 - 今日の技術情報ダイジェスト

学校向けウェブサイトのセキュリティ対策：Cloudflare Turnstileの代替案 Mirage-ECSによるECS環境のブランチ別構築 UnityとDifyを用いたAIエージェント開発 ChatGPT o1 pro modeの性能評価と比較 ユーザー名を含むURL設計におけるベストプラクティス Googleの反トラスト法訴訟とChrome標準搭載見直し OpenAIの新AIモデルo3およびo3-mini発表 EUによるAppleへの相互運用性向上要求 OpenAIのAIモデルo3とo3-miniの詳細 QualcommとArmのチップライセンス訴訟と判決 Netflixの推薦＆検索シス…

enechain Tech Blog•21時間前

StorybookとPlaywrightではじめるインタラクションテスト

この記事はenechain Advent Calendar 2024の21日目の記事です🎄 はじめに こんにちは。enechainでソフトウェアエンジニアをしている@nakker1218です。 私たちのチームでは、電力の取引仲介を行う同僚(ブローカー)たちが使う、注文の統合管理システムeNgineの開発しています。 ブローカーは日々1分1秒を争いながら収益を上げているため、システムが停止したり機能に不具合が生じると、事業に非常に大きな影響を与えてしまいます。 一方、電力業界はドメインが複雑で、要件や機能も多いため、バグが発生するリスクが高いです。 実際にこれまで以下のような問題が発生したことが…

sho4613のブログ•1日前

ReactでのTypeScriptとScssを使用したプロジェクト作成ガイド

ReactでTypeScript、Scss(Sass)を使用したプロジェクトの作成方法、必要のないファイル削除して最小構成なプロジェクトを作成。 プロジェクトの作成 npxでtypescriptのテンプレートを使用してプロジェクトを生成する プロジェクトを起動 scss(sass)の導入 cssファイルの拡張子変更 プロジェクトの整理(最小構成) 必要のないファイルの削除 各種ファイルの中身を整理する 最終的なプロジェクトのディレクトリ構造 プロジェクトの作成 npxでtypescriptのテンプレートを使用してプロジェクトを生成する プロジェクトを作成したいディレクトリでコマンドプロンプトま…

litswdの日記•1日前

2024年振り返り

プログラミング 仕事では4月以降Ruby以外の言語を触り始めた。TypeScriptやGoなどを現在触っていて、流行の言語は一通り学習できた。関数型言語はまだなのでどこかのタイミングで自習したい。言語以外でも、KubernetesやAIに触れられるなど学びが多い一年だったと思う。新しいプロジェクトへの素早いキャッチアップの方法も自分の中で蓄えられたのも良かった。来年も引き続き知らない領域へのチャレンジを続けていきたい。 プレイベートでは1日30分の読書をゆるく継続できていて、技術系の本を17冊ほど読むことができた。これで知見が広げられ、キャッチアップが早くなっている実感がある。名著「データ指向…

くらげになりたい。•1日前

Cloudflare Workersに入門する

ずっと気になっていた、Cloudflare Workers、 そろそろ入門しようと、ドキュメントを読んでみたときの備忘録(*´ω｀*) Cloudflare Workersとは このスライドがわかりやすい Cloudflare Workersのユースケースと開発方法 - Speaker Deck ざっくりいうと、 ユーザに近い距離にあるサーバ(エッジサーバ)で動く サーバレスな処理(APIとかWebアプリとか) 正確ではないけど、HTTPリクエストを受け付ける AWS LamdaとかGCP Cloud Functionsとかみたいな感じ Cloudflare Workersの特徴 なんといって…

yikegaya’s blog•1日前

react-chartjs-2をuninstallしてrefsでグラフを書き直した時の実装

仕事で開発しているReactプロジェクトのバージョンを18→19に更新しようとしたところ「react-chartjs-2」というChartjsのReactコンポーネントを提供しているライブラリがreactのバージョンに依存していて更新できなくなりました。 Githubを見に行ったところ最終更新日が1年以上前でメンテされてる気配がなかったのでuninstallしました。 Chartjsはそのまま使いたかったのでこのライブラリで提供されているcomponentを使わずにrefsを使って実装を変更しました。 その際の変更後の実装書いて見ます。 github.com Chartjsとrefsでbarグ…

CrossRoad•1日前

Babylon.js 公式ドキュメントで紹介されているheyVR.ioについて

これは「Babylon.js アドベントカレンダー2024」の10日目の記事です。遡って書きました。 Babylon.jsの公式ドキュメント にはいろいろな情報があり、Community Extensionsというコーナーもあります。 そこには、Babylon.jsと他のライブラリやサービスを組み合わせたものが紹介されています。 今回は、そこで紹介されているheyVR.ioについて簡単に調べてみました。 1. heyVR.ioとは 2. heyVR.ioの運営会社 3. heyVR.io向けゲームの開発方法 4. おわりに

toggle Engineer Blog•1日前

Cursor上級テクニック〜月額$20の真価を解放せよ〜

こんにちは、トグルホールディングスのAIエンジニアの中村です！ トグルホールディングスエンジニアアドベントカレンダーの21日目の記事です！ 元記事は以下です。 zenn.dev 本記事では、Cursorを基本的に使いこなしている開発者がさらに一歩進んで活用するためのニッチなテクニックを紹介します。 「Cursor Proにせっかく月20ドル払っているから、もう一段活用の幅を広げたい！」 という方にこそ読んでいただきたい内容です！ はじめに Cursorの主要機能を一通り使いこなしている方も多いかと思います。 しかし、月20ドルという投資をするからには、表面上の使い方だけではもったいない！ 本記…

iimon TECH BLOG•1日前

アラフィフでも関数型をあきらめない！「関数型ドメインモデリング」で再入門してみた話

はじめに まずは戦う相手を見定めよう 戦術はいかに まずは関数を知る しゅ、しゅ、出力がないだってぇ！？ 型＝値の集合とはなんぞや？ まとめ おわりに 参考 はじめに 本記事はｉｉｍｏｎ Advent Calendar 2024 21日目の記事となります！ こんにちは！DDDとTDDには熱心だけど、推し活はDD（誰でも大好き）ではなく、とことん一途なエンジニアマネージャー、まつだです。 本日12月21日は私の誕生日ということで、なんと101101歳になってしまいました！（この手のやつ、16進数にしてるのはよく見るけど、2進数は斬新やな⋯） ちょっとでも誕生日を祝ってくれる気持ちのある方は、ぜひ…

hedgehog_okimotiのブログ•2日前

Google spreadsheetから呼び出せるGASの@customfunctionアノテーションした関数の仮引数の型について

本文 カスタム関数の引数の型なんやねん問題について調査した。 本文 はじめに カスタム関数の引数の型 調査方法 結論 claspの導入手順 はじめに Google Apps Script (GAS)はGoogle spreadsheetで使える、JavaScriptライクなスクリプト言語である。 すなわち、GASはTypeScriptで開発可能であり、その支援ツールとしてclaspを利用できる。 したがって、GAS開発では静的型付けの恩恵を受けることができる...はずである。 GASで定義した関数の呼び出し方法は、大きく2つある: セル数式から呼び出す カスタムメニューから呼び出す この記事で…