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

TypeScript

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

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

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

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

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

ネットで話題

もっと見る
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
867ブックマークはじめに | TypeScript入門『サバイバルTypeScript』typescriptbook.jp
721ブックマーク急なTypeScript案件🔥最初の30日間に使い倒したい「コードリーディング支援ツール」 - Qiitaqiita.com
595ブックマークTypeScriptをプロダクト開発に使う上でのベストプラクティスと心得 - Qiitaqiita.com
595ブックマークJavaScriptを書くならTypeScriptを使え！ - 部屋とボードゲームと私と酒と泪と男と女「スタンプグラフィティ」に続き、新作ボードゲーム「くだものあつめ」を作りました。伝統ゲーム「マンカラ」を進化させたようなゲームです。2人から楽しく遊べます。Amazonでもご購入頂けます。sites.google.com

関連ブログ

ソフトウェア開発者のための OSS、まとめてみました！•13時間前

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ブログ•15時間前

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

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

#TypeScript#react
かもメモ•19時間前

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•20時間前

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

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

#TypeScript#Hasura
dyoshikawa’s blog•3日前

Node.jsでGPT-4 APIを使う

届いたメール: You're invited to use the OpenAI GPT-4 API! You can now access GPT-4 models with 8K context via the existing OpenAI API. Get started As an early customer we'd love to hear about your experience. Feel free to share feedback on our community forum or reach out directly to our team. Best, The O…

#Node.js#ChatGPT#GPT-4#TypeScript#OpenAI
GREE DX Tech Blog•3日前

SvelteKit + Firebaseでリアルタイムクイズ大会開催システムを作った話【後編② Firebase】

「感謝祭クイズ！」についておさらい DX事業本部の小松です。 以前投稿した「感謝祭クイズ！」アプリ【前編】の記事では、技術構成に関する簡単な説明と、どんなアプリを作ったのかについて紹介しました。 おさらいすると、「感謝祭クイズ！」はリアルタイムクイズを開催するためのアプリです。管理画面でクイズを作り、進行画面でクイズ大会を進め、参加者画面でクイズに解答することができます。 管理画面でクイズを作成 進行画面でクイズ大会を進め、参加者画面が自動で切り替わっていく 参加者画面でクイズに解答する そんな「感謝祭クイズ！」は、主にSvelteKitとFirebaseを用いて以下のような構成で開発されてい…

#svelte#SvelteKit#Firebase#TypeScript#webアプリケーション
素肌にサスペンダー•4日前

【JavaScript】JSONの一部の値を書き換えたい時の関数

ネストされたJSONオブジェクトの一部の値を書き換えたい場合、以下のような関数でできた。 第二引数のkeysに、objectの上から順に指定すればOK。 function updateJson(obj, keys, value) { let currentObj = obj; for (let i = 0; i < keys.length - 1; i++) { currentObj = currentObj[keys[i]]; } currentObj[keys[keys.length - 1]] = value; return obj; } const obj = { a: { b: { …

#JavaScript#TypeScript#JSON
(O+P)ut•5時間前

【自動更新】QiitaのDailyランキングTop10

更新日時 2023/03/25/07:07 Qiita Trends Daily 1位 [New] ChatGPT,GPT-4 Qiita Trends Daily 2位 ※前日5位 JavaScript,ECMAScript,標準化,TC39,SmooshGate Qiita Trends Daily 3位 ※前日2位 AI,copilot,githubcopilot,記事投稿キャンペーン_ChatGPT,GPT-4 Qiita Trends Daily 4位 [New] SQL,PostgreSQL,DB,初心者,資格 Qiita Trends Daily 5位 [New] SQL,Pos…

人気商品セールまとめ•6時間前

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

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

ky_blurblue’s diary•9時間前

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

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

Object.create(null)•12時間前

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•20時間前

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

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

Mitsuyuki.Shiiba•1日前

「Jestではじめるテスト入門」を書きましたー #Jest本

Jestではじめるテスト入門 本日「Jestではじめるテスト入門」がついに発売されました 🎉🎉🎉 peaks.cc CircleCI時代の同僚の伊藤さん @ganezasan が「Jestの自動テスト本の執筆を手伝ってくれませんか？」と声をかけてくれて「これからテストを書きたいって人に向けたJestの入門書を書きたいんですよ！！」って熱く語ってくれて「いいなぁ」と思ったので参加しました。本を書くなんて初めてのことなので、自分なんかに書けるかなぁとドキドキしてたのですが、周りの方々の助けのおかげで、なんとか書き上げることができました。 そして、監修はなんと和田さん @t_wada です。自分が自…

console.lealog();•1日前

2023年のCSSは0ランタイムにしたい

したいよね？事の経緯としては、 とある新規プロジェクトで、技術選定をすることに 開発の土台はViteで、フレームワークはJSXが使えるやつに決まった さてCSSはどうやって書こうかとなる あれこれ考えて、とある方法に決めた というのをまとめた、まあポエムの域を出ないメモです。CSS ModulesやらTailwindやらCSS-in-JSやら手法はいろいろあれど、どれが今の推しかっていう。

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

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

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

usakdsteen•1日前

2023年03月24日(Fri)の独り言

2023年03月24日(Fri)の呟きは 14

ダークサイドにようこそ!•2日前

Nuxt3 + Tailwind CSS + Three.js でポートフォリオをリニューアルしGitHub Actions で自動デプロイするようにした

ポートフォリオをリニューアルしました（ドメインも取りました）。メインビジュアルとしてフラクタル図形の３次元化を試みています。 followthedarkside.com 勉強がてら色々と初めてのものを導入してみたので、備忘録として記事にしておきます。Web開発って初心者向け情報だと「HTML+CSS+JSで簡単なサイト作ってみよう」から、ちょっと深掘りし出すと急に知らない言葉や概念が大量に出てきてようわからんってなりませんか。あとWordPressで稼ごう記事や怪しいオンラインスクールなど（WPが悪いわけじゃないんです）。 今回の記事は導入からデプロイまで網羅的に（雑に）書いてますので、Web…