Mainly Devel Notes

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

2016年、人前に立って発表したWeb系資料 総まとめ

2016年9月9日 イベント: 資料: 僕はどうしてAngular2をテーマに登壇することになってしまったのか from Tomohiro Noguchi 振り返りブログ: 2016年10月3日 イベント: 資料: 振り返り: このときのことはもう反省しかない。 初心者向けの会なのに内容がそ…

「僕はどうしてAngular2をテーマに登壇することになってしまったのか」を振り返る

昨日(2016年9月9日)、品川のマイクロソフト社内で開催されたAngularミーティングで登壇させていただきました。 僕はどうしてAngular2をテーマに登壇することになってしまったのか 人生初登壇で120名を前にして、僕はところどころで声が震えたり、しゃべろ…

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…

Angular2 + Webpackで5 Min Quickstartを書き直した。

Angular2を書くなら誰でも一度は通る 5 Min Quickstart ですが、これはモジュールローダーにSystemJSが使われています。 以前はAngularチームの勧めに沿ってSystemJSベースで書いていましたが、どうもツイッターの面々を見ているとSystemJSで書いている人は…

スライドショー「大型フロントエンド開発における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に対応しました。記事の内容とは異なる部分がありますのでご留意下さい。 今回の目玉は注目を…

minimongoでバルクインサート用のjsonファイルをインポートしてLIKE検索までやってみた。

minimongo, Node.js 今回の記事のサンプルコードはGitHubにアップロードしてあります。→ovrmrw/minimongo_sample1 前置き Webアプリ開発してるとDBを扱いたくなりますよね。きっとそうに違いない。 でもいちいちDBをインストールするのもめんどうですよね。…

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でインス…

Solution for npm install Red Errors on Windows

Node.js, Windows, npm, Development Environment (This post is English version of Windowsでnpm installの赤いエラーに悩まされているアナタへ) I know preparing Node.js Dev Environment on Windows is really painful... until today. They says "Inst…

Windowsでnpm installの赤いエラーに悩まされているアナタへ

Node.js, Windows, npm, 開発環境 WindowsでNode.jsの開発環境を整えるのは多くの人にとって鬼門だったかと思います。 VC++のなんちゃらをインストールせよとかWindows SDKが別途必要とか言われてもよくわからないし、32bitはあーで64bitはこーでとか、手探…

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

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

Angular2でDIしてテストを書いたけどhtmlファイルの重複をなんとかしたかった。

index.htmlとindex.test.htmlの重複排除, テスト(Jasmine), System.js, Angular2, Dependency Injection 前回↓の記事の続きです。 Angular2でDI(依存性注入)してテスト(Jasmine)を書いてみた。 前回は本番用のindex.htmlとテスト用のindex.test.htmlはほぼ同…

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…

Files To Lines - LINQ、Aggregate、拡張メソッド、複数のファイルからのデータ読み取りを1行でこなす。

LINQ(.NET)のAggregateを使ってコレクションの中身をすり替えながら流れるように処理を記述できることに気付いた。 それで今回やりたいのは、 複数のファイルからデータを読み取って1つのListにまとめたい。それも1行で書きたい。 名前を付けるとしたら、Fil…

PetaPocoのクエリでODataを使えるようにする($top,$skip,$orderby,$filter,$selectとか)

対象読者 ASP.NET WebAPI 2 を使っている。ODataのことはよくわからない。 DBはSQL Server(LocalDB含む)、あるいはMySQL、PostgreSQL、Oracleのいずれかだ。 EntityFrameworkよりSQL文を直接書くMicro-ORMの方が好きだ。特にPetaPocoが好きだ。 検索のバリ…

Node.js環境だけどjspmを使うことでブラウザでもrequireを使いこなす!(ミニファイもするよ)

Node.jsにおいてrequireとは"サーバーサイド"でJavaScriptモジュールを読み込むための宣言で、クライアントサイド(フロントエンド)では使えない。 これが一般論ですね。せっかくnode_modulesフォルダにjsファイルをたくさんダウンロードしてあるんだからそ…

