Hatena Blog Tags
はてなブログ トップ
TypeScript
このタグでブログを書く

TypeScript

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

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

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

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

MockServiceWorker（MSW） を使った高速開発のための運用事例

クラウドサイン事業本部の田邉(𝕏@s_tanabe_)です。 フロントエンドの開発に携わっているみなさんは、バックエンドや BFF(Backends For Frontends) の開発を待たずにフロントエンドの開発に取りかかりたいと考えたことはありませんか？ これが実現できると フロントエンドでの不確定性を早いうちに潰しておける バックエンドと並行してフロントの開発を進めることができるようになる など開発の高速化につながるメリットを享受することができます。 そしてこれを実現することができるようになるツールこそが Mock Service Worker です。 以降では Mock Servic…

#MSW#Next.js#TypeScript#フロントエンド

ネットで話題

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

関連ブログ

SoBlog•5日前

「TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発」を読む

良かったところ SSG＋CSRのWebアプリ作成が体験できる 悪かったところ(もしあれば) 内容が古く実行が困難 学んだこと SSG＋CSRのWebアプリ作成におけるポイント(下記参照) 難しかったこと 内容が古く環境構築から実行が困難 よってGithubからcloneしたものをベースに検証 要件定義 N/A 設計 SSRはシンプルだがUXを損なう恐れがあるため、SSG＋CSRがおすすめ SSG＋CSRはSSGで共通部分は先に表示させて必要な箇所はCSRで非同期で表示させる Pages Routerは安定しているが、App Routerはまだ不安定な所がある 今後はApp Routerが推奨さ…

#TypeScript#Next.js#プログラミング
マイファニーウィークエンド•9日前

作るぞ！バトルラリー攻略補助ツール(所持バディーズ状況編)

昨日に引き続き進捗報告です。 ものすごい勢いで実装が進んでいきます。ただしほぼ唯々諾々とclaudeに従っているだけなので何の勉強にもなっていない感がすごい。まあところどころ修正を加えたりはしているのですが……。 いまのディレクトリ構成はざっくりこんな感じ。 rally-app/ ├─ .gitignore ├─ package-lock.json ├─ package.json ├─ README.md ├─ tsconfig.json ├─ node_modules/ ├─ public/ │ └─ buddies.csv └─ src/ ├─ App.css ├─ App.tsx ├─ …

#ポケモンマスターズEX#バトルラリー#TypeScript
マイファニーウィークエンド•10日前

作るぞ！バトルラリー攻略補助ツール(設計・プロジェクト立ち上げ編)

先日、別の記事で自分の勉強のためにバトルラリーの攻略用のツールを作りたいという話をした。 kubotat.hatenablog.com 流石に全世界に向けて宣言した以上、(最終的に完成までこぎつけられるかどうかは別として)ある程度頑張らなければいけないと思っているので、ちょっとずつ進めてブログで報告していきたい。 あんまりにもいっぱい書かなきゃダメとすると続かないと思うので本当に最低限で。 要件定義・設計 繰り返しになるが自分はマジで開発の経験が皆無(そんなやつがいきなり作るのは無茶だと言うのもわかっている)なのだけれど、流石にいきなり作り始めるんじゃなくて丁寧に準備した方が良いと言うのはわか…

#ポケモンマスターズEX#バトルラリー#TypeScript#駆け出しエンジニア
algonote•10日前

[Zenn投稿] Ruby on Railsにはない一般攻撃魔法

他言語のフレームワークとRailsを比べてみる Zennに投稿しました Zennに「Ruby on Railsにはない一般攻撃魔法」を投稿しました。 zenn.dev 所感 フリーレン2期制作決定したみたいですね。ゴールデンウィークにひたち海浜公園にネモフィラを見に行ったんですが、一面蒼月草といった感じでよかったです。 ランキング参加中プログラミング

#プログラミング#Zenn#Ruby#Ruby on Rails#TypeScript
かもメモ•13日前

ESLint A && B, A || C が no-unused-expressions のエラーになる

TypeScript React で ref を使ったタイマーを使った処理を書いていて予期しない ESLint のエラーが出たのでメモ ESLint no-unused-expressions error が発生 const timerRef = useRef<number | null>(null); // … timerRef.current && clearTimeout(timerRef.current); // => ESLint error A && B をしている箇所で Expected an assignment or function call and instead saw…

