TypeScriptの導入にあたって考慮すべきメリットとコスト
皆さんこんにちは。京都開発室のLinです。仕事と個人的なプロジェクトでTypeScriptによる開発を始めて約2年が経ちましたので、 TypeScript導入時の経験を皆さんにお話ししたいと思います。 近年、TypeScriptはフロントエンド分野で最も注目を集める技術となっています。The State of JavaScriptの資料によれば、TypeScriptの使用を選択する開発者は増加を続けており、その評価も肯定的なものが多いようです。 「次のプロジェクトではTypeScriptにより開発を行うべきだ」「今あるJavaScriptプロジェクトをTypeScript仕様に変更すれば、プロジェクト品質の向上につながる」と考えているチームは数多くあるでしょう。 しかしながら、TypeScript導入のコストおよびメリットについては、極めて慎重に評価を行う必要があると、私は考えています。
I am mitsuruog | DefinitelyTypedに型定義ファイルを作ってコントリビュートする手順
TypeScript を使っていると、結構必要になる型定義ファイル。 型定義が存在しなかったり、古かったりするライブラリを使って、苦労した経験があるひとは多いのではないでしょうか。 今回は、DefinitelyTyped にコントリビュートする機会が最近増えたので、個人的な手順をまとめておきます。 はじめに まず、今回は新しい型定義ファイルを作成するケースを想定しています。 コントリビュートの仕方については、まず公式ドキュメントをさらりと眺めておいてください。 ただ、結構わかりにくいと思うので、これから順を追って説明していきます。 https://github.com/DefinitelyTyped/DefinitelyTyped それから型定義が存在しない事を確認しましょう。 https://microsoft.github.io/TypeSearch/ 事前準備 型定義の Genera
WebPackでnodeランタイム向けにビルドする | // sakura note
前回まででTypeScriptを使ってフロントエンドJavaScriptをビルドする話を書きましたが、TypeScrptに慣れてしまうとES2015で書く気にはなれません。 当然のようにサーバーサイドもTypeScriptでコードを書き始めたのですが、ビルドにフロントエンドでも使っていたWebPackを採用して少しハマったので共有します。 やりたかったこと TypeScriptでsocket.ioを使ったソケットサーバーを書きたい 変更検知でビルド自動化したい glup/grunt抜きでWebPackでやりたい 環境 Mac OS X El Capitan node.js v5.7.1 / npm v3.6.0 TypeScript v1.9.0-dev.20160312 typings v0.7.9 webpack v1.12.14 上3つのモジュールは npm でグローバルインストール
TypeScriptのプロジェクトをAzure Web Appにgitデプロイする - かずきのBlog@hatena
TypeScriptのプロジェクトをgit使ってdeployしたいなぁと思います。 問題点 TypeScriptのプロジェクトではgitにJSが含まれてない。でもAzureにはJSをpushしないといけない。 とった対策 デプロイ用ブランチを作って、そこでJS追加してデプロイした。 デプロイするプロジェクト yoコマンドでExpress TSで作られたプロジェクトにします。 blog.okazuki.jp プロジェクトの作成 AzureYoっていう名前でyoコマンドでプロジェクトを作りました。作ったら、gulp, gulp-typescriptを--save-devで追加して、以下のgulpfile.jsを追加してビルドできるようにしておきます。 var gulp = require('gulp'); var ts = require('gulp-typescript'); gulp.ta
TypeScript + React + WebPack + Gulpの作り方(SourceMapからminifyまで) - かずきのBlog@hatena
自分用メモ。 まず、tsconfig.jsonから。 tsconfig.json { "compilerOptions": { "target": "es5", "module": "commonjs", "removeComments": true, "sourceMap": true, "jsx": "react" }, "exclude": [ "node_modules" ] } とりあえず、node_modulesを除いたファイルを対象にしておけばだいたいOK。 次に、webpack.config.jsです。 webpack.config.js var path = require('path'); var webpack = require('webpack'); module.exports = { entry: { app: './react/app.tsx' }, out
Gulp+WebPackで作るTypeScript開発環境【5分でできる！】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
それでは順を追って作ってみましょう！ ディレクトリの準備 まずはディレクトリを用意します。 今回はts-templateフォルダの中にindex.htmlを置きました。 ts-template �└── index.html 作ったらterminalで移動しましょう。 package.json作成 package.jsonを作成します。 npm init 何かいろいろ聞かれますが、全て[enter]でOKです。 ts-template ├── index.html └── package.json モジュールのインストール 必要なモジュールをインストールしましょう！ まとめてインストールもできますが、今回は1つずつインストールしていきます。 gulp gulp-connect gulp-webpack ts-loader typescript npm install gulp --save
TypeScript で実現する MVP アーキテクチャパターン - Hatena Developer Blog
こんにちは、アプリケーションエンジニアの id:nanto_vi です。先日行われた Hatena Engineer Seminar #4 で、「TypeScript で実現する MVP アーキテクチャパターン」と題する発表を行いました。当日は皆様ご清聴いただき、また懇親会でも活発な質疑をいただきありがとうございました。 内容としては、TypeScript を用いたクライアントサイド Web プログラミングの話、及び既存の JavaScript フレームワークを採用せず、MVP (Model-View-Presenter) アーキテクチャパターンにのっとり開発を進めた事例の紹介となります。以下に発表資料を加筆修正して公開するのでご参照ください。 自己紹介 id:nanto_vi (外山真) アプリケーションエンジニア JavaScript、Perl アジェンダ 少年ジャンプルーキーでの T
gulpでtsconfig.jsonを生成する - ブログ
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'
TypeScript、台頭か | POSTD
JavaScriptのコミュニティがツールやフレームワークを統合する頻度は、ニコラス・ケイジがいい映画を作るのと同じくらいの頻度です。何が言いたいのかというと、 あることはある のですが、あったとしたら注目を集めるぐらい稀だということです。 だから私は、AngularのチームがAngular 2の開発に使用する言語を自社の AtScript から TypeScript に 切り換えるという決断をした のは非常に興味深いことだと思いました。これまでも、AngularのチームはTypeScriptのチームと共に開発を行ってきてはいますが、直接TypeScriptを使用するという決断は、TypeScriptのプロジェクトを強く支持しているということに他なりません。 また、TypeScriptを活用しているプロジェクトはAngularだけではありません。全くの偶然ですが、私たちTelerikはAn
TypeScriptで複数ファイル構成する2つの方法 - teppeis blog
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
Using TypeScript in Visual Studio Code
With the recent announcement of Visual Studio Code, there have been a lot of questions about how to get started writing TypeScript. In this quickstart, we’ll create a simple TypeScript project. Out of the box, Visual Studio Code supports TypeScript 1.5 beta and using either the node or Visual Studio command-line compilers. For this quickstart, because of its use of the new tsconfig.json feature
TypeScriptの型定義が思ったより柔軟だった楽しい - ナカザンドットネット
TypeScript 1.0のリリースを機に、ちょっとJavaScript方面にも手を出してみようかということで、最近はわかめ本を読みながらチマチマとコードを書いております。 TypeScriptリファレンス Ver.1.0対応 作者: わかめまさひろ,井上章,丸山弘詩出版社/メーカー: インプレスジャパン発売日: 2014/05/16メディア: 単行本（ソフトカバー）この商品を含むブログ (1件) を見る 今日は技評さんのjQuery記事をTypeScriptで写経しながら読み進めていました。 もちろんjquery.d.tsを使って型チェックを利かせながらの写経です。メソッドがサジェストされるのもなかなか気持ちが良いですが、 ajax(settings: JQueryAjaxSettings) への渡し値であるJQueryAjaxSettingsがしっかり定義されているため、キーがサジェ
TypeScript で Knockout を使ってみる - Demo&Tips | KO.日本語
TypeScript + Knockout ES5 でさらにシンプルに 以前の Twitter を使った DEMO が動かなくなっていたことと、TypeScript が正式リリースされたこともあり 本記事はリニューアルいたしました。 過去のサンプルをご覧になりたい方は こちら をご参照ください。 TypeScript という言語のサンプルをご用意しました。 TypeScript は CoffeeScript などと同様に JavaScript へコンパイルするタイプの言語 (altJS と総称される) で、C# に近いオブジェクト指向表現が特徴です。 ここでは TypeScript と Knockout ES5 の力を借りて グリッドエディタ を書きなおしてみます。 TypeScript での開発の始め方については TypeScript クイックガイド がわかりやすいです。 ViewMod
CoffeeScript と TypeScript をそれぞれ実務案件で使ってみた感想 | DevelopersIO
そんな訳で、CoffeeScript を触り始めて半年弱、TypeScript を触り始めて1ヶ月弱ほど経ちました。まだまだ日は浅いですが、いちおう両方とも実務案件にて使用したということで、ここらで双方に対する振り返りを簡単にしておくとします。 CoffeeScript について http://coffeescript.org/ 学習開始時期: 2014年1月頃 始めたきっかけ: Middleman や Ruby on Rails が標準サポートしているため、面倒な環境構築等をしなくて済んだから Ruby や Haml のようなテキスト量の少ない文法が好みだったから そんな訳でとっかかりとしての基礎学習期間はだいたい2〜３日くらいで、そこから既存のプロダクションコードを CoffeeScript に書き換えつつ実案件に取り入れていきました。 おおまかな特徴 要は JavaScript をよ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
phyzkit.net
Microsoft、「TypeScript 0.9」をリリース。発表以来最大のアップデート