【TypeScript】enum を使わないほうがよい理由と代替手段 - Qiita
"use strict"; var Color; (function (Color) { Color[Color["Red"] = 0] = "Red"; Color[Color["Green"] = 1] = "Green"; Color[Color["Blue"] = 2] = "Blue"; })(Color || (Color = {})); console.log(Color.Red); // 0 console.log(Color[0]); // "Red"（双方向マッピング） このように、enum は 双方向マッピング（数値→文字列、文字列→数値の両方の変換）を持つオブジェクトに展開されます。この動作は enum の可読性を上げるためですが、コードサイズが増え、意図しない挙動の原因にもなります。 2. JavaScriptの標準機能と相性が悪い TypeScript の en
vscodeでTypeScriptをデバッグしよう（jestもあるよ）
こんにちは、monjaです。 思った通りに動くプログラムを書き続けることができるプロ・プログラマーになりたいと日々思っていたりいなかったりしますが、残念ながら時々思った通りに動かないプログラムを書いてしまうものです。プログラムは思った通りではなく書いた通りに動きますからね。 そんなとき、思惑と現実の乖離、つまりバグの原因を見つけて直す必要があるわけですが、ソースコードを読み直したり結果を見ても原因がピンと来ないときもあるものです。 とりあえずprintfデバッグ（JavaScriptならconsole.logデバッグですね）をするのも乙ですが、仕込みが面倒であったり、必要な情報を一発で表示できなくて数回実行しなおすハメになったり、原因発見で満足してprintfを消すのを忘れてしまうこともあります。世の中にはデバッガというめちゃ便利ツールがあるので、それが利用できるときは積極的に利用していき
TypeScriptでよく見る「？」「！」と仲良くしたい
どうも、株式会社iCAREフロントエンドエンジニアのoreoです。 弊社フロントエンドは、Vue.js, TypeScriptで開発をしています。あるPRで、弊社技術顧問の方から、下記レビューを頂きました。 リファクタするときに気になったんですが、不要なところに?がついているのを散見しましたキャスト! | ? | asはどれも危険なコードでレビュワーの負担も大きくなるので、きちんと必要なところだけに入れるように気をつけてみてください 今まで？や！を安易に使っていたので、彼らの挙動について整理してみたいと思います！ ?について オプションパラメーター(?) 概要 引数にオプションパラメーターをつけると、その引数が省略可能になります。例1.1で、test()を実行した場合、Expected 1 arguments, but got 0. と怒られますが、オプションパラメーターをつけると(例1.
Node.js & TypeScriptのプロジェクト作成 | TypeScript Deep Dive 日本語版
TypeScriptは、Node.jsを公式にサポートしています。素早くNode.jsプロジェクトを設定する方法は次のとおりです。 注意：これらのステップの多くは実際にはNode.jsの設定手順です プロジェクトの依存関係設定ファイルであるpackage.jsonをセットアップします。素早くこれを行う方法はこれです：npm init -y
tsconfig.json で指定できる全 compilerOptions をまとめた (TypeScript v2.5 版) - Corredor
TypeScript実践プログラミング【電子書籍】[ スティーブ・フェントン ] ジャンル: 本・雑誌・コミック > PC・システム開発 > インターネット・WEBデザイン > その他ショップ: 楽天Kobo電子書籍ストア価格: 3,456円 TypeScript v2.5 時点で指定できる、tsconfig.json の compilerOptions をまとめた。主に Angular4 系で使っている tsconfig.json なので、React.js を使いたい場合などはコメントアウトしてあるオプションを使う必要があったりするかも。 // tsconfig.json : https://www.typescriptlang.org/docs/handbook/tsconfig-json.html { // 保存時にビルドする (true) "buildOnSave": true,
【翻訳】TypeScriptにおけるInterfaceとType aliasの違い ｜ 25歳でフリーランス28歳で起業したエンジニア -じゃけぇ- のあれこれ
最近ReactをレベルアップさせようとTypeScriptを使い始めました。 そこで何やらstateやpropsの型を定義するのにinterfaceを使う方法とtypeを使う方法があることが分かり、 「どっちがええね～ん」 ってなったので調べたら非常に丁寧にまとめてある記事があったので翻訳してみました。 Martin HochelというGoogle Developer Expertもされてる方のようですね。 上記の記事には2019年6月の時点で7200イイネついてます。 この翻訳記事を作成するにあたり、本人にTwitterから連絡をとってみました。 @martin_hotell Hi This article is very clear to understand about TS. May I translate it and introduce on my blog for many
ReactNativeでTypeScript+Prettier+TSlintな開発環境構築手順 - げぇむぷろぐらみんぐ
はじめに 定期的にReactNativeでネイティブアプリを作りたくなる時期がくるのですが、そのたびに環境構築に手間取るので、備忘録として残しておきます。 その設定おかしいよとかあれば教えてください。 導入手順 前提 nodeやwatchmanやyarnは導入済み(ない人はbrewで入れてください) エディタはVisualStudioCode(WebStormとかでも動くとは思います) ReactNativeの導入 yarn global add react-native-cli 上記のコマンドで、ReactNativeプロジェクトを作成するための準備が整います。 プロジェクト作成 react-native init testApp TypeScript導入 yarn add --dev typescript 型の導入 yarn add --dev @types/react @types/
TypeScript再入門 ― 「がんばらないTypeScript」で、JavaScriptを“柔らかい”静的型付き言語に｜ハイクラス転職・求人情報サイト AMBI（アンビ）
TypeScript再入門 ― 「がんばらないTypeScript」で、JavaScriptを“柔らかい”静的型付き言語に JavaScriptプロジェクトでTypeScriptを導入する際には、“柔らかい”静的型付き言語とするのがおすすめです。藤吾郎（gfx）さんがまとめた「がんばらないTypeScript」のガイドラインです。 TypeScriptは、すべてのJavaScriptプロジェクトで採用する価値のある技術です。TypeScriptとこれに対応したエディタを導入することで、補完や型ベースの整合性のチェックにより、すべてのプロジェクトで生産性が上がります。またリファクタリングも容易になるので、長期あるいは大規模なプロジェクトでも品質を保ちやすくなります。 この記事では、TypeScriptについて最低限の知識とともに、サクッと（どちらかというと既存のプロジェクトに）導入するための
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TypeScriptのクラスをnamespaceで拡張する(クラス定数、拡張メソッド、他) - Qiita
[TypeScript] 定数の配列に as const と satisfies をつける![[TypeScript] 定数の配列に as const と satisfies をつける](https://cdn-ak-scissors.b.st-hatena.com/image/square/9de96825938b962480ea17e0a1c32afd617a0d32/height=288;version=1;width=512/https%3A%2F%2Fstorage.googleapis.com%2Fzenn-user-upload%2Favatar%2F716f6c6e7e.jpeg){kind=avatar}
Please consider supporting _.isDefined · Issue #137 · lodash/lodash
TypeScript の"is"と"in"を理解する - Qiita
既存のJavaScriptをTypeScript化してwebpackでビルドしてHeroku上でPM2経由でNode.jsサーバーを起動する - Qiita
TypeScript + Node.js プロジェクトのはじめかた2020 - Qiita
凄くシンプルなTypeScriptのチュートリアルをReactで作成。 - Qiita