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

TypeScript

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

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

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

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

「Jestではじめるテスト入門」ゆるく感想

約1年前に予約してた「Jestではじめるテスト入門」の電子版の配信が始まっていたので早速読んでみました。 peaks.cc TLDR Jestの導入と入門からやりたい人はマストバイ TypeScriptわからない人は結構厳しいかも ビジュアルリグレッションテストに関する記載は少ないので、UIテスト関係に期待しない方がいい 読もうと思ったきっかけ 当時前職にいたときに、フロントエンド関連のバグが多発していたこともありテストコードを入れていこうと流れになって、ちょうどJestに慣れていく途中の段階でした。そんなとき丁度プロジェクトを偶々知って即予約してたって感じだった気がする。 関数のテストの書き…

#Jest#TypeScript

ネットで話題

もっと見る
1782ブックマークTypeScript入門以前ガイド - mizchi's blogmizchi.hatenablog.com
1269ブックマークTypeScript再入門 ― 「がんばらないTypeScript」で、JavaScriptを“柔らかい”静的型付き言語に - エンジニアHub｜Webエンジニアのキャリアを考える！eh-career.com
932ブックマークsuin・読者4万人『サバイバルTypeScript』公開中！ on Twitter: "すごい発明をしたかも…💡英語で技術ブログ書くとき、HackmdとGoogle翻訳を組み合わせると、Markdown+英語で書きながら、内容をGoogleのAIにチェックさせられる。英語として流暢かはさておき、少なくともGoogle… https://t.co/Ac7bVZHLA5"twitter.com
909ブックマークTypeScript Deep Dive 日本語版 - TypeScript Deep Dive 日本語版typescript-jp.gitbook.io
907ブックマーク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
868ブックマークはじめに | TypeScript入門『サバイバルTypeScript』typescriptbook.jp
721ブックマーク急なTypeScript案件🔥最初の30日間に使い倒したい「コードリーディング支援ツール」 - Qiitaqiita.com
595ブックマークTypeScriptをプロダクト開発に使う上でのベストプラクティスと心得 - Qiitaqiita.com
595ブックマークJavaScriptを書くならTypeScriptを使え！ - 部屋とボードゲームと私と酒と泪と男と女「スタンプグラフィティ」に続き、新作ボードゲーム「くだものあつめ」を作りました。伝統ゲーム「マンカラ」を進化させたようなゲームです。2人から楽しく遊べます。Amazonでもご購入頂けます。sites.google.com

関連ブログ

葛葉アプスとちらし寿司•2日前

typescriptのObjectのKeyを繰り返したくない。

