albatrosary's blog

UI/UXとエンタープライズシステム

AngularJS

Angular1.5 + RxJS

Angular2で利用されているRxJSですが、もちろんAngular1でも利用可能です。「rx.angular.js」というのがあります。 github.com RxJSをあまり触っていないので、リポジトリにあるサンプルをささっと見てみる。 モジュールのインストール ルータや$resourceな…

Component Routerのactivateとかdeactivateとかどこいっちゃった?

Component Routerを実装してみて「はて?Componentのライフサイクルはどうなってるんだろ?」というところに興味津々だったのでガンバってコードを読んでみた。5割くらい分かったつもり。 いまのところテンプレ的なComponentのコード (function () { angula…

ngComponentRouterを利用する

Angular1.5もrcがとれて正式リリースされました。Angular1.5にはAngular2に繋がるComponentが実装されていてComponentRouter(New Routerと呼ばれていたもの)も利用可能になります。早速使ってみました。 準備 index.htmlの作成 必要なファイルとパッケージを…

AngularJS+Bootstrapを使ってもPageSpeed Insightsの成績をとにかく上げたい

AngularJSとかBootstrapを使うとサイズも大きく初期ロードがちょっともっさりするという印象があります。「PageSpeed Insights」で測定するとAngularJSとかbootstrapなんて使うなってくらい点数が悪い。指摘事項は大体次の通り: スクロールせずに見えるコン…

「なぜAngularJSを薦めるのか ー 個人的な思い」を読んで 〜 SIerで働いている君へ僕の思いを届けるよ 〜

小川充氏とはhtml5jエンタープライズ部で久しくして頂き「エンタープライズとHTML5」というテーマで色々と議論させて頂いております。大変尊敬できる方であり自分が backbone.js を触ったのも同氏のブログを読んだのがきっかけの一つでもありました。最近で…

初心者向けAngularJS - その3

初心者向けとしては最後になります。最後は $http を利用し外部リソースと通信するプログラムを書きます。外部リソースとやりとりをすることでアプリケーションとしては基本的な要素をすべて学んだことにはなります。AngularJSではもっと多くの機能がありま…

初心者向けAngularJS - その2

続きましてもうちょっとかっこよくしていきたいと思います。かっこいいというかJavaScriptファイルが一つですので数人で開発するときにはちょっと困りますね。なので少し「かっこよく」です。前回はビルトインディレクティブと簡単なコントローラーとファク…

初心者向けAngularJS - その1

この記事は「AngularJS初心者向けハンズオンのネタ」としてまとめています。最近ではいろいろ書籍もありますし、AngularJSリンク集でもまとめている通り資料は豊富にありますが改めて。内容としてはビルトインディレクティブとコントローラー/ファクトリーを…

What’s Flux?

JavaScriptフレームワークがMVCであろうがMVVMであろうがMVPであろうがこういったことを議論するよりもまずは手を動かそうというのはとても理解できる話だと思います。作っているときに各モジュールをどう構造化するかが悩むことがありますが、その時に「こ…

MEAN(MongoDB, Express, AngularJS, Node.js)スタックが優れている理由 - Mozilla Open Web Day in Tokyoを終えて

MEANとは、LAMP(Linux, Apache, MySQL, PHP)に変わる技術としてじわじわと注目されはじめているアーキテクチャです。このアーキテクチャMEAN(MongoDB, Express, AngularJS, Node.js)は、シンプルでかつ強力なアーキテクチャで、現在のJavaを利用したアプリケ…

HTML5 Experts.jp”いまや最も優れたJavaScriptフレームワーク「AngularJSリファレンス」出版記念会” 編集後記

久しぶりにHTML5 Experts.jpに記事を投稿しました。多分読まれている方も多いと思いますがこちらになります: いまや最も優れたJavaScriptフレームワーク「AngularJSリファレンス」出版記念会 | HTML5Experts.jp すごいタイトルですよね「いまや最も優れた」…

夏の終わりの読書感想文:「AngularJSリファレンス」を読んで

9/4(木)に「AngularJSリファレンス」の献本としてインプレス社から送付していただき、早々に目を通しましたので読書感想文を記載します。この書物を購入する際の参考になれば幸いです。現状は全ページにさっと目を通したという段階ですのでファーストインプ…

Angularリンク集

「Angularの資料で何か良いものは?」と聞かれることが多くなってきましたので、そしてAngular資料探しの手間を省くためにも、いつも使っているサイトリンクをまとめます。良い資料があったらこのブログを更新します。読む目安が欲しいというお話がありまし…

そんなにメンテナンスが大変ならAngularでも入れなよ 〜 簡単なサイトをAngularに変えてみた 〜

html5jエンタープライズ部のサイトはベタなHTMLで出来ているのだがサイトをメンテナンスしていてイライラがピークに達したためAngularのルーターを使うことでイライラを解消しました。つまりメンテナンス制の向上というやつです。 JavaScriptフレームワーク…

AngularJS、KnockoutJS、Sencha Ext JSで実装されているデータバインディングの違いをコーディングすることで明らかにする!

AngularJSを筆頭にKnockoutJSとSencha Ext JSでもデータバインディングが実装されました。この違いを簡単なサンプルを作ることで比較します。JavaScriptフレームワーク選定で個々の特徴を他者から聞き取るだけでなく、実際に同じ機能を様々なフレームワーク…

「JavaScriptの実態に迫る AngularJSを選ぶ理由 ~ハンズオンで学ぶ、基礎からのコーディング手法~」に参加しました

6/18 Open Network Space でAngularJS Japan User Group管理人-金井さんによるAngularJAハンズオンがありましたので参加させて頂きました。内容は初心者向けのハンズオンで金井さんのライブコーディング&解説を行いつつ、それを見ながらコーディングを行うと…