NeverThrow入門 | TypeScriptでResult型を使いたいんじゃ＾〜
会社でNeverThrowというライブラリを使っています。 とても便利なので、とても便利だよ〜という記事を書きます。 NeverThrowとは？ NeverThrowは、TypeScriptで「Result型」を実現できるライブラリです。 Result型とは？ Result型は、関数の中でエラーをthrowする代わりに、エラーを戻り値として返すようにすればいいじゃね？な仕組みのことをいいます。 もっと噛み砕いて説明します。 たとえば「50%の確率で足し算してくれるけど、50％の確率で💩をthrowする」という関数があるとします。 コードで表すと👇になります。 function add(a: number, b: number) { if (Math.random() >= 0.5) { throw new Error('💩'); } return a + b; }
Typescript これ使ってみて Part 1
はじめに TypeScriptには新しい機能がたくさん追加されていて、どれを使うか迷うことがあります。本ブログでは、次の開発にすぐ使えそうなTypeScriptの面白い機能をいくつかピックアップして紹介します。 using キーワードでリソース管理をシンプルに こちらは C# の using や Python の with と同じものです。 using が導入される前は、以下のようにリソース管理を行いました。 export function doSomeWork() { const path = ".some_temp_file"; const file = fs.openSync(path, "w+"); try { // use file... } finally { // Close the file and delete it. fs.closeSync(file); fs.unl
エラーや非同期処理をより安全に扱うための TypeScript ライブラリ Effect-TS
TypeScript の型システムを活用して、本番のアプリケーションにおける実用的な問題を解決することを目指しています。Effect-TS は、以下のような特徴を備えています。 並行性（concurrency）：Fiber ベースの並行モデルにより、高いスケーラビリティと低レイテンシを実現 コンポーザビリティ（composability）：小さく再利用可能なパーツを組み合わせることで、メンテナンス性、可読性、柔軟性の高いソフトウェアを構築する リソースの安全な管理（resource-safety）：処理が失敗したとしても、安全にリソースを開放する 型安全性（type-safety）：TypeScript の型システムを活用した型推論と型安全性に焦点を当てている エラー処理（error handling）：構造化された信頼性の高い方法でエラーを処理する 非同期性（asynchronicity
TypeScript 5.2で予告されているusingをいじってみる
この記事でのusing宣言の動作はBabelのtransform及びes-shimsのpolyfill実装に依存しており、実際のV8エンジンやTypeScriptのトランスパイル出力の挙動とは異なる可能性があります。 以下の挙動がusing宣言に対応している処理系の実際の挙動と異なる場合はコメントをいただけると幸いです。 導入 先日、Twitterでこんなツイートが回ってきました。 TypeScript 5.2で新しい「using宣言」が追加されるというものです。 しかも、TypeScriptの独自構文かと思いきや、JavaScriptのStage 3のProposalをTypeScriptで先行実装するという通常のTypeScriptの実装プロセスに則ったものでした。 新しい変数宣言の追加はES 2015(ES6)の「let」「const」以来でなんと8年ぶりで、JavaScript/T
Nuxt.jsのAPI通信で共通のエラーハンドリングを行う - Qiita
これはなに Nuxt.jsでのaspidaを使ったAPI通信について、 API呼び出し箇所でエラーハンドリングするのではなく、共通的にエラーハンドリングする方法を記載します。 また、一部のAPI呼び出しにおいて、例外的に共通のエラーハンドリングを実行しないようにする方法も記載しています。 生のaxiosを使っている場合どうやるかは記載してません。 先に結論 pluginsにてaxios.onError()を設定することで共通のエラーハンドリングをかける API呼び出し時のconfigに独自の値を入れることで、共通のエラーハンドリングで処理を分岐できる configに独自の値を入れるために型を拡張する必要がある やり方 nuxt.config.js axiosモジュールの追加と、後述するpluginの読み込みを追加します。 const nuxtConfig: Configuration =
TypeScript Deep Dive 日本語版 | TypeScript Deep Dive 日本語版
出典: https://www.npmtrends.com/typescript TypeScriptはJavaScriptを拡張して作られたプログラミング言語です。トレンドが示すとおり、TypeScriptはJavaScriptに代わって第一に選択される言語になりました。TypeScriptが提供する静的型システムは、コードの保守性と可読性を大幅に向上させます。またブラウザ等の互換性を心配することなく、モダンで便利なJavaScriptの機能を利用できます。 TypeScript DeepDiveは初心者からベテランまで役立つオープンソースのドキュメントです。JavaScriptのモダンな機能からTypeScriptの様々な魔法に至るまで丁寧に説明されています。多くのコードサンプルがあり、具体的なTypeScriptの使い方を簡単に理解できます。TypeScript DeepDive日本
【入門】TypeScriptの型一覧 - Qiita
今更ながらTypeScriptを学び始めたので、復習がてらどんな型が指定できるのか、まとめました。 TSでは基本的に型は変数の後ろや引数、戻り値に対してつけていきます boolean
bokuweb on Twitter: "typescriptコンパイラを学ぶためのmin-typescript。よさそうhttps://t.co/fJC0cR6KVe"
typescriptコンパイラを学ぶためのmin-typescript。よさそうhttps://t.co/fJC0cR6KVe
Getting started with Playwright with Jest and TypeScript
This site uses cookies. Click here to find out moreOkay, thanks Playwright is a newish end-to-end cross-browser testing tool from Microsoft. I usually use Cypress for these kinds of tests on SPAs, but Playwright is quickly gaining traction, so I thought it was time to give it a try. We’ll cover how to get up and running with Playwright using Jest as the test runner and how to set up the project so
GitHub - vanilla-extract-css/vanilla-extract: Zero-runtime Stylesheets-in-TypeScript
Zero-runtime Stylesheets-in-TypeScript. Write your styles in TypeScript (or JavaScript) with locally scoped class names and CSS Variables, then generate static CSS files at build time. Basically, it’s “CSS Modules-in-TypeScript” but with scoped CSS Variables + heaps more. 🔥 All styles generated at build time — just like Sass, Less, etc. ✨ Minimal abstraction over standard CSS. 🦄 Works with
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/paper-button'; Import paths TypeScript code must use paths to import other TypeScript code. Paths may be r
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - jquense/yup: Dead simple Object schema validation
ゲームでも使われているTypeScript
https://x.com/chimame_rt/status/1776519244144136513?s=12&t=WLoQjPOJLfZ0ZJFtTOS7aw
GitHub - TypeCellOS/BlockNote: A React Rich Text Editor that's block-based (Notion style) and extensible. Built on top of Prosemirror and Tiptap.
interface/dangerfile.ts at main · Uniswap/interface
渋川よしき on Twitter: "無料で公開しているTypeScriptガイド、マージしたPull Requestの数が100を超えました。 https://t.co/WyBDcuiFtz"
GitHub - typescript-cheatsheets/react: Cheatsheets for experienced React developers getting started with TypeScript
dowanna @PrAha Inc. CEO + 株式会社アガルートエンジニア採用担当 on Twitter: "TypeScriptでフロントエンド書いてる人はaspidaでAPIの型を定義しておくと開発が捗るでよ APIと接続する時にpathをタイポしたりbodyの型補完が効かないの、地味に辛いので、、、 https://t.co/ky1ShKizbO"
池田 泰延 on Twitter: "Googleからツールも提供されています。 「npx gts init」というコマンドで、Google TypeScript Style Guideに則ったeslintやprettierの設定ファイルが作成され、npm scri… https://t.co/TuCSzNIFCz"