起こったこと 以下のDataMapのようなオブジェクトを作るとして、Keyがkey1,key2,key3と繰り返し記載しているのがよろしくない。（①のパターン） keyをstringとする場合、key1,key2,key3以外のプロパティ名を持つことが出来てしまい、よろしくない（②のパターン） interface Data { // 省略 } interface DataMap { // ① key1: Data, key2: Data, key3: Data // 繰り返していてプログラミングっぽくない } interface DataMap { // ② [key: string]: Da…

#TypeScript
dyoshikawa’s blog•2日前

CDKのデプロイ前にセキュリティの静的解析ができるcdk-nagを試す

cdk-nagを触ってみた。 Security HubやAWS Configを使った設定チェックはデプロイ後のチェックになるのに比べ、cdk-nagはデプロイ前に静的解析できるのが特長。違反しているとそもそもデプロイできないので開発メンバーに確実にルールを守ってもらえる。CIにも組み込みやすい。 環境 node 16.15.0 typescript 5.0.2 aws-cdk-lib 2.70.0 constructs 10.1.289 cdk-nag 2.23.5 サンプルコードを用意 こんな感じのAPIGW+Lambda定義を用意する。 // lib/apigateway-stack.ts…

#TypeScript#AWS#CDK
ソフトウェア開発者のための OSS、まとめてみました！•2日前

ChatGPT を Next.js with TypeScript で Web アプリ化したOSS「Chatbot UI」！

概要 今回も ChatGPT を利用した Web アプリについて紹介したいと思います。 最近話題の ChatGPT を駆使した Web アプリは世の中にたくさん出てきていますが、今回は最近の Web アプリ開発者ならば聞き馴染みのあるフレームワーク、プログラミング言語で構成されています。 今回紹介する OSS は、Web アプリ開発のモダンなフレームワーク Next.js と TypeScript、TailwindCSS を利用して作成された「Chatbot UI」になります！ 今回の Web アプリですが、ChatGPT がとても使いやすくなっている Web アプリになっています！ それでは…

#OSS#ChatGPT#Next.js#TypeScript#Tailwind CSS#UI#ダークモード
Sassyブログ•2日前

ReactでSmartHRと連携して人事データを可視化するツールを作ってみた

概要 レポート出力結果 テナントIDについて アクセストークンについて ランキング参加中プログラミング 個人開発でSmartHRと連携したレポーティングツールを作成してみました。 simple-hr-reporter.saikicks.net 概要 このツールはSmartHRと連携してAPI経由でデータを取得して可視化を行うためのレポーティングツールです。 SmartHRではフリープラン、労務管理プランでは分析レポートの利用が有料プランに切り替えるなどの対応を行わないと利用できません。 オプション機能として提供されていますが、そこまで細かく分析するほどでは無く現状の人事情報を可視化したい、みた…

#TypeScript#react
青いやつの進捗日記。•2日前

`next lint`がOKでも`next build`だとビルドエラー 原因は型のミス…型のチェックをなににやらせるか

もちろんVSCodeでチェックはできるのだけど、エラー起きてるファイルを開いていないとエラーに気づけない。共通で使ってる型定義を変えたりした場合とか。 next lintがOKでもnext buildだとビルドエラーでだめだったりしてどうにかしたいのが発端。 github.com を見ていると、型のチェックとかはtscで行えば？とのこと で、 typescriptbook.jp によると、型のチェックはESLintよりコンパイラのほうが得意だと。 なので、型チェックをtscでやらせて、それをhuskyでチェックして解決した

#TypeScript#Next.js
かもメモ•2日前

React 👻 jotai を使うと localStorage を使った永続化が簡単だった件について

SPA はリロードすると state が消えてしまうので永続化したい状態ってのが結構あります 生の React だと カスタム hook や useEffect 内で localStorage にアクセスして保存させたえい、Recoil でも effect を使って永続化するコードを書く必要がありました jotai を使うと localStorage に保存するための API が用意されていて永続化がめちゃくちゃ簡単だったのでメモに残しておきます 環境 React 18.2.0 Next.js 13.2.4 jotai 2.0.3 TypeScript 5.0.2 atomWithStorag…

#Next.js#TypeScript#jotai
WASD TECH BLOG•2日前

Hasuraを使ってReactでTodoアプリをサクッと作ろう 完結編

WASD Inc. で開発をしている Yutorin です。 弊社のデジちゃいむでも採用しているHasuraとReactを使ってサクッとTODOアプリを引き続き作っていきましょう。 前回はこちらです。 tech.wasd-inc.com 今回は実際にHasuraとReactアプリとのつなぎ込みを行い、超簡単なTodoアプリを作っていきます。 目次 はじめに Apolloを導入する Queryを動かしてTodo一覧をとる Mutationを動かして追加する これから あとがき

#TypeScript#Hasura
新しいことにはウェルカム•4日前

JavaScriptでMicrosoft SQL Serverを使う方法

JavaScriptでMicrosoft SQL Server（MSSQL）を使う方法メモです。 ライブラリはMicrosoftも推奨しているtediousを使い、あまり凝ったことはせず、必要最低限の機能に絞ってまとめました。 tediosはコールバックスタイルのライブラリなのですが、今風にasync・await・TypeScriptで書いてます。 インストール npm install tedious npm install @types/tedious サンプル import { Connection, ConnectionConfig, Request, TYPES, TediousTyp…

#Azure#Azure SQL Database#JavaScript#MSSQL#Microsoft SQL Server#SQL Database#SQL Server#TypeScript#データ分析
人気商品セールまとめ•20時間前

【03月26日時点】エンジニア向け人気学習コンテンツセールまとめ

エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥27,800 → ¥2,400 91%OFF!! ⭐ ⭐ ⭐ ⭐ （20,088件） 現役シリコンバレーエンジニアが教えるPython入門！応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です！ 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,800 → ¥2,200 …

動かざることバグの如し•1日前

Next.jsでCSRF対策を簡単に実装する方法

環境 Nextjs 13 edge-csrf 1.0.3-rc1 TypeScript 5 やりたいこと 今日は、Next.jsの開発について書こうと思います。Next.jsは、開発がとても便利であることがよく知られています。 しかし、CSRFトークンの機能がRailsのようにネイティブで用意されていないため、自分で実装する必要があります。 これは面倒ですが、edge-csrfというライブラリを使えば簡単にCSRFトークンの実装ができます。先日、私自身もこのライブラリを使ってCSRFトークンの実装を行い、スムーズに開発を進めることができました。 今回はそのメモ https://github.c…

Motomichi Works Blog•1日前

Next.js13の開発環境構築手順 step01 yarn create next-app --typescript

はじめに 2023年3月時点での自分のためのメモとして、Next.jsの環境構築手順をまとめてみます。 環境 node 18.14.2 yarn 1.22.19 next 13.2.4 nodeのインストール nodenvか何かでインストールしてバージョンを指定します。 以下のページあたりを参照して、LTS（Long-Term Support 長期サポート）になっているバージョンを選ぶのが良いと思います。 GitHub - nodejs/Release: Node.js Release Working Group リリース一覧 | Node.js 2023年3月現在で最新LTSのnode 18…

chan_tameのブログ•1日前

TypeScriptのインターフェースについて

TypeScriptのインターフェースってなんや？？ ってなったので、こちらの記事がおすすめです。 zenn.dev

xkttqm's blog•1日前

テックリード兼マネージャーになります

会社で12月の評価時に昇格となり、これまで担当してきた領域のテックリードそして4月からマネージャーとなることになった。まだまだ実力不足な点もあると感じているが、CTOから評価してもらっているというのは非常に嬉しいことであり、その信頼をもっと強固にできるよう精進していきたい。また、現在の仕事について基本的にはWeb開発をやっており、フロントエンドはReact, TypeScript、バックエンドはPlay, Scalaを使っている。また、Web開発とは別にデータ分析を行なっており、そちらではSQLやpythonを使っている。会社で扱っている技術スタック的にはアプリ開発があるためSwiftやKot…

人気商品セールまとめ•2日前

【03月25日時点】エンジニア向け人気学習コンテンツセールまとめ

エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥27,800 → ¥1,600 94%OFF!! ⭐ ⭐ ⭐ ⭐ （20,088件） 現役シリコンバレーエンジニアが教えるPython入門！応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です！ 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,800 → ¥1,500 …

ky_blurblue’s diary•2日前

積み上げ消化：Reactハンズオン 12章3~4節

やっている技術書の積み上げを消化する。 オライリー社より出ているReactハンズオン第2版の12章3~4節。 ここより前は既にやっているので割愛。 しかしひとまず12章全体の概要を自分用に要約しておく。 アイソモーフィックとユニバーサル Reactはアプリケーションのビューを提供するライブラリのためクライアントサイドに寄っている。しかし昨今のwebアプリケーションはバックエンドで何かしらの処理を行うのがほとんど。 そこで出てくるのがアイソモーフィックという概念。 アイソモーフィックとは「複数のプラットフォームでレンダリング可能なアプリケーション」のこと。 ユニバーサルと近い概念だが、あちらは「…

Object.create(null)•2日前

TypeScript 型レベル関数型プログラミング in 2023

ちょっと前に話題になった hotscript の技法の紹介やら, ラムダ計算を TypeScript の型にコンパイルする話やらなんやら. 通常の型レベル関数 TypeScript の型エイリアスはパラメータを取れるので, これは型レベルの関数であるとみなせます. type IsNumber<X> = X extends number ? true : false; type A = IsNumber<42>; // = true 一方でこのようにして定義された関数は第一級ではない, つまり関数そのものを他の関数の引数として渡したりすることができません. type FilterSet<F, X…

Xtone Tech Blog•2日前

テストピラミッドという考え方について

エクストーンの豊田です。今回はソフトウェアの品質を上げるためのテスト戦略について、今自分が取り入れている考え方について簡単に紹介させていただきます。 ここでのテストは機械によって自動的に実行される自動テストのことを指しています。自動テストを行うためにはテストコードを記述する必要があるのですが、何をテストするかによってテストコードの書きやすさが変わってきます。テストコードを書く際にもコストが発生するので、それに見合う効果がないとテストコードを書く文化も根付かないと思っています。 今回はMike CohnさんのSucceeding with Agileで書かれている「テストピラミッド」という考え方…