4. Angularと私 • 2013年秋、AngularJS 1.2とTypeScriptに出会う • 2014年6月、この勉強会の第一回に参加 • 2014年後半、『AngularJSアンチパターン集』や 『モダンAngularJS』といった記事が割と受け入れられる • AngularJSが嫌われてる? といった風潮とReact.jsの流行に過敏になる • 突然のAngularJSのお仕事 • 2015年3月、東京でのng-japanに出席 ←いまこの辺
みなさんは普段Node.jsをどのように使っていますか? サーバーサイドで動くJavaScriptであるNode.jsは、Socket.IOと連携してリアルタイムなウェブコンテンツを作ったり、webpackやgulpのようなフロントエンドエンジニアのツールとして使われたりとさまざまな場面で活用されています。 Node.jsで大規模な開発をする場合、TypeScriptを採用して開発の生産効率性・保守性を上げるのもオススメです。WebStormやVisual Studio Codeを使えばコード補完が効くためプログラミングの効率が劇的に向上し、TypeScriptの静的型付けによってコンパイル時型チェックが行われるので安全性が増します。Node.jsを使って中・大規模なシステムを構築するときはTypeScriptを検討するといいでしょう。 今回はNode.jsをTypeScriptで記述する
※ただのメモで、未来志向なのであまり真に受けてはいけない。 良いっぽい React.js 早速い/コンポネント志向/APIの設計がいい。JSXと他のトランスパイラの組み合わせという問題はある Promise ネイティブに入った、誰もが使ってる TypeScript ES6時代でも存在意義のある言語。TypeScript互換のFacebook Flowの動向に注目 Backbone.js ModelとEventを使う/Viewは使わなくていい Lodash Underscore.jsをよくしたやつ Gulp Gruntより良いという意味で。browserifyまわりがうまく動かない問題があってnpm runのほうがいいという噂もあるがまあ良いに分類してもいい EventEmitter Custom EventはDOMにくっ付いてる感があるのでロジック志向の物にはEventEmitter使った
JavaScriptわかる - YES 型がほしい - YES Flash/ActionScript3が青春だった - YES Haxe - NO DeNAに勤めている - YES JSX - NO TypeScript - NO Ruby or Python が好き - YES coffee-script - NO クラスはほしい - YES EcmaScript6(Traceur Compiler) or CoffeeScript - NO JavaScriptの文法に不満がある - YES https://github.com/jashkenas/coffeescript/wiki/List-of-languages-that-compile-to-JS - NO JavaScript書けよ - NO 関数型わかる - YES 自分の好きな言語に深く精通している - YES 好きな言
ども。 おひさしびりです。 ということで、最近はもっぱらTypeScript + AngularJSでサイトを制作する毎日で、 「あれ。あれどうだったけ??」と出てくるのは必然で(笑) 忘れない様に、今回はAngularJSの方を軽くまとめてみました。 https://angularjs.org iScroll + AngularJS Angular JSで構築したサイトでiScrollを使おうとすると、上手く機能しなかったりします。 その際は、Angular JSのディレクティブを使用すると良いでしょう。 ディレクティブは、AngularJSのHTMLコンパイラ($compile)に、そのDOM要素やその子要素に変形や特殊な振る舞いを割り当てるように伝える事が可能となります。 カスタムディレクティブは ng-hogehoge と任意の名前を設定することが可能です。 呼び出す際はngHog
先日紹介した chrome-Flavoured-Favicon ですが、以下のような技術によって支えられています。 gulp ビルドツール。 TypeScript 型つき JS。 Browserify JS の依存関係の解決。 AngularJS HTML と JS を綺麗に結合させる。 最後の AngularJS は TypeScript との相性を試してみたかっただけのおまけです。結果は最高に気持ちよくなれました。 ディレクトリ構成 app/ 最終的に配布する拡張本体です。ほとんどのファイルはバージョン管理されておらず、gulp によって生成されます。 src/ TypeScript のソースなどが置いてあります。基本的にこの中だけを弄る。 DefinitelyTyped/ DefinitelyTyped(TypeScript の型定義ファイル)。Git の submodule で管理
株式会社トップゲート わかめ まさひろ 日本マイクロソフト株式会社 井上 章 インプレスジャパン 2014-05-16 売り上げランキング : 19759 Amazonで詳しく見る by G-Tools 達人出版会よりPDF版を購入。 現状で日本語で読めるTypeScriptの書籍としてはほぼ唯一のものでは無いかと思う。ただし、内容も本書はBest Buyと言って良い内容だ。 第1章では、何故TypeScriptが必要なのかという説明。 第2章では、開発環境について。基本的にVSのインストールを起きつつも、WebStorm, Eclipse, vim, emacsでの環境構築についても若干ずつ書かれている。TypeScriptはC#やVBと同じくIDE指向の高いプログラミング言語であるので、優秀なIDEなくしては実力を発揮できない。そういう点でVSから入るのは好感が持てるし、仮にVSが使え
2014/11/13 改訂 CONTRIBUTORS.mdが自動生成になった こんにちは、株式会社トップゲートのわかめ(@vvakame)です。 TypeScript 1.0がリリースされ、大変喜ばしい限りです! 安定版がリリースされたので、これから普及にはずみが付くでしょう。 TypeScriptはJavaScriptのスーパーセットです。 そして、TypeScriptは静的型付け言語です。 ところが、JavaScriptは動的型付け言語なんですね。なので、JavaScriptの既存ライブラリをTypeScriptで安全に使うには、型情報を後付で与えなければなりません。 それが、型定義ファイル(言語仕様上はdeclaration source file)と呼ばれるものです。 この型定義ファイルを集積しているサイトが、DefinitelyTypedになります。 DefinitelyType
すべての 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 とゲーム PC ゲーム Windows ゲーム 映画とテレビ番組 法人向け Microsoft Cloud Microsoft Security Azure Dynamics 365 一般法人向け Microsoft 365 Microsoft Industry Microsoft Power Platform Windows 365 開発者
We’re happy to mark another significant milestone for the TypeScript project with the release of the 1.0 Release Candidate. Since the first release in October of 2012, the TypeScript language has grown to support generics, which enables rich typing of JavaScript libraries. Last December, the release focused on better performance and reliability for larger codebases. Today, we’re making the 1.0R
最近趣味プログラムのサーバサイドをNode.jsで書いてるんだけど、JavaScriptはどうも好きになれないので逃避先としてTypeScriptを選んでみた。CoffeeScriptでもいいんだけど、文法が似てるほうがソースコピペできたりして楽かなと思ってTypeScriptを選択。 今回使うツールはMac版のIntelliJ IDEAのv13。 必要なプラグインをインストール 以下のプラグインをインストールしておく。 NodeJS File Watchers IntelliJの設定 npm install -g typescriptしておく 適当にプロジェクトを作る File -> Settingsで Node.js and NPMの設定を開き、Node interpreterの設定をしておく。自分はnodebrewを使っていて、/usr/local/nodebrew/current/
大量にダーティハックが残ってますが一応使えるやつとしてリリースしました。 数字が中途半端なのは、v0.8で仮リリースするつもりだったけど、v0.8.1でかなり修正したからです。 まだまだ仕様はテストコード読めって感じですが、試験的に使う程度にはどうにかなるはずです。 TypedCoffeeScript/test/type_checker.coffee at master · mizchi/TypedCoffeeScript 何も型情報書かなければ、元のcoffee-scriptなら通すはず。現在は、結構な分量のcoffee-scriptで書かれているcoffee-script-reduxのコードを、typed-coffee-scriptでコンパイルできています。 自分の中でのこのバージョンの位置づけは、この0.8がアルファリリースぐらいで、0.9でベータ。1.0でプロダクト利用可ぐらいのイ
10. クラスについて • TypeScriptはクラスベースなOOP! class Test { str:string; constructor() { this.str = "new"; } showMessage():void { alert(this.str); } } new Test().showMessage(); var Test = (function () { function Test() { this.str = "new"; } Test.prototype.showMessage = function () { alert(this.str); }; return Test; })(); new Test().showMessage(); TS http://goo.gl/G7t0U JS Wednesday, July 3, 13 11. module Sam
追記:@cocoa_ruto 様の指摘を受けて修正しました。ありがとうございます。勉強になります。訳しただけじゃなくて内容を理解しないと意味ないですね。。。 @koty 「TypeScript 0.8と0.9の間での破壊的変更」( URL )の英語についてコメントを書きました。URLはてなのIDを持っていないのでTwitterからメンション致します。 2013-04-30 13:18:29 via OS X to @koty TypeScript0.9のalpha版が先日公開されました。このバージョンではかなり破壊的変更が入っています。それを調べるついでに、こちらのページを訳してみます。おかしな所があればご指摘ください。 読んでみると結構変わってますね。staticメソッドの呼び出しにクラス名の修飾が必須になったのが結構痛いです。 0.8と0.9の間の既知の破壊的変更 - Known br
現在、仕事でTypeScriptを使っていますが、 APIドキュメントが欲しくなってきて、 JavaDocとか、RDocとか、ScalaDocとか、みたいに 自動生成させたいなぁと思い、いろいろ試してみました。 試したツール jsdoc (npm) JsDoc Toolkit jsduck (gem) yuidocjs (npm) 試した結果 jsdoc : module以下のクラスのdocが生成できなかった JsDoc Toolkit : jsdocと同じ jsduck : docに定義されているタグが足りないとエラーになる yuidocjs : module以下のクラスもdoc生成できた と、いう訳で、yuidocjsを使ってドキュメント生成することにしました。 以下、環境構築手順と使い方についてメモしたいと思います。 環境 MacOSX 10.8.3 npm 1.2.14 types
型付きAltJSとして名高いHaxeとTypeScriptですが、両方使ってみたので比較しながら感想でも書こうかなということで。 あくまで自分の使ってみた範囲でしか話せないのでご容赦を。 執筆時点での両者のバージョンは、Haxe2.1/TypeScript0.8で、もうすぐHaxe3.0/TypeScript0.9が出ようというところ。 JavaScriptの標準的な関数の使用 当然ながらTypeScriptの圧勝。 TypeScriptはJavaScriptの拡張として実装されているので、コピペすれば大体動く。 HaxeはJavaScriptだけでなく、ActionScript、Java、C#などもターゲットにしているため、JavaScriptで普段やっていることをやるためには外部クラスをインポートする必要がある。 // Haxe import js.Lib; ... Lib.alert
こんにちは、沖です。 昨日書いた翻訳記事「WebStorm 6におけるTypeScriptのサポート」に対して、「非CUIユーザーのために「tscコンパイラへのパスをWebStormに提供する」方法を詳しく教えてほしい!」とコメントをいただきましたので、その方法を説明する記事を書きます。 私の環境は、以下の通りです。Macの人は、コマンドプロンプトをターミナルに置き換えるなどして読んでください。 Windows 7 Professional 64bit IntelliJ IDEA 12.1.1 IntelliJ IDEAは、WebStormやPhpStormの上位版ですが、今回の内容は下位製品でも同じ手順でいけるはずです。 なお、WebStormには最初からFile Watchers機能が入っていますが、IntelliJ IDEAには入っていませんので、Settings -> Plugin
Swift is the best programming language you should learn and make your dream app easily. Swift programming is a powerful yet easy-to-learn coding language created by Apple. It's frequently used for developing iOS and macOS applications, as well as tvOS and watchOS apps. While you can use other languages to create Apple apps, Swift is the preferred language, and it's recommended because its code is
HTML5デモ「日本全国花粉飛散マップ」を作って分かったCreateJSとTypeScriptでの効率的な開発手法 2013年3月15日に開催されたCreateJS勉強会(第2回)で発表したWebサイト「日本全国花粉飛散マップ」ですが、CreateJSとTypeScriptを使って制作しました。 今回の作品のポイントとしては、次の3点があげられます。本記事では次を具体的に説明します。 HTML5で制作、デスクトップだけでなくスマートフォンやタブレットでも再生可能 CreateJSで、DOMではできないHTML5 Canvasならではの表現 TypeScriptを用いて低学習コストで効率的な制作の実現 スマートフォンやタブレットでも閲覧可能 このWebサイトは環境省が提供している資料を元に、過去9年分の花粉の飛散量をパーティクルを用いてビジュアライズしたものです。花粉の量に比例して、パーティ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く