ASP.NET WebAPIのレスポンスをデフォルトのXMLからJSON形式に変更する

ASP.NET WebAPIはXMLでレスポンスを返す(仕様) これ、あまりうれしい仕様ではありません。イマドキはみんなJSONで返すのでこれを変更します。 (自分の環境がOWINセルフホストなので)StartupクラスのConfigurationメソッドに下記のように記述します。 var…

Topshelf + OWIN + WebAPI + Ninject でセルフホストの雛形を作った

とりあえずやりたいことの雛形が出来たので取り急ぎメモ。 要するにIISを使わずにWindowsサービスとしてWebAPIサーバーを稼働させたかった、という目的です。 これはTopshelfというパッケージを使うとあっさり解決できます。 Ninjectを使った依存性注入を調…

ASP.NET 5のMusicStoreサンプルアプリ(MS公式)をVisualStudioとIISを使わずに動かしてみた

ASP.NET 5で遊んでみた。 ちなみにOSはWindows 10 Previewです。 (今日のまとめ) KVMインストール(cmdで)→kvm upgrade→GitHubのMusicStoreをclone→MusicStore.Spaフォルダでnpm install→grunt→kpm restore→k WebListener→localhost:5102開く— .tiki-san (@ov…

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…

SQL Server 2014 Express LocalDBの接続文字列で躓いた

LocalDB 2014を使っている場合、接続文字列はData Source=(LocalDb)\v11.0 じゃないし v12.0 でもないし ProjectsV12 でもなく、正解はData Source=(LocalDb)\MSSQLLocalDB でした。お疲れ様でした。— .tiki-san (@ovrmrw) April 1, 2015 ツイートの通りです…

ASP.NET公式サイトの記事を読みやすくするブックマークレット

またしてもブックマークレットです。 ASP.NET公式サイトの記事は(英語ですが)情報が新しく内容もわかりやすいのでとても重宝します。Microsoft大好きっ子のみんなも活用されていることでしょう。 The Official Microsoft ASP.NET Site 記事リンクによって…

PocketのWeb版でソースコードのあるページを読みやすくするブックマークレット

まず言いたい。 英語のページ、字が小さい。 英語って何かを伝えるためにどうしても文字数が多くなるからなのか、Webも紙面もどんな媒体でも大体字が小さい。 もう年なのか、小さい字を読んでると肩が凝って困ります。 そんなときに助かるのがPocket。文字の…

Knockout.jsの良いところ

Knockout.js(KnockoutJS)は変数を関数として記述しないといけないからめんどくさいという意見があるかと思うので、ここでいくつかメリットを挙げたいという趣旨の投稿です。 AngularとかVueとかちょっと旬なライブラリでは、おそらく内部的にsetter/getterを…

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…

ArangoDB Memos reproduced from my Twitter in Oct. 2014

English: I sometimes tweet about ArangoDB but often forget them soon. Here is archive of them for me. Japanese: ツイッターでたまにArangoDBに関することをメモ代わりにツイートするのですが、すぐに忘れてしまうのでここにまとめておきます。 *Arang…

You can use any library you want on ArangoDB's Foxx (maybe)

English: I found out it and posted on Gist how to use your favorite JS libraries on ArangoDB's Foxx. Maybe you can use any npm library on Foxx if you install them to the ArangoDB's server folder. Japanese: ArangoDBのFoxx環境で好きなJavaScr…

ASP.NET Web APIを使えるようにするまでの最低限必要なコード

EmptyテンプレートからASP.NET Web APIを使えるようにするまでの最低限必要なコード。(Visual Studio Express 2013 for Web) App_Start\WebApiConfig.cs (一部抜粋) public static class WebApiConfig { public static void Register(HttpConfiguration conf…

JavaScriptの俺々継承 (IE10以下は非対応)

対象読者: JavaScriptで綺麗に継承を書きたい方。プロトタイプやプロトタイプチェーンがある程度わかる方。JavaScriptの継承はいつもこんな感じで書きます。 __proto__を直接書き換えているので、IEは11以上じゃないと動きません。Firefox、Chrome、Safariは…