TypeScriptでDiff型を表現する - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
TypeScript 2.6.1 変更点 - Qiita
訂正1: コメントで指摘があった Contravariant→反変では？ を反映。coとcontra… こんにちはソウゾウ社に転職しました@vvakameです。 今回は結構気持ちよくなる更新が多いです。 TypeScript 2.6.1がアナウンスされました。 What's new in TypeScriptも更新されているようです。 破壊的変更もあるよ！ 変更点まとめ 関数の引数の型についてのチェックを強化 Strict function types (d: Dog) => void 的な関数を (a: Animal) => void 的な変数に突っ込めてたのを弾けるようになった タグ付きテンプレートリテラルがキャッシュされるようになった Cached tagged template objects in modules よりECMAScriptの仕様に準拠した形 関数の第一引数に渡され
TypeScriptの正規表現にマシな型をつける - Qiita
TypeScript は静的型がウリの言語なので、もうちょっとやりようはあるのではないか。 目標：型付き正規表現 これらの問題を解決するために、キャプチャーの型の情報を埋め込んだ型 TypedRegExp<captures> を作りたい。キャプチャーの型とは、具体的には string: 通常のキャプチャー string | undefined: 後ろに ? や * がついたもの、あるいは | の一方に含まれるもの undefined: 否定先読み (?! .. ) に含まれるキャプチャー のいずれかである。例えば、 /(a)(b)?/ という正規表現のキャプチャーの型は、順に string, string | undefined となる。 captures が string, string | undefined というリストの場合（最初の例）、 r: TypedRegExp<captur
TypeScript 2.5.2 更新点 - Qiita
こんにちは@vvakameです。 今回は薄味更新という感じですね。 TypeScript 2.5.2がアナウンスされましたね。 What's new in TypeScriptも更新されているようです。 わかめさんも久々にPR送ったりしました。 変更点まとめ try-catchの例外のキャプチャが省略できるようになった Optional catch binding try { ... } catch { ... } がvalidに(es仕様に準拠 jsに対してコメントによる型注釈・キャストのサポートを追加 Assertion/cast JSDoc syntax in checkJs mode より賢いpackage解決 For duplicate source files of the same package, make one redirect to the other package
React + Typescriptシリーズ（随時更新） - Qiita
問題提起 React始めたいですよね！ でも今時、型のない言語とか使いたくないですよね！ TypeScriptコンパイラもjsxに対応したし、Angular2でもTypeScriptが標準っぽいし、 とりあえずこれから始めるならTypeScriptでしょう。 ということで、個人的に良いのではと考えている技術スタックをまとめてみました。 内容が膨大なのでシリーズにしています。 環境・技術スタック 基本的には以下のように最新に追従していきます。 NodeJS 7.X~ React 15.5 Redux TypeScript 2.3 wepack 2.5 express(開発用の仮サーバーとして) karma （他、各種ライブラリを都度見ていきます） 記事 導入編 Reactで普通のSPAを作るために最低限必要だと筆者が考える構成を順を追って説明していきます。 React + TypeScrip
TypeScript 2.4.1 変更点 - Qiita
こんばんは@vvakameです。 TypeScript 2.4.1がアナウンスされましたね。 What's new in TypeScriptも更新されているようです。 変更点まとめ 関数の返り値の型をGenericsの型パラメータの推測に利用する Infer from generic function return types const array: string[] = (<T>(): T[] => [])(); のコンパイルが通るようになった ざっくりコンパイル通すために具体的に型を指定していた箇所を省略可能に Generics有りの関数の型パラメータが推論されるようになった Contextual generic function types これも上のと同様のメリット Genericsの型の互換性チェックがより厳密になった Stricter generic signature c
TypeScriptチートシート - Qiita
前回: ES6(ES2015)チートシート ES6に続いて、altJSの中でもひときわ勢いを感じるTypeScriptについて調べてみました。 概要 TypeScript = altJSの一種 オープンソース / マイクロソフト発 構文はJavaScript(ES5-6)と上位互換性がある ES6の構文はすべて使える 静的型付けによる型チェックができる点が特徴 その他、interface/enum/genericなど独自の機能が追加されている ES6と同様、開発時にjs(ES5)にトランスパイルすることで、ブラウザ上で実行できるようになる トランスパイルはnpmパッケージ(typescript)を使う 導入 試す(Playground) ブラウザ上でTypeScriptを書いて動かせるPlaygroundが公開されている。 http://www.typescriptlang.org/pla
Vue.jsとTypeScript - Qiita
はじめに この記事を書いて１年経ちました。 １年間でVue.jsとTypeScriptの環境は大きく変わりました。まずは、その辺を色々と紹介していきます。そのあと、サンプルを作成します。 2017年3月19日に追記 作成したサンプルがエラー吐くとのissueを受けたのを機に、サンプルを結構いじりました。サンプルも必ずチェックしてね。 この１年間で変わったこと Vue.js 2.0がリリースされた 新しいメジャーリリースに際し、TypeScript関連で一番大きく変わったのは、型定義ファイルの提供方法です。バージョン１まではDefinitelyTypedに型定義ファイルを登録していました。そのため、tsdやtypingsで型定義ファイルをダウンロードする必要がありました。 一方新しいバージョンからは、Vue.jsのリポジトリ内に型定義ファイルがあります。したがって、npmなどを使ってライブラ
TypeScript + webpackでサーバサイドもTypeScriptしようぜのはなし - Qiita
主はおっしゃいましたwebpackはフロントエンドのjavascriptにだけ与えられたものではないと。よろしい!ではサーバサイドもTypeScriptでwebpackでes5(or es6 or es2015(まさかり対策))にしようではないか。 今回のサンプルはこちらに保存してありますm(_ _)m サーバサイドnodejsにも型が欲しかった そもそも、サーバサイドなら別に他の言語を使いなさいというのはもっともですが、IOレイヤーの処理のひとつにスクレイピングでデータを取得するという部分があって(もちろんseleniumでもいいんだが)、そいつをnightmareで書いていたので、これはもうwrapするレイヤーもnodejsで行くしかないなっという背景であります。 ただせっかくですし、サーバサイドですし、割りときっちりした型がほしいなぁと思いまして。それでTypeScriptをサーバサ
TypeScriptのドキュメントが一瞬で作れるんだ、そうTypeDocならね - Qiita
仕事でTypeScriptを書きながら「あ〜、真面目にドキュメント作るって面倒くさいよな〜」とか考えていたのですが、 そんな時に便利な素敵ツールTypeDocなるものがあったので使ってみたらとても捗りました。 TypeDocって何? TypeScriptのソースを解析してドキュメントを自動で作ってくれるツールです。まあ、jsdocのTypeScript版ですね。 jsdocより便利な点としては、アノテーションを書く必要がほぼありません。型情報とか全部ソースに書いてるんで。 jsdocのために @param {number} とか@classとかコメントで書くのダルいですよね。 人類はツールのためにコメントを書く責務から解放されつつあるのです。 使ってみた インストール TypeDocはnpmでインストールします。 npm install typedoc --save 個人的にグローバルイン
初夏のJavaScript祭(2017) 資料まとめ - Qiita
概要 JavaScript祭に参加してきたので発表資料や内容をまとめます。 間違いや追記などあればご指摘お願いします 初夏のJavaScript祭 in mixi twitter #jsfes 講演内容 講演資料 JSのエラーチェックツールを作ろうとした話 資料：https://www.slideshare.net/keisukeimura/javascript-76398722 ツイート:https://togetter.com/li/1115447 WW checkerを作った話 jsエラーやリンク切れなどを自動でチェックするツール 本日β版の事前登録開始！ Draft.jsによる 統制のとれたテキスト編集の世界 資料：https://speakerdeck.com/potato4d/draft-dot-jsniyoru-tong-zhi-falsetoretatekisutobian
TypeScriptでstaticなメンバを持つinterfaceみたいなものを実現する方法 - Qiita
すると、staticキーワードに対してこんなエラーメッセージが。 Property or signature expected. （確認したTypeScrptバージョンはv1.5-betaです） 対応していないんだろうなとは思いましたが諦めきれずにぐぐってみると、stackoverflowの２年前のスレッドでstaticなメンバを持つinterfaceみたいなものを実現する方法が紹介されていました。 How to define static property in TypeScript interface この回答 方法としてはinstanceメンバを定義したinterfaceと、staticメンバとして扱うinstanceメンバを定義したinterfaceを作り、それぞれを型チェックされる側とする側で使い分ける、といった感じです。 実際にコードを書いてみるとこんな感じになります。 コード
ReactとTypeScriptでシングルページアプリケーション - Qiita
以前に作成していた「Node.jsによるSNSアカウント認証と二段階認証」（以下WST）をReactでリプレースしました。どうして？元々は独自のフレームワークで実装していましたが、あるプロジェクトでReactを使う機会があり、とても気に入ったからです。React化そのものは数日で完了。しかしそこで終わりではありませんでした。ついでだからSPAにしよう、いまどき必要ないかもだけど初期表示で一瞬画面が表示されないのも気になるからサーバーサイドレンダリング（SSR）もやっておくか、という具合にとうとう３カ月以上の時間を費やすことになってしまいました。 「ソースコード」 web service template 4.4.1 「デモ」 https://www.printf.jp:8443/ 「機能一覧」 メールアドレスとパスワードでのログイン SNSアカウント（Twitter、Facebook、Go
Angular2の開発環境、俺ならこうやる 2016年7月25日版(2.0) - Qiita
(追記)2.0に対応しました。(2016/09/15) ここに書いていることは全て自己流のオレオレ環境なのであまり鵜呑みにしないでください。 今回のGitHubリポジトリ→ovrmrw/ovrmrw-ng2-env-20160725 まずは僕のマシン環境から。 Windows 10 64bit or 7 32bit Visual Studio Code (stable) 1.3.1 Node.js 6.3.1 Git 2.8.1 GitHub Desktop (Node.jsはnvm-windowsでインストールしています) Angular2やるならこれぐらいは最低限インストールしておく必要があります。 WindowsにおけるNode.jsの環境構築はWindowsでnpm installの赤いエラーに悩まされているアナタへも合わせてどうぞ。 Node.jsの6系はnode-sassインス
ESLint v4.0.0 の変更点まとめ - Qiita
前 v3.19.0 | 次 v4.1.0 We're excited to announce that ESLint v4.0.0 has been released! https://t.co/sLe0kCwfMA — ESLint (@geteslint) 2017年6月12日 ESLint 4.0.0 がリリースされました! 主にはインデント ルールの改定、公開 API のクラス化、コメント関連の API 変更などです。エンドユーザー向けには特にインデント ルールの改定の影響が大きいでしょう。それ以外は見えないところが変わった感じだと思います。 Release note: 4.0.0-alpha.0 Release note: 4.0.0-alpha.1 Release note: 4.0.0-alpha.2 Release note: 4.0.0-beta.0 Release no
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[TypeScript 2.4] custom transformer を利用して React のバケツリレー問題を解決する - Qiita![[TypeScript 2.4] custom transformer を利用して React のバケツリレー問題を解決する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/e1acdcb2da552ffc4ab23d42c731c0f126a4147c/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGODYwNDUlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM3MDM2MTg_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9ZjcxZDg2NmJlYWU5MDg1NzlhZWU1OWU2YmRkNWM1Y2M%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Db58a3077bb8a5ff36dc52bc8cb9a10cc%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCVHlwZVNjcmlwdCUyMDIuNCU1RCUyMGN1c3RvbSUyMHRyYW5zZm9ybWVyJTIwJUUzJTgyJTkyJUU1JTg4JUE5JUU3JTk0JUE4JUUzJTgxJTk3JUUzJTgxJUE2JTIwUmVhY3QlMjAlRTMlODElQUUlRTMlODMlOTAlRTMlODIlQjElRTMlODMlODQlRTMlODMlQUElRTMlODMlQUMlRTMlODMlQkMlRTUlOTUlOEYlRTklQTElOEMlRTMlODIlOTIlRTglQTclQTMlRTYlQjElQkElRTMlODElOTklRTMlODIlOEImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz03ODM3MmJkZWFkYjM5NmRmMzUyMDIwMThhY2YwMzZmYw%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBraW1hbXVsYSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPWQ2YjJkYjg4YTBlOWQwMGYxYzI0MDZjMjdjZjZiMWUw%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D223b8e1563a68420f587aa65bba9b370)
flowtypeで既存の型に述語を付与してassertを削除しよう - Qiita
Serverless + Webpack + TypeScript + tslint メモ - Qiita
TypeScriptのInterfaceとTypeの比較 - Qiita
Electron+TypeScript+Express.jsでweb-apiを作る - Qiita
