TypeScript 2 のモダンな書き方 - Qiita
はじめに 2016年11月に TypeScript 2.1 がリリースされ 、ES2016(ES7) と足並みを揃えつつより現代的なプログラミング言語の機能の大半が揃いました。Angular2 からの採択や TypeScript のネイティブ対応、 Visual Studio および Visual Studio Code の強力なコーディング支援によって、その存在感を増しつつあります。 この記事では TypeScript 2.1 で新たに導入された機能や TypeScript 1.8 頃から入っていった大きな変化をさらいつつ、実際のコードをどう書き換えればよいかを示していきます。 基本的には TypeScript 1.5 から 1.7 くらいで止まっている人が対象ですが、Angular2 を機に入ってきたようなニュービーの方にも巷の古いサンプルコードを読み替える役に立つと思います。 ＃——
TypeScript + Vue.js の始め方
と聞かれます。 後で解説するクラス記法を使用するかどうかの質問なのですが、とりあえずYにします。 （class-style component syntaxを使用する場合、vue-class-componentモジュールが追加で必要になります。Yを選択すると、プリセットの生成時に自動でインストールされます。） 残りの質問も全部Yにしておきましょう。 これでTypeScriptでVueを書く準備は完了です！👏👏👏 . ├── README.md ├── babel.config.js ├── node_modules ├── package-lock.json ├── package.json ├── postcss.config.js ├── public ├── src ├── tsconfig.json └── tslint.json
TypeScript + express-openapiでOpenAPI（Swagger）準拠のRESTful APIをつくる
TypeScript + express-openapiでOpenAPI（Swagger）準拠のRESTful APIをつくる 仕事でOpen API（旧Swagger）について調べる機会があった。せっかくなのでNode.jsでOpen APIに準拠したRESTful APIをつくろうと思う。 今回はexpress-openapiというフレームワークを使う。Express.jsを拡張し、スキーマのバリデーションをしてくれたり、コードを管理しやすくしてくれたりする。また、標準でTypeScriptをサポートしているので、チーム開発にも向いている。 使う環境やフレームワークは以下のとおり。 Node.js: 6.10.2 TypeScript: 2.2.2 express: 4.15.2 express-openapi: 0.35.0 Open API とは REST APIやSOAP、Ope
第9回 連想配列の取り扱い方
インデックスや要素のデータ型を指定するには ここまでサンプルプログラムをいくつか見てきたのだが、TypeScriptのプログラムとして、何か違和感を覚えることはなかっただろうか。TypeScriptではコンパイル時にデータ型をチェックして、不正な値が設定されることをあらかじめ防いでいるのに、プログラムをよく見てみると、連想配列ではどんなデータ型の値でも代入できてしまうことが分かる。 TypeScriptではインデックスシグネチャと呼ばれる仕組みによって、インデックスや要素のデータ型を指定できるようになっている。最初に見たプログラムと同じ働きをする例で見てみよう。 var Player: { [index: string]: string; } = { Pitcher: "岩田", Catcher: "梅野" }; alert(Player["Pitcher"]); window.close
Protractor ＋ mocha ＋ power-assert ＋ TypeScriptを用いてOnsenUIで作成したサイトのE2Eテスト - Qiita
{ "ambientDependencies": { "angular": "github:DefinitelyTyped/DefinitelyTyped/angularjs/angular.d.ts#17ef40452039d19e06dc2a3815ea898c505860fa", "angular-protractor": "github:DefinitelyTyped/DefinitelyTyped/angular-protractor/angular-protractor.d.ts#17fa1e5f269189f7f8e0f53f8c443e6c2eac562c", "empower": "github:DefinitelyTyped/DefinitelyTyped/empower/empower.d.ts#aeb7701fbef3b7fc7261d67c025c823666ab
[JavaScript|TypeScript] TypeScriptでドキュメントを書くのにTYPE DOCが便利 « きんくまデザイン
こんにちは。きんくまです。 タイトルだけで終わってしまうのですが、TypeScriptでドキュメント生成ツールをどうしようかと思いまして。 検索してみるとyuidocがよいとのことでまず試してみました。 1.TypeScriptからJavaScriptに変換 2.それをyuidocで出力 ということをしてみたのですが、生成後のjavaScriptにstaticプロパティのコメントがうまく残ってくれなくって、どうしようと思っていました、、。設定の問題なのかもしれない。 でも、少し検索してみたらTypeScriptから直接吐き出すツールが見つかりました。 >> TYPE DOC yuidocだといろいろと書かないといけないのですが、TypeDocでは型情報を書かなくても自動で生成してくれたりして結構便利です。すごい。 privateもstaticも出力できて、かつ出力後に右上のチェックボックス
![[JavaScript|TypeScript] TypeScriptでドキュメントを書くのにTYPE DOCが便利 « きんくまデザイン](https://cdn-ak-scissors.b.st-hatena.com/image/square/bd918d368c4859ecb417a14640ebe475692bd174/backend=imagemagick;height=288;version=1;width=512/http%3A%2F%2Fwww.kuma-de.com%2Fwp%2Fwp-content%2Fuploads%2F2015%2F09%2Ftypedoc_snapshot.png)
TypeScript の API ドキュメントを Markdown で出力するツールを作った - Qiita
TypeScript で API ドキュメントを Markdown で出力できるものを作りました。 https://www.npmjs.com/package/typedoc-markdown-theme 使い方 TypeDoc という、 TypeScript のコードから API ドキュメントを HTML で生成してくれるツールがあります。 http://typedoc.io/ こちらのパッケージ、 theme というのを設定することで、ドキュメントの見た目を変えることができます（未設定の場合はデフォルトの theme が使われる）。 本来は DOM 構造を変えたり CSS をいじったりするような用途が想定されているであろう機能ですが、大胆に Markdown にしてみました。 ということで、 使い方は以下のような感じです。 より詳細なオプションの指定方法等は TypeDoc のドキュメ
Comprehensive Guide on How to Get Rid of Text Background Color in Google Docs - Wallpapers.com Blog on Wallpapers
Google Docs, an integral part of Google's suite of productivity tools, has risen in popularity due to its easy-to-use interface and collaborative features. One such feature is the ability to add or remove background color in texts. While adding color can help emphasize specific sections of your document, there may be instances where you need to get rid of the text background color in Google Docs.
tsdoc
TSDoc# A JSDoc3 base themed generator generator for use with Typescript Projects, uses a highly modified version Docstrap JsDoc3 Template. Actually it only supports parsing of plain comments, also it needs some added "manual" anotation. You can see an output Example. Changes v0.0.4 Added Windows Support v0.0.3 Added Auto Include of Readme.md file Added basic Generics support Added Enums support Ad
Jasmine × Karma × Gulp でつくるユニットテスト環境 入門 - AngularJS + TypeScript #3 | リクルート テックブログ
テストランナーとは、様々なブラウザでテストを実行し、その結果をまとめてレポートするためのツールを指します。Karma は Node.js 上で動作するテストランナーです。元々はTestacular という名称で Google が AngularJS の開発で使うために作ったものですが、2012 年にオープンソース化されたタイミングで業 ( カルマ ) を背負った名称に変わりました。 Karma - Spectacular Test Runner for Javascript 本記事では、Jasmine をベースにしてテストコード ( 実処理 ) を記述し、それらを Karma から実行してレポート ( テスト結果 ) を確認するという流れで進めていきたいと思います。 環境構築 前提条件 Mac OS X Yosemite node.js インストール済み (v5.4.0 ~) npm イン
TypeScriptリファレンス読んだ感想 - yutaponのブログ
前に書いた記事の続きになります。 TypeScript触ってみた感想 - yutaponのブログ やっとTypeScript本を一通り読んだ（目を通した）ので、メモ書きをまとめてみる。 大雑把な感想 TypeScriptのことをたくさん書いてあるのは 4章 基礎知識 6章 応用知識 あたりで、かなり読み応えがあります。 私の場合、1回読んだだけだとよくわからないままになりそうなので、ここは何回も読んでおきたい章です。 7章 開発新ツール ではnodebrew, npm, gruntなど、最近のJS開発では定番のツールの使い方が解説されてるので、JSを余り触ったことがなければ先にこの章を読んでおくといい気がします。 8章 開発サンプルでは、TypeScriptを使ってまるばつゲームを一から作ったり、AngularJS+TypeScript、enchant.js+TypeScriptの組み合わ
【AngularJS x TypeScript デザインパターン】 Controller と Routing 篇 - AngularJS + TypeScript ＃4 | リクルート テックブログ
【AngularJS x TypeScript デザインパターン】 Controller と Routing 篇 - AngularJS + TypeScript ＃4 wakamsha この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2015 の投稿記事です。 前置き 2015年11月30日にリリースした 英語サプリ Web 版は完全 SPA ( Single Page Application ) であり、AngularJS と TypeScript を主要テクノロジーにおいた作りとなっています。このプロダクトでは実装開始からリリースの前日までの間に幾度となくアーキテクチャの見直しを図ってきました。当エントリでは、そんな試行錯誤の中で生まれた ( 開発に取り入れられた ) 数種類のデザインパターンについてご紹介します。 そんなわけで、今回
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TypeScriptの変数の末尾の"!"(エクスクラメーション/感嘆符)の意味 - Qiita
Error shown in wrong file when using rules that lints external html templates · Issue #153 · microsoft/vscode-tslint · GitHub
[Node.js] Express を TypeScript で書く - 環境整備まで - Qiita![[Node.js] Express を TypeScript で書く - 環境整備まで - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/2e1b25eb104ba24fa894dbd435fc01b0f3cff831/backend=imagemagick;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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGODE0NzglMkZwcm9maWxlLWltYWdlcyUyRjE0NzM3MDIxMjc_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTc2MGIyNGQ5MTcxNmYxMzZkYWMyYzJkZGJhNDY4NTdm%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D2b29eb21019c9064d3d7814cec557212%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCTm9kZS5qcyU1RCUyMEV4cHJlc3MlMjAlRTMlODIlOTIlMjBUeXBlU2NyaXB0JTIwJUUzJTgxJUE3JUU2JTlCJUI4JUUzJTgxJThGJTIwLSUyMCVFNyU5MiVCMCVFNSVBMiU4MyVFNiU5NSVCNCVFNSU4MiU5OSVFMyU4MSVCRSVFMyU4MSVBNyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTc4NGE1ZjE5OTMyNmI1ZDhmZmIzOWVmNDZiNGZhNzUw%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBrdXJvbmVrbzg5NjAmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz00YWYxY2RlZGMzZmQ4Y2VmMzc0MTcwMWU2ODFjMmE1ZA%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dcebe066432a689d03db6faba2e0ca7be)
Angularを使いこなすための第一歩「TypeScript」の基本を勉強する【あっさり系まとめ】 - Qiita
voidを使えば、アロー関数 で｛｝が省ける。
GitHub - DefinitelyTyped/DefinitelyTyped: The repository for high quality TypeScript type definitions.
TypeDoc入門 - Qiita
gulp-typedoc