エラーや非同期処理をより安全に扱うための 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
最近話題の「frourio」を無料でサクッとデプロイする方法（Vercel + Heroku）
はじめに 最近話題の frourio をご存知でしょうか？ TypeScriptフルスタック環境 を一発で作れるフレームワークです。実際に試してみると分かりますが、簡単に環境構築が出来ます。 こんな簡単に作れるなら、試しにアプリを作って外部に公開するとこまでやってみたいですよね。 この記事では、その環境を Vercel と Heroku を利用し、無料でサクッとデプロイする手順を紹介します。 全体構成 デプロイ先としては、フロントエンドは Vercel 、バックエンドは Heroku を選択しました。 選択理由 選択理由としては以下です。今回は "無料でサクッと" がコンセプトなのでポイントと考えています。 基本的に無料で利用可能なこと インフラレイヤを意識せずに簡単なセットアップで利用可能なこと Vercel と Heroku について Vercel Vercel は Next.js を
Next.js+TypeScript+AWS Amplify+RecoilでToDoリストを作る - Qiita
本記事ではNext.js+TypeScript+AWS Amplify+Recoilを使って、モダンなToDoリストを作る方法を紹介します。 Githubリポジトリを公開しますので、不具合や不適切な実装を見つけた場合はドシドシIssueかPull-Requestいただけると幸いです。 背景 私自身普段はRuby on Railsを使って開発しています。JavaScriptは正直まだ苦手です。 Railsは爆速でアプリを開発出来る点が魅力的ですが、一方でモバイルアプリとの連携やリッチなUIが求められる案件では、フロントエンドとバックエンドを分離した構成にせざるをえないケースがあります。 そのような構成だと、かえってRailsがリッチ過ぎるとも感じており、AWS Amplifyのようにバックエンドをスピーディーに構築してくれるサービスを一度使ってみたいと思っていました。 そのため、Next.j
)
TypeScriptToLua - TypeScriptをLuaに変換
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 世の中には様々なプログラミング言語がありますが、モダンなものほど似通って感じます。一つの言語をベースにして、後は方言を書き換えるような具合で別な言語に移行できたりします。そうなると、一つの言語から自動でコンバートもできるのではないかと期待してしまいます。 その実装例として見てみたいのがTypeScriptToLuaです。名前の通り、TypeScriptで書かれたコードをLuaに変換します。 TypeScriptToLuaの使い方 コードの例です。TypeScriptで書いた例。 class A { private name: string; constructor() { this.name = ''; } setName(name) { this.name = name; } h
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
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"
Andy on Twitter: "TypeScriptで最高に型安全なDB通信ができたかもしれない！ 写真①: PostgresにTableを定義 写真②: schemats(https://t.co/HDfgy9XjmF)で型定義を自動生成 写真③, ④: t… https://t.co/n4A0pvtta0"