2015年は、2014年をより濃い感じで活動できたんじゃないかなと思う。だらだらと書きつづる。 まず、2015年のテーマとして考えていたのがエンタープライズにモダンWebの利用を促進するところにあった。SIer×モダンWebといったところ。 結果として次のことは出…

「5 MIN QUICKSTART」の勢いでTodos。このエントリーは「AngularJS Advent Calendar 2015」12月21日の記事です。 作業ディレクトリの作成 適当な名前でディレクトリを作る mkdir angular2todos && cd $_ モジュールのインストール npm init -y npm install a…

Angular2の「5 MIN QUICKSTART」を触ってみた。このエントリーは「AngularJS Advent Calendar 2015」12月20日の記事です。 angular.io Angular2のQuick Startは、JavaScript、TypeScript、DartとあるがJavaScript、TypeScriptをやってみる JavaScript 作業デ…

自分はコードを書くとき"タブ=2スペース"派なのでVisual Studio Codeもそうしたい。設定を探していたらあった。 設定 "editor.tabSize": "2", "editor.insertSpaces": true, editor.tabSizeは1タブをスペース2個分に調整してくれる editor.insertSpacesはタ…

Yeomanでネタになるジェネレータ無いかなと探していたらngReact成るものがあったのでさっと見てみます。このエントリーは「AngularJS Advent Calendar 2015」12月15日の記事です。 github.com はじめに ngReactをgit cloneする。ディレクトリ移動してbower i…

systemjs を紹介する。このエントリーは「Yeoman Advent Calendar 2015」12月8日の記事です。 www.npmjs.com SystemJSはモジュールローダー、jspmはSystemJSのパッケージマネージャ、この辺りを見る jspm.io - Frictionless Browser Package Management gith…

「JavaScript 「再」入門を読んで」このエントリーは「MDN Advent Calendar 2015」12月2日の記事です。 developer.mozilla.org JavaScriptの文法とかちょっとしたクセみたいなのがあるけどそれはそれで面白いと思う。TypeScript何か使うとそれが半減するかな…

「入門編を読んで」このエントリーは「MDN Advent Calendar 2015」12月1日の記事です。 developer.mozilla.org Firefoxブラウザに付属している「スクラッチパッド」がいいな。コンソールで叩くよりもエディタとしての役割もありイイ。 起動方法 添付画像の通…

ng-poly を紹介する。このエントリーは「Yeoman Advent Calendar 2015」12月6日の記事です。 www.npmjs.com インストール $ npm install -g generator-ng-poly $ yo ng-poly 何と言っても構成選択が多い ? What is the app's name? mkdir プロジェクト名して…

既に定番のangular を紹介する。このエントリーは「Yeoman Advent Calendar 2015」12月5日の記事です。 www.npmjs.com インストール $ npm install -g generator-karma generator-angular $ mkdir mydir && cd $_ $ yo angular 実行 $ grunt serve ブラウザ…

ngdoc を紹介する。ngdocと言ってもYEOMANジェネレータの。AngularのngDocの書き方に従えば自プロジェクトを良いようにドキュメント化してくれる。このエントリーは「Yeoman Advent Calendar 2015」12月4日の記事です。 www.npmjs.com ngDoc ngDocの書き方は…

hottowel を紹介する。何と言ってもこれJohn Papaさんが作ったジェネレータでテンプレートとかが超参考になる。このエントリーは「Yeoman Advent Calendar 2015」12月3日の記事です。 www.npmjs.com John PapaさんはAngularスタイルガイドをまとめた人。Angu…

タイトル通りで、2014/10/5のMozilla Open Web Day in Tokyo | Mozilla Japanで購入したFlameがまだFirefoxOSバージョン1.3だったので2.0に入れ替えた。ってやったら2.5入れろという指示が群馬県の人からあったので入れた。基本的にはここに書いてある通り。…

前回アップデートとしたFlameの入力が英語版だけだったので、IMEを入れてみた。入れたやつは「The Trial period has expired.」と表示される、あら。このエントリーは「Firefox OS Advent Calendar 2015」12月3日の記事です。 IMEのダウンロード github.com …

タイトル通りで、2014/10/5のMozilla Open Web Day in Tokyo | Mozilla Japanで購入したFlameがまだFirefoxOSバージョン1.3だったので2.0に入れ替えた。基本的にはここに書いてある通り。このエントリーは「Firefox OS Advent Calendar 2015」12月3日の記事…