#TypeScript#ESLint#JavaScript
マイファニーウィークエンド•14日前

バトルラリー攻略補助ツール的なやつを作りたいなーと思っている話

バトルラリー、楽しいけど難しい。 自分は基本的にゼンミエを使って最終戦までの編成を事前にみっちり組んでから攻略したいタイプなんですけど、さすがに10戦分ともなると頭の中だけでは無理が出てくるので、スマホのメモ帳に書いているが、なかなか見にくいし記入も難しい。もっとわかりやすく一覧にして見られるものがいい。 可能であれば各階の指定ロールも予め入力しておくことで自動でスコアを計算してくれたりすると嬉しい。そして更に可能ならいま所有しているバディーズのうちで編成しているバディーズはどれくらいなのか、まだ指定ロールを満たせる余地がどれくらいあるのかもひと目で見られると嬉しい。 でもそんな都合のいいツー…

#ポケモンマスターズEX#ポケマスEX#バトルラリー#TypeScript
UPSIDER Techblog•15日前

ZodとOpenAPI Generatorで日付文字列をBrand型で扱う

UPSIDERでエンジニアをしている太田です。 (@Hide55832241) この記事ではZodとOpenAPI Generatorを使用し、日付文字列をBrand型で扱う方法について紹介します。 TypeScriptを使用したフロントエンドのアプリケーション開発で日付をstring型で扱う際に困ることがあります。 日付をstring型として扱う際、APIから返却された未フォーマットの文字列と、UI用にフォーマットされた文字列を区別することが難しく、誤った表示や変換処理が発生しがちです。 またAPIリクエストでは正しいフォーマットで送信されているかどうかを保証できないため、不具合の原因になる…

#TypeScript#Zod#OpenAPI#OpenAPI Generator#react
yousu tech blog•17日前

Vueのリアクティブなデータについて調査した

調査対象 Vueでよく使う以下のデータ型のリアクティブ性について調査してみた。 Primitive Object PrimitiveRef ObjectRef PrimitiveShallowRef ObjectShallowRef Reactive ShallowReactive PrimitiveComputedRef ObjectComputedRef PrimitiveWritableComputedRef ObjectWritableComputedRef ObjectReadonly ObjectShallowReadonly 調査結果 データ型 isRef isReactive …

#Vue 3#フロントエンドエンジニア#TypeScript
handatのdatファイル•18日前

Switchbot APIから取得した自宅の温湿度をMakerelに送信するLambda関数を作った

自宅のスマートホームには主にGoogle HomeとSwitchbotの機器で使っている。 最近、Switchbot APIが存在することを知ったので自宅の温湿度をMackerelのサービスメトリックに送信してみた。 作ったもの github.com 主な特徴 SwitchbotAPIから取得したメトリクスをMackerelのサービスメトリックに送信 温湿度計では取得できる温度、湿度、バッテリー残量に加えて不快指数の4種類 実行環境はEventBridgeでスケジュール実行されたLambda関数 AWS SAMを利用してLambda関数をデプロイ デプロイ時に指定する環境変数でAPIキーやLa…

#Mackerel#AWS SAM
Link and Motivation Developers' Blog•6時間前

【VueFes 勝手に応援企画】個人的 予習リスト

はじめに こんにちは！株式会社リンクアンドモチベーションの中上です。 10月19日（土）に開催される Vue Fes Japan 2024、皆さんも楽しみにしていることでしょう。 弊社リンクアンドモチベーションは、今年のVue Fes Japan 2024にプラチナスポンサーとして協賛しております。当日は私も、「AIとともに歩んだライブラリアップデートの道のり」というセッションで登壇いたします！さらに、PRブースも出展予定ですので、ぜひお立ち寄りください。 すでに公開されているタイムテーブルを確認しましたが、今回のVue Fes Japanには、Vue.js関連エコシステムのコアメンバーが国内…

ささきしき•1日前

真説「なろう小説タイトル長すぎ問題」

