HTML5デモ「日本全国花粉飛散マップ」を作って分かったCreateJSとTypeScriptでの効率的な開発手法 - ICS MEDIA
HTML5デモ「日本全国花粉飛散マップ」を作って分かったCreateJSとTypeScriptでの効率的な開発手法 2013年3月15日に開催されたCreateJS勉強会（第2回）で発表したWebサイト「日本全国花粉飛散マップ」ですが、CreateJSとTypeScriptを使って制作しました。 今回の作品のポイントとしては、次の3点があげられます。本記事では次を具体的に説明します。 HTML5で制作、デスクトップだけでなくスマートフォンやタブレットでも再生可能 CreateJSで、DOMではできないHTML5 Canvasならではの表現 TypeScriptを用いて低学習コストで効率的な制作の実現 スマートフォンやタブレットでも閲覧可能 このWebサイトは環境省が提供している資料を元に、過去9年分の花粉の飛散量をパーティクルを用いてビジュアライズしたものです。花粉の量に比例して、パーティ
TypeScript ファーストステップ (Rev.2) ～ Any browser. Any host. Any OS. Open Source. ～
TypeScript ファーストステップ (Rev.2) ～ Any browser. Any host. Any OS. Open Source. ～
動的型とか静的型の話の前に「作者の気持ち」を考えろ - mizchi log
自分の思考を整理する意味でも、件のアレについて考えたことを書いてみる。 変数に型がないということの利点について考える - サンプルコードによるPerl入門 http://d.hatena.ne.jp/perlcodesample/20130227/1361928810 この件に触れることはプログラマとしての中二病である。恥ずかしい。マジレス乙だ。 でも気づいたら5000文字も書いてしまったし、公開して酒のんで寝る。 型のフローは機械のためだけでなく、人間に対するものでもある 最近TypeScriptを書いている。こいつを使って、二次元座標上で二点間を求める関数、getDistanceを定義してみよう。 interface IPoint { x: Number; y: Number; } var getDistance = (a:IPoint, b:IPoint): Number => Ma
Pratphall - A typed language targeting PHP
pratphall.org 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
Grunt.js で TypeScript をコンパイルする grunt-typescript を作りました。と、公開しました。 - k_maruの思うところ２
昨日、TypeScript が公開されて、かなりこれは来た感が満載なわけです。お盆のころからちょこちょこ作って、もうそろそろ公開しようかなと思ってた 2000 行近い JavaScript のライブラリを全部書き直そうかって衝動に駆られるくらいな勢いです。まぁ、どこがイケてるのか、どういう言語なのか、使ってみました的なことはいろんな所で書かれているので、ここでは違った角度の話をかこうと思います。 で、TypeScript をいろいろ試したいと思っても環境が VS2012 のアドインで、提供されているプロジェクトテンプレートが C# のプロジェクトを潰した奴だとか、普通の Web プロジェクトにアイテムテンプレートで ts ファイルを追加してもコンパイルされないとか、 Web Essentials の更新当てても Windows Store アプリのプロジェクトだと ts ファイル編集しにか
typescriptでenchant.jsのハローワールドやってみた - mizchi log
mizchi/enchant-with-typescript https://github.com/mizchi/enchant-with-typescript coffeescriptで書いた時と同じく、interfaceを書いて継承してモジュール定義、という流れ src/types/enchant.d.tsが定義ファイル。プロパティを網羅できてないが、typescriptでenchant.jsやりたい人には便利だと思う。 感想 HaXeでやったときよりすんなりいった印象。 ただ、割とどうしようもない部分でへんなことしないといけなくて、例えば interface Window { enchant: Function; } window.enchant(); enchantをmoduleにしてしまったせいで、関数としてcallできない事に気づいた。 かわりにwindow:Window のe
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Vim 上で TypeScript から JavaScript へのリアルタイム変換 - C++でゲームプログラミング
巷で話題の TypeScript なんですがここの動画にあった、TypeScript がリアルタイムで JavaScript に変換されているのが面白くて、Vim でも同じようになってみました。 [必要な設定] set autoread set updatetime=50 let s:system = exists('g:loaded_vimproc') ? 'vimproc#system_bg' : 'system' augroup vim-auto-typescript autocmd! " 適当なタイミングで再読み込み autocmd CursorHold *.ts :checktime autocmd CursorMoved *.ts :checktime " 書き込み時に js に出力する autocmd BufWritePost *.ts :call {s:system}("t
typescript触ってみた ついでにunderscoreのinstance定義ファイルを作ってみた - mizchi log
主に自分が一番使っているcoffee-scriptとの比較 underscoreのは練習がてら作ってGithubにおいた mizchi/underscore.d.ts https://github.com/mizchi/underscore.d.ts 書き味 構文の硬さがJavaが10 Python6 Rubyが3という記事をどっかで見たけど、同じように当てはめると、JS8 typescript6 coffee2という感じ。 coffee-scriptの超ゆるふわスタイルに慣れてると結構辛い感じはあるが、自分多分Coffeeについてある程度極まってる感じなので、あんまり比較しないほうがよさそう。 高階関数(後述)が簡単に定義できるのでJS特有のパラダイムには素直に応えられる。 """ multiline text """ がない デフォルト引数がない 最初にunderscoreの型定義ファ
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Sublime Text 2 で TypeScript の開発環境を整える
このエントリは Sublime Text 2 Advent Calendar 2012 用です。 --- TypeScript については公式サイトなどを見てください。 Sublime Text 2 で TypeScript を開発するためのこまごましたチップスをブログに書いてきたので、一旦まとめたいと思います。 1. TypeScript ファイル（.ts）をシンタックスハイライトするようにする 「Y.A.M の雑記帳 - Sublime Text 2 に TypeScript の syntax highlighting を入れる」 を見よう！ 2. TypeScript の補完がでるようにする 「Y.A.M の雑記料 - Sublime Text 2 で TypeScript の補完を出すプラグイン作った」 を見よう！ 補完は以下のコマンドで出ます（標準機能）。 Linux : alt
JavaScript - TypeScript: .NET 開発者の JavaScript への抵抗をなくす
TypeScript: .NET 開発者の JavaScript への抵抗をなくす Shayne Boyer Microsoft .NET Framework は、利用可能なツールを豊富に備えた非常に重要なプラットフォームであり、多くの投資の対象となっていることは間違いありません。C# や Visual Basic .NET の知識と XAML の知識を組み合わせれば、既存のスキルを活かす市場はほぼ無限に広がります。しかし、昨今では、長い間定評はありましたが、アプリケーション プラットフォームが整備されるにつれて、ここ数年で飛躍的に利用されるようになった言語について検討することも必要です。それが JavaScript です。JavaScript アプリケーションの成長は著しく、その能力も広大です。Node.js は、スケーラブルな JavaScript アプリケーション開発用プラットフォー
Sublime Text 2 で TypeScript の補完を出すプラグイン作った
► 2024 (4) ► 6月 (1) ► 3月 (2) ► 2月 (1) ► 2023 (6) ► 12月 (1) ► 7月 (1) ► 5月 (1) ► 4月 (1) ► 3月 (2) ► 2022 (17) ► 12月 (2) ► 11月 (3) ► 9月 (2) ► 8月 (2) ► 7月 (2) ► 5月 (2) ► 4月 (2) ► 3月 (1) ► 2月 (1) ► 2021 (46) ► 12月 (2) ► 10月 (1) ► 9月 (1) ► 8月 (3) ► 7月 (2) ► 6月 (5) ► 5月 (12) ► 4月 (7) ► 3月 (5) ► 2月 (7) ► 1月 (1) ► 2020 (44) ► 12月 (6) ► 11月 (5) ► 10月 (1) ► 9月 (1) ► 8月 (2) ► 7月 (2) ► 6月 (7) ► 5月 (4) ► 3月 (8)
モダンな TypeScript テスト環境
「これが現代のテスト環境や、どやぁ。」 と @vvakame が用意してくれました。 https://github.com/vvakame/typescript-project-sample 初心者の私にはたくさんのライブラリ（フレームワーク？）が入っててよくわからなかったので、それぞれの立ち位置を教えてもらったのでまとめておきます。 PhantomJS PhantomJS は JavaScript の API も利用できる headless な WebKit です。実際の描画処理を行わないので速いという特徴があります。また、DOM 操作、CSS セレクタ、JSON、Canvas、SVG などいくつかの web 標準をネイティブでサポートしています。 JavaScript のエンジンは JavaScriptCore らしいです。 実際に Web ページにアクセスして、レンダリング結果の画面
次世代JavaScript系言語「TypeScript」の主要言語機能
前編では、TypeScriptの特徴と、クラスの基礎について説明した。引き続き今回は、クラスの継承について説明し、TypeScriptの主要な言語仕様である「インターフェイス」と「モジュール」について説明する。 前編ではバージョン「0.8.1」を使ったが、前編の公開後に新バージョン「0.8.2」が公開されたので、今回はこの新バージョンを使う（「0.8.2」の新機能については、「TypeScript 0.8.2 リリースと変更点 - THE TRUTH IS OUT THERE - Site Home - MSDN Blogs」を参照されたい）。 まずは、前回の積み残しであるクラスの機能の1つ「継承（heritage）」について説明する。 クラスの継承 ご存じのとおり、継承とは、元となる「基本クラス（base class）」の機能を継承したうえで、さらに新機能の追加や既存機能の置き換えを「派
続々出てきた JavaScript 系新言語。どれを使う? | プログラマーズ雑記帳
先に選択方針を図にまとめたものをあげておきます。 JavaScript 系新言語のどれかは使うべき ? 最初にそもそも何か新しい言語を使う必要があるのか? というところから考えてみましょう。 JavaScript に変換する言語あるいは取って代わろうとする言語 がいろいろできてきている状況を考えると、 今のままの JavaScript には問題がある と多くの人が思っていることは間違いないです。 そのため、今後は JavaScript を直接書くのはやめて、 どれかの言語は使うべきだと思います。 JavaScript にもいいところはある、 新しい言語を覚えるのは大変という人も多いでしょう。 しかし、理由は後で説明しますが、そういう人でも TypeScript は使うべきです。 対象言語 ここに挙げたもの以外にもありますが、私が有名だなと思うものと対象にしました。 CoffeeScript
アンダース氏が設計した新言語による次世代JavaScript開発とは？
アンダース氏が設計した新言語による次世代JavaScript開発とは？：特集：TypeScript（プレビュー版）概説（前編）（1/3 ページ） 「Turbo Pascal」「Delphi」「C#」と聞けば、ある、すご腕の開発言語設計者が最初に思い浮かぶ。その人物の名は「アンダース・ヘルスバーグ（Anders Hejlsberg）」、1996年にボーランド社からマイクロソフトに移籍し、現在はC#やVB（Visual Basic）などの言語設計に携わる有名な開発言語アーキテクトだ。 アンダース氏が作る開発言語の特徴は、言語仕様がオブジェクト指向ベースで明確なので「チームによる大規模開発」にも対応しやすいだけでなく、開発ツールによる支援機能も考慮されているので「開発生産性」にも非常に優れていることだ（と筆者は考える）。またアンダース氏は、最先端のプログラミング言語をよく研究しており、各種言語の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blk.jp/archives/694
phyzkit.net
TypeScriptへの入口
