gayouのブックマーク - はてなブックマーク

AngularJS Advent Calendar 2014 9日目：画面遷移で行われる色々なイベントを評価してみる - albatrosary's blog

ルーティングによる画面遷移でどういう順番でメソッドが呼び出されるかを確認する必要があり一度評価プログラムを書いたことがありますのでそれを。このエントリーは「AngularJS Advent Calendar 2014」12月9日の記事です。 AngularJS Advent Calendar 2014 - Adventar 画面遷移とファイルの定義やっていることはものすごく単純でmain画面からsampleApplication画面の呼び出しを行っているだけです。AngularJSは画面遷移で多くのイベントを持っていますのでひとつひとつじっくり確認する必要があります。サンプルコードは次の通りです： albatrosary/preview-angular · GitHub 状態を定義するファイルは main.js 'use strict'; angular.module('preview

gayou 2016/07/17

angularjs

リンク

Angular2 for JavaScript - albatrosary's blog

Angular2もベータ版となり、触りだす方も多くなったと思います。しかし、Angular2のサイトではTypeScriptのサンプルは豊富ですが、ノーマルなJavaScriptで記述されているものがあまり見当たりません。 angular.io あまりAngular2を触ってませんが、学習目的で次のことを行いました。コンポーネントの利用ルータの定義と利用サービスの依存性注入カスタムフィルタの作り方作業フォルダーを作る mkdir Angular2Study && cd $_ 必要なライブラリをインストール npmを利用した場合 npm init -y npm install angular2@2.0.0-beta.1 --save npm install rxjs@5.0.0-beta.1 --save HTMLとして次のように定義しライブラリを読み込ませます。 <!DOCTYP

gayou 2016/05/04

うまく動かんなぁ。。

angular2

リンク

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

AngularJSとかBootstrapを使うとサイズも大きく初期ロードがちょっともっさりするという印象があります。「PageSpeed Insights」で測定するとAngularJSとかbootstrapなんて使うなってくらい点数が悪い。指摘事項は大体次の通り：スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する JavaScript を縮小する HTML を縮小する画像を最適化する CSS を縮小する縮小に関してはgruntで行えるので問題ないのだが、レンダリングブロックするJavaScript/CSSを排除するというのは難しい。どこまで点数が良くなるか実験してみた。実際に云々とか細かい話は今回は考えず、とにかく「PageSpeed Insights」の点数を上げることだけを考えてみました。 PageSpeed Insigh

gayou 2015/01/10

リンク

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

MEANとは、LAMP(Linux, Apache, MySQL, PHP)に変わる技術としてじわじわと注目されはじめているアーキテクチャです。このアーキテクチャMEAN(Mongo DB, Express, AngularJS, Node.js)は、シンプルでかつ強力なアーキテクチャで、現在のJavaを利用したアプリケーション開発とは一線を画すところです。HTML5開発にとってJavaの役割が殆どなくなるというのも注目すべき点だと考えます。MEANで一般的に言われる注目すべき事項は次のところです： JavaScriptフルスタックであるデータモデルとしてクライアントからデータベースに至までJSON そして、この記事を書こうと思ったきっかけですが、2014/10/5(日) Mozilla Open Web Day in Tokyo | Mozilla Japan でのMEAN解説展示で、様

gayou 2014/10/06

リンク

JavaScriptフレームワークについて個人的な思い - 当時を振り返りながら - albatrosary's blog

HTML5 Experts.jpでエンタープライズ特集が組まれたことは承知だと思います。やはり注目すべきところはJavaScriptフレームワークの見解ではなかったかと思います。JavaScriptフレームワークについては人それぞれ考えがありますので、一概にこれとは言えませんが、私が感じているところを記載したいと思います。世の中の動向と以前の判断 Googleトレンドを見る限りではAngularJSのひとり勝ちのように思えますが、身の回りの案件ではBackbone.jsが多いのではないかと思えます。１年半前にHTML5プロジェクトを行ったときに選定で残ったのが Backbone.js AngularJS Sencha Ext JS でした。最終的に利用したのはBackbone.JSだったのですが理由がjQueryベースで入り易かったということが上げられます。AngularJSは独特な記法