はじめに 本研究は、動画『なろう小説タイトル長すぎ問題』*1（以下「先行研究」）と、先行研究をブログとして紹介した『タイトルが長い「なろう系小説」トップ5！ 長文タイトル+長文サブタイトルの合わせ技で100文字超えの題名がコチラ』*2（以下「ニュース」）の集計方法のブレを指摘し、改めて再集計を行うものである。 研究に至った経緯 mstdn.nere9.help social.mikutter.hachune.net mstdn.nere9.help social.mikutter.hachune.net social.mikutter.hachune.net social.mikutter.h…

あしたから本気だす•2日前

k6に入門する

いつも業務では Locust を使っていて、最近 Twitter やはてブで k6 をよく見るので n 番煎じですが勉強がてら入門してみます。 k6.io grafana.com k6 のインストール ふだん macOS を利用しているので brew でインストールします。すんなりインストールできました。k6 は Go で書かれているのでバイナリでのインストールも可能です。 brew install k6 github.com スクリプトの作成 Get started に沿って進めていきます。k6 new すると script.js が生成されました。コメントが含まれていましたが省略しています…

Python転職初心者向けエンジニアリングブログ•2日前

TypeScriptとKotlinの連携について

こんにちは、皆さん！今回の記事では、TypeScriptとKotlinの連携についてお話しします。JavaScriptの型安全な代替として人気の高いTypeScriptと、Androidアプリ開発やサーバーサイドで広く使われるKotlin。この2つの言語を連携させることで、フロントエンドとバックエンドの垣根を超えたシームレスな開発が可能になります。今回はその手法を、サンプルコードを交えて解説していきます。初心者の方でも理解しやすいように、細かい部分も情緒的に説明していきますので、ぜひ最後までお付き合いください。 TypeScriptからKotlinへのリクエスト TypeScriptとKotl…

Python転職初心者向けエンジニアリングブログ•2日前

SwiftとTypeScriptの連携方法について

こんにちは、皆さん。今回の記事では、SwiftとTypeScriptの連携方法についてお話しします。SwiftとTypeScriptは、それぞれiOSアプリ開発とWeb開発で広く使われていますが、これらを連携させることで、モバイルとWebの垣根を超えたシステムを作ることが可能です。そんな連携の仕組みを、具体的なコード例を交えながら、初心者の方にもわかりやすく解説していきます。 SwiftとTypeScriptの連携を考えるとき、APIを介したデータのやり取りが基本となります。例えば、Swift側でユーザーの入力を受け取り、TypeScript側のサーバーに送信し、結果をSwiftに戻してアプリ…

Devlog by Reazon Holdings•2日前

レアゾン・ホールディングス 2024新卒エンジニアフロントエンド研修 - 基礎力を高めるHTML・CSSからReactまでの学び -

こんにちは！2024新卒menu事業部フロントエンドエンジニアの櫻井です。 大学で車の設計を学んでいましたが、興味が持てず2年間休学をしてWebサイト制作の個人事業主を経験しました！ その後「世界一の企業へ」というVisionに惹かれレアゾン・ホールディングスへ新卒入社し、様々な技術を学ぶ研修を受けました。 今回の記事では、その研修の中でも特にフロントエンド研修についてご紹介させていただきます。 研修の概要 フロントエンド研修の概要 フロントエンド研修の詳細 HTML・CSSの学習：レアゾン・ホールディングスのHPを作成（1日目） ブラウザの基本機能とHTTPプロトコルの理解（2日目 ~ 3日…

Stockmark Tech Blog•2日前

Vue Fes Japan × TSKaigi 合同イベント 「次世代フロントエンドツールチェイン」は広い学びのある最高のイベントだった #vuefes_tskaigi

こんにちは、ストックマークで技術広報とエンジニアをさせていただいています安藤( @ampersand_xyz )です。 本記事では2024/10/2に開催された Vue Fes Japan × TSKaigi 合同イベント 「次世代フロントエンドツールチェイン」 のイベントの参加レポート・セッションの記録をお伝えさせていただきます。 Vue FesとTSKaigiが合体した奇跡の大満足イベントでした Vue Fes Japan 2024 見どころ紹介 / Vue.js-jp 沖さん 登壇予定だったKazuponさんに変わって、Vueの日本コミュニティの沖さんがファシリテーション＆登壇され、今年…

