https://www.microsoft.com/ja-jp/events/decode/2017/sessions.aspx Microsoftのde:code 2017で登壇して喋ったやつです。
![TypeScriptの概要とLanguage Server Protocol / About TypeScript & Language Server Protocol](https://cdn-ak-scissors.b.st-hatena.com/image/square/3ace973a0c5342966c6dbc57fcc7c5aed9202e86/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F48ad78d017cf4116a77964a2ae497199%2Fslide_0.jpg%3F8035249)
General Types Number, String, Boolean, Symbol and Object ❌ Don’t ever use the types Number, String, Boolean, Symbol, or Object These types refer to non-primitive boxed objects that are almost never used appropriately in JavaScript code.
All slide content and descriptions are owned by their creators.
Today, we are thrilled to announce the release of TypeScript 1.7 along with the availability of Visual Studio 2015 Update 1. This release enables async/await by default for ECMAScript 6 (ES6) targets. It also adds support for polymorphic ‘this’ typing, proposed ECMAScript 2016 exponentiation syntax, and ES6 module targeting. For a complete change list, check out our roadmap on GitHub. As always, y
おはようございますわかめです。 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か?という話を書きました。今回はTypeScriptを使うとして、どういう環境を作れば気持ちよく開発できるかについて解説します。 本稿に出てくるサンプルをまとめたリポジトリを随時メンテしております。時期によっては、本記事の内容に沿わない(より磨かれた)状態になっているかもしれません。 TypeScriptの開発環境が指すものは2つあります。IDEやエディタといった、本当に開発を行うための環境と、初期設定を行ったりリリースビルドを作ったりするためのタスクランナーの二種類です。 本記事ではお勧めの構成として、Visual Studio Code+grunt+dtsmを用いていきます。別構成として、Atomとgulp、tsdについても言及します。いずれの構成でも、Mac OS X、Windows、Linuxといった主要なプラットフォームで同じように動かすことができま
photo by Sébastien Barré AngularJSやBackbone、KnockoutJSといったMV*フレームワークや、ReactといったVに特化したフレームワーク、jQueryといったライブラリがいっぱいある。 AngularJSを勉強し始めたは良いが、2.0になると全く別モノになってしまうなど、どれを勉強すればよいかわからなくなってしまった。 ということで、まずはフレームワークやライブラリを使わない「素のJavaScript」でMVCモデルを勉強してみようと思った。 つくったToDoアプリの概要は、前回の「TypeScript + AngularJSでToDoアプリをつくってみた」と同じだ。 ※ 以降TypeScriptで記載しているが、JavaScriptのソースが見たい方はGitHubにコンパイル後のソースを置いてあるので、そちらを参照ください。 Model層
8月分です。Electronなど多め。 Raspberry PiとOpenCVでスプラトゥーンの勝敗を自動記録する仕組みを作ってみた hogesuke.hateblo.jp つくったもの ikashot.net どんなもの? スプラトゥーンではバトルの履歴を見れないようになっているので、勝率がわかりません。自分の勝率がどの程度なのか知りたいなーと思ったので、勝敗を自動記録する仕組みを作ってみました。 使用技術・環境 Raspberry Pi OpenCV sinatra Ruby Electron と Polymer と TypeScript でリッチなマークダウンプレビュアー Shiba つくった rhysd.hatenablog.com つくったもの github.com どんなもの? 結構前ですが,mattn さんが小さい markdown ライブプレビューアプリ mkup をつくっ
今まで素のJavaScriptとAngularJSを使って、Todoアプリをつくった。 素のJavaScriptはとにかくコード量が多くなって面倒。 AngularJSは学習コストが高く、AngularJS2.0になると別モノになってしまう。 とにかく手軽にアプリが作れるフレームワークを、と探したところにMVVMフレームワークの「Vue.js」を見つけた。 ググるとなにかと「お手軽」というキーワードが目についたので、実際に使ってみた。 できあがったモノは、以下のサイトで触れる。 ToDoアプリ自体は、以下の2つのエントリとほとんど同じ。 準備 bower、tsd、NuGet、GitHubなどから以下のjsファイルと型定義ファイルをダウンロードする。 vue vue.d.ts View(HTML) <!-- index.html --> <!doctype html> <html lang=
はじめてのTypeScript開発環境構築(gulp, bower, webpack, tsd, npm) TypeScriptで開発しようとしたとき、いろんな問題にぶつかった。 もともとSIerではVisual Studioさえあればなんとかなる環境で育ってきたため、Web系のさまざまなツールを導入する上で何度も挫折した。 ということで、初心者(私)が初心者向けに「はじめてTypeScriptの開発環境(gulp + bower + webpack + tsd + npm)を構築するときの手順とポイント」についてまとめていこうと思う。 ツールの使い方間違っているよなどの指摘がありましたら、コメントやTwitterで教えてください。 この記事の目標 TypeScriptで開発したい ライブラリも使いたい(今回はjQueryを例にする) Web界隈のツールにも慣れたい 使用するツール(ツール
Sublime TextやAtom, Visual Studio CodeはTypeScriptの入力補完の機能があり、 正しく動作させるには tsconfig.json でコンパイラオプション等を指定する必要がある。 コンパイル対象のファイルを指定するにはデフォルト設定 (ルート以下のすべての *.ts) または files プロパティを指定する必要があるのだが、 node.js環境では node_modules 以下に不要な *.ts が入っているため前者が使用できず、 後者はglobが効かないため tsconfig.json のメンテナンスが大変面倒くさい。 そのうちglobとかexcludeとかが実装されるんじゃないかと思うが、 当面はgulpから tsconfig.json を生成することにした。 以下 Gulpfile.js: var gulp = require('gulp'
2014/11/13 改訂 CONTRIBUTORS.mdが自動生成になった こんにちは、株式会社トップゲートのわかめ(@vvakame)です。 TypeScript 1.0がリリースされ、大変喜ばしい限りです! 安定版がリリースされたので、これから普及にはずみが付くでしょう。 TypeScriptはJavaScriptのスーパーセットです。 そして、TypeScriptは静的型付け言語です。 ところが、JavaScriptは動的型付け言語なんですね。なので、JavaScriptの既存ライブラリをTypeScriptで安全に使うには、型情報を後付で与えなければなりません。 それが、型定義ファイル(言語仕様上はdeclaration source file)と呼ばれるものです。 この型定義ファイルを集積しているサイトが、DefinitelyTypedになります。 DefinitelyType
AngularJS x TypeScript でちょっと本格的な TODO アプリを作ってみる – AngularJS + TypeScript #2 wakamsha 2015.05.18 426 5735224110 2015年5月23日 controllerAs について追記しました。 はじめに とりあえず何かアプリっぽいものを作ってみようということで、定番の TODO アプリに挑戦してみようと思います。 ググればいくらでも情報は出てきますが、この記事では以下にあるようないかにもチュートリアルっぽいものからもう一歩踏み込んで、より実践的かつ規模の大きな案件にも応用出来るような作りを目指してみます。 AngularJS 1.2 日本語リファレンス | js STUDIO AngularJS • TodoMVC サンプルコードはこちらからどうぞ。 wakamsha/angular-dem
JSX + TypeScript の悪魔合体 ギョーム的に気持ちになったので JSX + TypeScript をはじめました。 導入にあたってチーム内への説明を兼ねたブログ。AltJSに対して ES でいいじゃん派ですが、自分の型需要に対して 現状の Flowtype が辛みしかないのでやむをえず。 動機 紆余曲折あって結局 React を使うことにした React Component には JSX with Babel を使いたい(手書きは無理だ) UI 以外のロジックを持ったモジュールは型の恩恵に預かりたい Flowtype つらい TypeScript かー UI 周りは JSX で、その他の堅いロジックは TypeScript で書けばいいのでは? 共存だ!! メリットがあるのかも不明瞭ですが、分からないからこそ試してみようという感じです。JSX と TypeScript の境界
TypeScriptで複数ファイル構成のプロジェクトを扱う方法について書いてみる。日本語の入門記事や試してみました系の記事で勘違いされてることがたまに見受けられるので、整理してみる。 公式のModules in TypeScriptを既に読んでおられるような御仁は回れ右していただいても結構です。 やりたいこと ソースファイルをモジュールごとに分割して管理したい 実行環境はNode.js or ブラウザ 例えば、こういう処理があって、 // main.ts function trimLeft(str: string): string { return str.replace(/^\s+/, ''); } var input = document.getElementsByTagName('input')[0]; input.value = trimLeft(input.value); tri
Webアプリを作ってるときに、素のJavaScriptではどうもソースコードが汚くなってしまった。 「ソースコードには人格がでる」と思っているので、キレイに、かつ簡単に書きたい。 ということでAngularJSというMVC(MVW)フレームワークを使ってみた。 参考にしたTodoアプリは、ドットインストールの「AngularJSで作るToDoアプリ」を基にした。 詳細な説明については、ドットインストールを参照してほしい。 準備 私の場合、TypeScriptはVisualStudioで書いているので、NuGetから以下の型定義をインストールしておく。他のエディタを使っている場合は、GitHubなどからダウンロードしてください。 angularjs.TypeScript.DefinitelyTyped jquery.TypeScript.DefinitelyTyped(※1) ※1:jQue
AngularJSのようなクライアントMVCフレームワークを採用すると、クライアントサイドの規模が大きくなってくるので、できればJavaScriptじゃなくて型のあるプログラミング言語で開発したいですよね。 AngularJSは独自のクラスシステムを持っていないし、モデルやコントローラを実装するためにベースクラスを継承したりする必要もないので、altJSとの相性がよくて組み合わせやすいです。 altJSと言ってもたくさん種類がありますが、今回はTypeScriptを使ってAngularJSアプリを書くときのTipsやコツなどを紹介したいと思います。 ベースとなるプロジェクトを作る AngularJSのコードを書くとき、JavaScriptであればおもむろに書き始めることも可能ですが、altJSを使う場合はコンパイルなどの手順が必要になるので、Gruntを使ったプロジェクトを作る必要がありま
jQueryを使ってメモ帳アプリを作る jQueryの定義ファイルは公式サンプルのいくつかに同梱されている。jQueryUIの定義ファイルと合わせて下記にもコミットした。今回はなんちゃってMVCでメモ帳を作る。機能は保存ボタンを押したらlocalStorageにデータを保存して一旦とじてもメモ帳として使える簡易Webアプリとする。 TypeScriptをjQueryで使う方法 TypeScriptでjQueryを記述したファイルをコンパイルしようとしても The name 'jQuery' does not exist in the current scope となってjQueryなんてありませんと怒られてしまう。jQueryを使ったコードをコンパイルしたい場合はjQueryの定義ファイルを読み込む必要がある。 jQueryの定義ファイル jQueryの使い方 定義ファイルを作業フォルダに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く