私的TypeScriptとの関わり方ガイドライン - 角待ちは対空
初めて書く時困りそうなトピックごとに TypeScript との関わり方を示していく。導入や書き始めのハードルを下げるのが目的なので意識高いことは言わない。 https://github.com/remojansen/logo.ts 対象読者 ゴール 基本姿勢 何故そんなこといい加減な感じなのか 型の書き方 type annotation シグニチャ 型が合わない時 Structural typing any したい キャスト色々 キャストせざるを得ない時 import できない error TS2307:Cannot find module 'hoge'. error TS1192: Module '"hoge"' has no default export. や error TS2305: Module '"hoge"' has no exported member '_'. など 頑
TypeScript の型定義ファイルと仲良くなろう - Hatena Developer Blog
この記事は2016年に書かれた古い記事です。当時はまだTypeScript2.0も出ていないころで今とは状況がかなり異なっています。参考にする場合注意してください。 はじめに TypeScriptの型システム Declaration space Open-ended ここまでの確認 型定義ファイルを読み書きできるようになるために declare キーワード 既存のオブジェクトの型定義を拡張する グローバルなオブジェクトに対する宣言 module Export Assignments Relative or Non-relative module imports ES2015形式 実際の定義ファイル 既存の定義ファイルを拡張する declare global { } について Typings について おわりに インターン募集中 はじめに こんにちはアプリケーションエンジニアの id:t_k
New TypeScript Website - TypeScript
Get notified in your email when a new post is published to this blog Today we are thrilled to release a new TypeScript website! The new site delivers a fresh design, more up-to-date documentation, and soon a new series of quick start guides. Documentation TypeScript is developed on GitHub, and as such, all of the documentation is written in markdown on the TypeScript Handbook repo. This is primari
NPM - TypeScript Deep Dive
Fun fact npm is not an acronym so it doesn't expand to anything, but among friends it is commonly called node package manager. npm is a binary that comes with default node installations used to manage community shared JavaScript / TypeScript packages.
What's-new-in-TypeScript#non-null-assertion-operator
Because this page hit a limit on a GitHub wiki page size, it's now hosted on the website: https://www.typescriptlang.org/docs/handbook/release-notes/overview.html TypeScript 3.6 See TypeScript 3.6 Stricter Generators See Stricter Generators More Accurate Array Spread See More Accurate Array Spread Improved UX Around Promises See Improved UX Around Promises Better Unicode Support for Identifiers Se
TypeScriptのDecoratorメモ - Qiita
※ このエントリは策定中の仕様やfix前の実装に従って書いています(2015.04.07). 仕様の状況によっては, 記載内容に不整合が出る可能性があります. Decoratorの基本 TypeScriptの1.5.0-alphaから Decoratorが利用可能になった. Decoratorは @Component のように記述して付加情報をclassやmethod等に付与するための仕組みで, ES7の仕様として検討されている(2015.04.07時点でstage1). TypeScript 1.5.0-alphaでは, Decoratorを付与できる箇所は下記である. class 宣言部 classのプロパティ宣言部 classのメソッド宣言部 メソッドの引数 @someDecorator class MyClass { @someDecorator message: string;
UWP アプリ開発に TypeScript + React を導入することの検討 (Node.MSBuild.Npm の紹介) - ひだまりソケットは壊れない
こんにちは！ 株式会社はてなにて、主に 「はてなブックマーク」 Android アプリの開発を行っている id:nobuoka です。 この記事は、「はてなデベロッパーアドベントカレンダー 2015」 の 14 日目の記事です。 昨日は id:hatz48 による 「TypeScript だけで Web アプリケーションを作る」 でした。 今日は、昨日に引き続き TypeScript の話題となります。 主にクライアントサイド (特に UWP アプリ) での TypeScript と React の組み合わせについて検討したいと思います。 (この記事の内容は、UWP アプリへの導入を目的としたときの TypeScript + React の環境の一例であり、ベストプラクティスではありません。 より良い方法などがありましたら教えてくださいませ。) UWP アプリと TypeScript +
JSX と TypeScript の混合 Flux または悪魔合体
JSX + TypeScript の悪魔合体 ギョーム的に気持ちになったので JSX + TypeScript をはじめました。 導入にあたってチーム内への説明を兼ねたブログ。AltJSに対して ES でいいじゃん派ですが、自分の型需要に対して 現状の Flowtype が辛みしかないのでやむをえず。 動機 紆余曲折あって結局 React を使うことにした React Component には JSX with Babel を使いたい（手書きは無理だ） UI 以外のロジックを持ったモジュールは型の恩恵に預かりたい Flowtype つらい TypeScript かー UI 周りは JSX で、その他の堅いロジックは TypeScript で書けばいいのでは？ 共存だ！！ メリットがあるのかも不明瞭ですが、分からないからこそ試してみようという感じです。JSX と TypeScript の境界
TypeScript 1.6時代の.d.ts管理について意見を述べておく - Qiita
おはようございますわかめです。 TypeScript 1.6でnode_modulesからの依存性解決が入りました。 まだ.d.tsより.tsが優先してlookupされる不具合などがありますが、実質上、型定義ファイルを自然な形でバンドルできるようになったのです。 npm installして使えば型定義が有効になっている。暖かいですね。 過渡期の機能の常として、複数のやり方がありいくつかのワークアラウンドが必要な場合があります。 ですので、ここではわかめが考える現在最も便利な運用について意見を述べていきます。 TL;DR ライブラリ作成側は 自力で.d.tsをメンテできる場合のみnpmパッケージに.d.tsをバンドルする 非TypeScriptユーザかつTypeScriptの型について詳しくなければ今のままDefinitelyTypedに丸投げのほうがよい .ts はnpm packageに
TypeScript の async/await をいますぐ使う - Qiita
$ npm install -g typescript@next $ tsc -v message TS6029: Version 1.6.0-dev.20150907 $ npm install -g babel "use strict"; let wait = function(n: number){ return new Promise(done => setTimeout(() => done(n), n)); }; let main = async function(){ await wait(50); console.log('await done'); } // async promise nomally wait(100).then(() => console.log('promise normally done')); main(); "use strict"; var
TypeScriptで作成したライブラリのrequire対応
TypeScriptで作成したライブラリをrequireで読み込めるようにするには.d.tsをreference pathで参照する。 ただし、普通に.tsを–declarationでtscした結果では参照できないので、以下のような内容を手書きする。 declare module "Hoge" { export var huga: String; export var gege: Number; }上記の内容をnpm install Hogeで入れている場合、以下のような形式で読み込める。 （dtsmで入れている場合、reference pathで直接node_modulesを参照する必要はない） /// <reference path="../node_modules/Hoge.d.ts" /> import Hoge = require('Hoge'); console.log(Hog
typescript-simpleの高速化と最近のTypeScript Compiler API周辺動向 - teppeis blog
ES6 compat tableのTypeScriptコードのビルド時間を300秒から2秒に短縮した話と、最近のCompiler APIの動きの紹介。 先日TypeScriptの文字列を簡単にコンパイルするtypescript-simpleというライブラリを書いた。 typescript-simpleを作った動機の1つは、ES6 compat tableのTypeScript用テストを高速化することだった。 元は300件以上あるテスト項目を、テストごとにNode.js v0.11のchild_process.execSyncでプロセスを立ち上げてTypeScriptコンパイラ (tsc) でチェックしていたので、全部テストするのに300秒ぐらいかかっていた。これをtypescript-simpleで全テストをワンプロセス内で実行したら超速化するはず！と思ったけど、300秒が200秒になるぐ
TypeScript Compiler Service APIでシンプルなコンパイラを書いた - teppeis blog
TypeScript 1.4が出てCompiler Service APIのドキュメントが出てきた。 Using the Compiler API · Microsoft/TypeScript Wiki · GitHub よーし触ってみようと思ったのだけど、APIがファイルを前提にしていて、ちょっとしたTypeScriptコード片を文字列で渡して変換結果を取り出す、みたいなことをするだけなのに50行ぐらい必要。 まあTypeScriptの性質上、外部ファイルを参照していたら型解決のために読み取る必要があるわけなのでファイルを前提にするのはしょうがない。ただもう少し簡単なAPIが欲しいので、typescript-simpleというモジュールを作った。 使い方はこれだけ。シンプル。 var tss = require('typescript-simple'); var js = tss('va
Microsoft – クラウド、コンピューター、アプリ & ゲーム
すべての Microsoft 製品 Global Microsoft 365 Teams Copilot Windows Surface Xbox セール 法人向け サポート ソフトウェア Windows アプリ AI OneDrive Outlook Skype OneNote Microsoft Teams PC とデバイス Xbox を購入する アクセサリ VR & 複合現実 エンタメ Xbox Game Pass Ultimate Xbox Live Gold Xbox とゲーム PC ゲーム Windows ゲーム 映画とテレビ番組 法人向け Microsoft Cloud Microsoft Security Azure Dynamics 365 一般法人向け Microsoft 365 Microsoft Industry Microsoft Power Platform W
3日時間をもらったのでTypeScriptを触ってみた
Microsoft社の新言語TypeScriptについて社内の自主研究発表会で発表した内容です。 対象バージョンは V0.9（2013年10月時点の最新）。 比較対象としてCoffeeScript, Haxe, Dartなどにも触れています。
HaxeとTypeScriptで同じコンテンツを作って比較してみた。 | KnockKnock
ここしばらく仕事で忙しく、久しぶりの更新となってしまいましたが、ここ1週間程時間に余裕が出来きましたので、改めて更新していこうと思います。 今回のネタはAltJSに関してです。 JSX、CoffeeScript、Dart、その他様々な言語がAltJSとして存在していますが、個人的に気になっているHaxeとTypeScriptで同一のHTMLで同じ構成をもったコンテンツを作って比較してみました。 まずはHaxe、TypeScriptそれぞれの特徴です。 http://haxe.org/ 2005年～（現時点での最新バージョンは3.0） 静的型付け（ただし動的型も使用可能）のオブジェクト指向言語 ActionScript3.0に非常に類似 JavaScriptだけでなく、Flash/AIR/C++/PHP/Java/C#/Neko他に変換 http://www.typescriptlang.o
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://qiita.com/falsandtru/items/37721ce199714428df11
Destructuring - TypeScript Deep Dive
http://clockmaker.jp/blog/2014/01/html5-webgl-away3d-typescript-samples/
http://spheresofa.net/blog/?p=757