†cateiru†•3日前

【ブラウザ拡張】manifest v2 と v3 で実行可能な eval を作る

ブラウザ拡張機能作っていますか？そこで eval を実行したいというケースは多くあると思います。 例えば、 options ページにてユーザーが任意のコードを入力できるようにしてそれを実行するケースなどです。任意の JavaScript コードを実行する際には eval や new Function を使いますが、ブラウザ拡張機能では簡単に使うことはできません。特に、 Manifest V3 ではよりセキュリティが向上しており単体での eval とそれ相応の機能はほぼ使用不可*1となっています。 これらの制約下でもどうしても eval を実行できるようにする方法を解説します。 この解説では拡張…

Python転職初心者向けエンジニアリングブログ•3日前

tRPCを使ったモノレポ（monorepo）プロジェクトでの動作が思うようにいかないとき、どのように解決していけばいいのか

こんにちは、システムエンジニアの皆さん。今回は、tRPCを使ったモノレポ（monorepo）プロジェクトでの動作が思うようにいかないとき、どのように解決していけばいいのかを深掘りしていきたいと思います。tRPCは、APIをより型安全に、効率よく管理するためのツールですが、モノレポ環境ではその設定や依存関係の管理が少し複雑になりがちです。そのため、この記事では具体的なトラブルシューティングの方法をコード例と共に紹介します。 tRPCとモノレポの基礎 まず、tRPCとはTypeScriptを使ってAPIのクライアントとサーバーの型を自動的に同期するためのライブラリです。これにより、フロントエンドと…

BASEプロダクトチームブログ•3日前

YELL BANKチームにjoinして5ヶ月経ったので、振り返ります

はじめに BASE BANK Division で エンジニア をしている岩本と申します！ YELL BANKの開発を担当しています。 2024年5月にBASEへjoinして早いもので5ヶ月ほどが経ちました。 joinしてからいくつかのプロジェクトを担当してきました。 改めて考えるとオンボーディングがとても充実していたおかげで円滑にプロジェクトに入っていけたのだなぁと感じます。 そこで、オンボーディングを中心にこれまでの5ヶ月を振り返りつつ、チームが新規メンバーのキャッチアップに向けて、どのような取り組みを行っているかを紹介させて頂こうと思います！！ 前置き 本題に入る前に前置きです。 私の普…

ぱいぱいにっき•3日前

YAPC::Hakodate 2024に行ってきました #yapcjapan

お疲れさまです！ ブログ書くまでがYAPCということでやっていきます。 yapcjapan.org 前夜祭 前夜祭ではガラナを受け取って早速北海道に来た感が出ておりました。この後アンカファレンスという形で会が始まり、序盤はmoznionさんやpasta-kさんの話を聞いてたんですが、目線が合ってしまい私も壇上に上がることに。AIとか色々重いテーマでしたが、わりかし今自分が他人と話したいことが話せてよかったかと思います。文芸的プログラミングのくだりとかまさにそうですね。 そのあとは基本的には後ろで話したり（声がもし大きかったらすみませんでした）、別室に移動してきた人と話していました。 懇親会が終…

学んだことをメモするブログ•3日前

型ガード　is演算子について

is演算子とは 正式名称「ユーザー定義型ガード(User-Defined Type Guards)」といい、自分で定義した型に対して型ガードを適用する際に使う。 順番に説明していく。 型ガードとは TypeScriptの機能であり、特定の型が使われているかを判定することができる。 型ガードを使うことで、型エラーを事前に防ぐことができるため、コードを安全に書ける。 型ガードは大きく分けて2種類あり、 「組み込み型ガード」 、「ユーザー定義型型ガード」がある。 組み込み型の型ガード TypeScriptの組み込み型に対して使用する型ガードである。 typeof プリミティブ型(string, nu…

学んだことをメモするブログ•4日前

typeofの使い方

Typeofとは typeofはJavaScriptとTypeScriptで使われる、型を調べるための演算子である。 使い方 console.log(typeof "Hello"); // "string" console.log(typeof 123); // "number" console.log(typeof true); // "boolean" console.log(typeof {}); // "object" console.log(typeof []); // "object" // 配列も「object」と表示される console.log(typeof null); /…