angular-winjs を紹介する。このジェネレータはAngularとWinJSを使ったものでWinJSプラグインのangular-winjsを利用している。このエントリーは「Yeoman Advent Calendar 2015」12月2日の記事です。 WinJSとは "Windows Library for JavaScript"でMicrosoft…

angular2-gulp-webpack を紹介する。このエントリーは「Yeoman Advent Calendar 2015」12月1日の記事です。 www.npmjs.com 構成 Angular2 typescript gulp webpack インストール $ npm install -g generator-angular2-gulp-webpack $ mkdir agw && cd $_ $ y…

HTML5も昨年正式勧告となり次のHTMLを目指し色々と楽しんでいると思いますが各ブラウザの実装状況は今日時点でどうなっているでしょうと去年とまったく同じで。このエントリーは「HTML5 Advent Calendar 2015」12月1日の記事です。 HTML5 TESTとは HTML5 TES…

Angularでさくっと何か作ってみます。"5 min quickstart"のようなものです。このエントリーは「AngularJS Advent Calendar 2015」12月12日の記事です。 Step0: 作成するファイルの構成 Step1: 環境の作成 作業ディレクトリを作りindex.htmlを用意する $ mkdi…

Angular2に対するUI Bootstrap(ng-bootsrap)の開発も始まったが、Angular1に対するUIもまだまだ開発が進んでいます。Bootstrap以外にもUIコンポーネントがあってAngularUIというところにまとまってます。IDEのプラグインなんかもあったり。このエントリーは…

AngularはCSSなコンポーネントは用意していません。なのでBootstrapやUIkitなどのCSSフレームワークを利用するとさくっとそれなりのUIが作れます。ただこうしたCSSフレームワークで定義されているイベント(JavaScriptで書かれた部分)との連携には一工夫必要…

Angular1で作ったモジュールをTypeScriptを使ったものに変更してます。このエントリーは「AngularJS Advent Calendar 2015」12月3日の記事です。 まだ余計なところ書き方が間違っているところがありますが、慣れたらそんなに面倒でも無いと思う。個人で開発…

以前にも書きましたがAngularを使ったYEOMANジェネレータを作ってます。このエントリーは「AngularJS Advent Calendar 2015」12月4日の記事です。 albatrosary.hateblo.jp 使い方 $ npm i -g generator-angular-eggs $ mkdir sampleapp && cd $_ $ yo angula…

Angular2のチュートリアルは何か無いかなということで"Try Angular 2"というのがありましたのでざっと見てみます。このエントリーは「AngularJS Advent Calendar 2015」12月2日の記事です。 Try Angular 2 これは"Angular Korea Meetup"の資料のようです。綺…

何はともあれ、ささっとAngular2を動かしてみたい！というときのためのYEOMANジェネレータを使ってAngular2を動かしてみる。このエントリーは「AngularJS Advent Calendar 2015」12月5日の記事です。 node.jsのインストール もうフロントエンド開発では常識…

久しぶりに10/7(水)エンタープライズ向けに登壇してきました。もう珍しくなくなったSingle-page Application(SPA)の話でしたが、SPA押しという雰囲気ではなく、そういうアーキテクチャもありますよ的な緩い感じで。人数もあまり多くはなかったので和気あいあ…

以前のブログでMEANスタックについて書き、色々なところで話題になりそれなりによかったかなと思っているところです。MEANは、MongoDB、Express、Angular、Node.jsの頭文字からこう呼ばれていますが、詳しくはブログを読んで下さい： albatrosary.hateblo.jp…

懐かしの「とほほ」さんも「AngularJS入門」出されましたね。「とほほ」さんにはWebを始めた頃大変おせわになっていました。感謝します。 Angular入門については、もう十分過ぎるくらい資料もあるし、エンジニアの皆さんもAngularの良し悪しはあるにせよちょ…

今Web業界で注目されるキーワード「Extensible Web」ですが、これは「現在のWebが抱える大きな問題を解決しようとする考え方」ということです。そして2013年に策定された The Extensible Web Manifesto というのがあります： HTML5で策定された仕様は使いづ…

Bootstrap v4の記事をHTML5 Experts.jpに書いたんです。まだアルファ版なのでいろいろとあるとは思いますが。書いていることも変わるかもしれませんし、勘違いしているかもしれませんし。 【速攻レビュー】よりモバイルフレンドリーになった「Twitter Bootst…