Mainly Devel Notes

Twitter, GitHub, StackOverflow: @ovrmrw (short hand of "overmorrow" that means the day after tomorrow)

TypeScript

MicrosoftのTranslator APIを使ってText-to-Textの翻訳をするサンプル

MicrosoftのTranslator APIで遊んでみました。 Microsoft Translator ドキュメントはこちら。 とりあえずText-to-Textは出来ました。 GitHubリポジトリは ovrmrw/ms-translator-text-to-text-nodejs まずは必要なものをnpm installします。 npm install --sa…

スライドショー「大型フロントエンド開発におけるTypeScriptとDDD」の感想

今回はスライドショーの感想です。 大型フロントエンド開発におけるTypeScriptとDDD 実際の"先端系Web系エンジニア"(勝手にそう呼んでいる)が現場でどのように試行錯誤しているかを知ることができる内容です。 僕は以前にも書いていますがSIerなので、そもそ…

新鮮なFalcorとAngular2のサンプル、季節のRxJSとminimongoを添えて(TypeScriptのAbstract Class風味)

Angular2, Falcor, RxJS, minimongo, TypeScript, Abstract Classデザインパターン Angular2 Advent Calendar 2015 13日目です。 GithubリポジトリはAngular2 rc.0に対応しました。記事の内容とは異なる部分がありますのでご留意下さい。 今回の目玉は注目を…

Angular2がalpha.50になってインストールとかRxJSとか色々めんどくさい(beta.0になりました)

Angular2, npm3, RxJS, TypeScript, System.js 【beta.0対応版】 Angular2はalpha.47まではそこまでBreaking Changesが無かったような気がするのですが、ここ最近のアップデートはガンガンBreakingしています。 angular2-polyfills.jsの読み込みが必要になっ…

Angular2の実践的なビューの作り方(Abstract Classを使う)

Angular2, TypeScript, Abstract Class, RxJS 【更新】Angular2 rc.0に対応しました。記事の内容とは異なる部分がありますのでご留意下さい。 Angular 2 Advent Calendar 2015の10日目です。 前提環境などは昨日と同じなので、先に軽く目を通しておいていた…

初心者がAngular2で嵌まったり解決したりサンプルコード書いたりしてみた。

Angular2, TypeScript, VS Code, System.js, async/await, Electron 【更新】GithubリポジトリはAngular2 rc.0に対応しました。記事の内容とは大幅に異なるのでご留意下さい。 Angular 2 Advent Calendar 2015の9日目です。 目次 はじめに Part1 tsdでインス…

ElectronでAngular2を動かすついでにasync/awaitも試してみた。

Electron, Angular2, TypeScript, async/await 【注】この記事ではAngular2 alpha.47を前提としています。それ以降のバージョンだと色々細かいところで違いがあるので注意してください。 Electronいいですね。 何がいいって、一番手間のかかるUI部分のプログ…

Testing(Jasmine) with DI on Angular2

Angular2, Dependency Injection, Test(Jasmine), TypeScript (This post is English version of Angular2でDI(依存性注入)してテスト(Jasmine)を書いてみた。) I've learned about DI of Angular2 and Test at the official tutorials below. 5 MIN QUICKST…

Angular2でDI(依存性注入)してテスト(Jasmine)を書いてみた。

Angular2, Dependency Injection, テスト(Jasmine), TypeScript 【注】この記事ではAngular2 alpha.47を前提としています。それ以降のバージョンだと色々細かいところで違いがあるので注意してください。 Angular2 の Dependency Injection とテストについて…

TypeScript + System.jsの構成におけるSystem.config()の基本パターン。そしてモダンWeb開発の環境をマッハで作る。

System.js, TypeScript, System.config() 前回こういう↓エントリーを書きましたが、System.jsについてよくわかっていなかったのでドキュメントを読んだりして調べました。 overmorrow.hatenablog.com そういうわけで今回は前回と直接関連はありませんが、実…

Angular2 for TypeScriptの公式チュートリアルを少しアレンジして遊んでみた。

Angular2, TypeScript, System.js 【注】この記事ではAngular2 alpha.47を前提としています。それ以降のバージョンだと色々細かいところで違いがあるので注意してください。 僕は断然TypeScript派であり、それ以外のものを使ってWeb開発とかしたくないのでAn…

Angular2 for TypeScript official tutorial - and - some additional playings

Angular2, TypeScript, System.js (This post is English version of Angular2 for TypeScriptの公式チュートリアルを少しアレンジして遊んでみた。) I love TypeScript and never want to develop the modern web app with other tools. Several months ago…

ko.computed(Knockout) equivalent in Angular + TypeScript

sometimes it is calculated by Angular, sometimes you fill it by hand. (English) My most familiar JavaScript library is KnockoutJS. Especially I like ko.computed that is a mighty feature of Knockout. When observed variables are changed, Kno…

Knockout + Node + Express + ArangoDB + Foxx + "LIKE search"

English: People.json ... a sample data from full JSON file used in this article. You can download it from here. (https://github.com/triAGENS/ArangoDB-Data/tree/master/RandomUsers) app.js ... a JS file located at not Express but Foxx app fo…

Very first step of Knockout on Node + Express

English: This is very first step guide for using Knockout(+ko.punches plugin) on Node+Express. You have to have a environment of Yeoman. In this case I write JavaScript file with TypeScript style. "yo express" (view engine is EJS) Put a ne…