TypeDoc入門 - Qiita
タスクランナーと組み合わせて gulpとGruntのプラグインが公開されている。 gulp-typedoc grunt-typedoc コメントの書き方 JavaDoc形式。YUIDoc形式のように、型情報を{String}のような表記で書く必要は無く.tsのソースを解析して出してくれる。 整形して解析してくれるタグは@paramと@return(s)の２つだけ。ただしそれ以外のタグを書いてあってもそれっぽく表示してくれるので問題ない。 コメント中にはHTMLやMarkdown形式が使える。 各種コマンドラインオプション 公式サイトで説明されていないものも結構ある。 型定義ファイルをドキュメント化する --includeDeclarationsオプションをつける。 型定義ファイルしか提供されてない場合でもそこからドキュメント化できる。下手に作られたドキュメントより見やすい。 ファイルでまと
山本隆の開発日誌
TypeScriptで、読み込み専用・変更不可にするにはconstやreadonlyを使用します。 constとreadonlyは使う場面が異なり、 プロパティにはreadonly 変数にはconst を使用します。 プロパティにconstを使うと文法エラーになります。 interface Point { const x: number; // error TS1005: ';' expected. const y: number; // error TS1005: ';' expected. } 変数にreadonlyを使ってもエラーになります。 readonly greeting: string = "hello"; //error TS1128: Declaration or statement expected. 正しくは、プロパティにはreadonly interface Poi
typescript初心者が躓いたこと - リズムのじかん
typescriptを始めて１ヶ月くらい経ちました。 そんなtypescript初心者がはまったところをまとめます。 typescriptを始めた理由 趣味でwebサービスを作っていて、言語はjavascriptなのですが、昼間の本業が忙しいと1週間とか1ヶ月とか間が空いてしまいます。 そうすると前に何をコーディングしていたか忘れてしまう。。。 このオブジェクトはどんな関数持ってたっけ？とか、この関数の戻り値の型はなんだっけ？とか。 （javascriptに型チェックはないですが、型は意識してコーディングしている） そしてやる気を無くしてしまう。。 そこで、 型を付けてコードの自動補完とかしてくれたら、どうにかなりそう(・∀・) と始めたのがtypescriptです。 他のラッパー言語も考えましたが、coffeescriptは型チェックないし、haxeは気になるけどjQueryとかの外部ラ
TypeScript 型と型宣言の備忘録 - Qiita
プリミティブ型 プリミティブ型としてNumber, Boolean, String, Void, Null, Undefinedが用意されている。 ソースコード中では以下のように書かれる。 number boolean string void（変数としては定義不可） null（同上） undefined（同上） 宣言では小文字を使う。（JavaScriptにNumber, Boolean, Stringという型が存在しており、TypeScriptでは暗黙で変換されるが小文字で書いておく。 Any型 従来のJavaScriptの変数型。 コンパイルエラーにならない。 濫用すべきではないが、JSONを扱う場合や、止むを得ずチェックを回避するためキャストするなどの用途にも使用。
typescript - cloning object
Solving The Specific Issue You can use a type assertion to tell the compiler that you know better: public clone(): any { var cloneObj = new (this.constructor() as any); for (var attribut in this) { if (typeof this[attribut] === "object") { cloneObj[attribut] = this[attribut].clone(); } else { cloneObj[attribut] = this[attribut]; } } return cloneObj; } Cloning As of 2022, there is a proposal to all
クラス | TypeScript 日本語ハンドブック | js STUDIO
イントロダクション クラス 継承 public、private、protected アクセサ 静的プロパティ 抽象クラス 上級テクニック イントロダクション 伝統的なJavaScriptでは、再利用可能なコンポーネントを構築する基本的な方法として、 関数とプロトタイプベースの継承に焦点を当てていましたが、 クラスが機能を継承し、それらのクラスからオブジェクトを構築するオブジェクト指向のアプローチに親しんだプログラマーにとっては、 少々扱いづらいものでした。 ECMAScript 6としても知られるECMAScript 2015では、 JavaScriptプログラマーは、このクラスベースのアプローチのオブジェクト指向を使用してアプリケーションを構築出来るようになります。 TypeScriptでは、開発者がこれらの技法を使用できるようにしており、 コンパイルされたJavaScriptは、次世代
Atom Flight Manual
CompanyEngineeringProductSunsetting AtomWe are archiving Atom and all projects under the Atom organization for an official sunset on December 15, 2022. January 30, 2023 Update: Update to the previous version of Atom before February 2 On December 7, 2022, GitHub detected unauthorized access to a set of repositories used in the planning and development of Atom. After a thorough investigation, we hav
Coding guidelines
STOP READING IMMEDIATELY THIS PAGE PROBABLY DOES NOT PERTAIN TO YOU. These are Coding Guidelines for Contributors to TypeScript. This is NOT a prescriptive guideline for the TypeScript community. These guidelines are meant for contributors to the TypeScript project's codebase. We have chosen many of them for team consistency. Feel free to adopt them for your own team. AGAIN: This is NOT a prescrip
TypeScriptのstaticアクセス修飾子を使う時理解する4つの事 - Qiita
TypeScriptのstaticアクセス修飾子を理解する4つの事 publicとprivateはなんとなくわかるのですが、たまーにstaticってどういう役割なんだっけなって(ちょっと恥ずかしいけど)なるので(protectはいいや) この際意識の上に上げる。。 下記ようなコードを書きました。 Errorです やりたい事 「インスタンスメソッド経由でstaticメソッドを呼び出し別のstaticメンバの値を取得すること」 ※このコードのどこが悪いかお気付きの方はさようなら。東京行っても頑張ってください。 下記のコード:TypeScriptPlayground class Faa { static named : string = 'eee'; constructor(private name?: string){ } get getName() : string{ return this
TypeScript早わかりチートシート【1.5.3対応】 - Build Insider
TypeScript 1.5正式リリース。最新言語仕様を速習しよう！ TypeScriptを使うときに役立つ情報がまとまったチートシート（1クリックで試せるサンプル付き）。 本稿はTypeScript 1.5.3を対象に解説を行います（※2016/11/08追記：姉妹サイトの＠IT Insider.NETで「特集：TypeScript 2.0概説」 を掲載していますので、本稿と併せてご参照ください ）。 早いもので、TypeScript 1.0がリリースされた2014年4月3日から、1年以上が経ちました。今年の頭あたりに本記事のTypeScript 1.0版からの更新の依頼が来た時は、（記事改訂は想定していなかったので）びっくりしました。情報をメンテし、良い情報がWeb上に残るよう運営するのは大変であろうな、と想像に難くないですが、筆者としてはうれしい限りです。 さて、去る2015年3月5
TypeScriptを始める – tscコマンド、Grunt導入、型定義ファイルの使用、tslintで構文チェックなど
TypeScriptが盛り上がってきています。昨年2014年4月2日に正式版となる「TypeScript 1.0」がリリースされてから、現在は「TypeScript 1.4」と順調にバージョンアップもなされてきています。それから、ドットインストールでも、プレミアム版となりますが、ついに「TypeScript入門」が2/23に公開されました。ECMAScript 6の正式リリースも6月と差し迫ってきていることなので、そろそろ自分の開発環境でも使ってもよいかなと思い、今回自分のMacにもTypeScriptを導入することにしました。 TypeScriptとは TypeScriptTypeScriptはCoffeeScrtiptなどと同様に「altJS」と呼ばれるJavaScriptの代替となるプログラミング言語です。JavaScriptの弱い部分を補うように設計されていて、JavaScript
AngularJS & TypeScriptでngResouceを使ってみた。（query編) | DevelopersIO
はじめに 前回はプロジェクトのひな形作成を行いました。 今回はREST APIから一覧の取得を行います。 ひな形作成 前回の記事を参考に、AngularJS Angular-Resouceとその型定義ファイルの取得を行います。 npm init npm install -save bower npm install -save dtsm bower init bower install -save angular bower install -save angular-resource dtsm init dtsm install --save angularjs/angular.d.ts dtsm install --save angularjs/angular-resource.d.ts 実装 script/app.ts ///<reference path='../typings/b
Cordova+ionic+TypeScript+AngularJSでアプリ作成 - Qiita
以下の記事（「はじめに」以降）は1年以上前のものなので、結構内容が古いです。別途、「ionic + TypeScriptで今風な開発フローを実現」というシリーズの投稿を書いたので、そちらの方が内容が新しいものとなっています。気が向いたら覗いてみてください。 ionic + TypeScript で今風な開発フローを実現【導入編】 ionic + TypeScript で今風な開発フローを実現【型定義ファイル活用編】 ionic + TypeScript で今風な開発フローを実現【module, concat編】 ionic + TypeScript で今風な開発フローを実現【sourcemap編】 ionic + TypeScript で今風な開発フローを実現【TypeScript編】 はじめに Cordova + Ionic + TypeScript + AngularJSで「The I
gulpを使ったToDoアプリ(AngularJS + TypeScript)の開発環境自動化 - FLINTERS Engineer's Blog
大久保です。 最近、プロジェクトでTypeScriptを使い始めたのですが、JavaScriptと比較するとかなり使い勝手がよく、気に入っています。 プライベートでも使いたかったのですが、やっぱり、、 編集・保存 → コンパイル実行 → ブラウザリロード というのはなかなかにめんどくさい。。 ということでタスクランナーでいいかんじにしたいなと思い、 AngularJS + TypeScriptで作られたToDoアプリをgulpで自動実行できるようなgulpfileを書いてみました。 ToDoアプリについて 今回使ったToDoアプリの元はtodomvcのTypeScript & AngularJSバージョンです。 今回はあくまでgulpの学習なので、ToDoアプリのソースに関しては元のアプリからほとんど変えてません。 ディレクトリ構成 . ├── gulpfile.js //gulpの設定フ
TypeScript + AngularJSでTodoのサンプルを書いてみた - かずきのBlog@hatena
2014/05/25追記 こういう書き方も出来ると紹介してもらいました。 @okazuki $scopeのメソッドの型をFunctionにしたくない場合 URL こーゆー感じで書くとコピペで済む+型チェックの恩恵が受けられるのでよいと思います。 2014-05-25 02:06:40 via twicli to @okazuki ためしたところばっちり動いたので、次からはこう書こうと思いました。 はじめに JavaScriptでSPA作るのにはAngularJSがいいらしいということで、とりあえずシンプルな例として、勉強がてら以下のページのしょっぱなにあるTodoアプリをTypeScriptで書いてみました。 AngularJS 1.2 日本語リファレンス | js STUDIO プロジェクトの作成 TypeScriptHTMLApp1という名前（名前つけるのさぼった）でプロジェクトを作成
AngularJS & TypeScriptでngResourceを使ってみた。（下準備編) | DevelopersIO
はじめに AngularJS 2.0でTypeScriptが採用されるとのことでしたので、ngResouce周りを中心に触ってみることにしました。 dtsm TypeScriptで用いる型定義ファイルを管理してくれるツールです。 TypeScript - dtsmのご紹介 - Qiita pecoを導入しておくと、インタラクティブにライブラリを検索できます。 $ brew install peco $ npm init $ npm install dtsm -save $ dtsm install -i -save dtsm & pecoを用いたインタラクティブなライブラリの検索・導入方法については、 vvakame/dtsm 内にgif画像があるので、それを見ればわかるかと思います。 angular.js angular-resouceを取り込んだdtsmの定義ファイルは以下のようになり
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
solab.jp
https://github.com/palantir/tslint/blob/master/tslint.json
Exclude files and directories · Issue #38 · palantir/grunt-tslint
https://www.typescriptlang.org/Playground/