AngularJSの良質なサンプルサイトAngularJS Hubが登場
AngularJSは個人的にかなり注目しているフレームワーク(FW)です。世に出ているFWとしては新しい方の部類ですし、今現在話題になっているFWです。AngularJSを利用すると動き(チェックボックスだとかフォームだとか)を必要としたWebサイトが簡単に作れます。ある程度動きを持たせるだけならjQueryだけでもOKですが、上手く機能をモジュールかできつつ、HTMLをテンプレート化できるので、開発がかなり楽になるFWだと思います。 AngularJSがどういうものかを知るには以下のサイトが良いかと思います。 日本語の良質な解説資料 Angular.jsのここがアツい！！ - Nayuta Works AngularJSのスゴさが伝わるデモ - 64p.org 自分は1つ目リンクのスライドと公式サイトでどういうものかを知り、まずはちょっと使ってみることにしました。使ってみてその威力（特に
js STUDIO | JavaScript、jQuery日本語リファレンス
AngularJS 1.2 ngモジュール ディレクティブ フィルター サービス 型 グローバルAPI ngMockモジュール サービス グローバルAPI AUTOモジュール サービス ngAnimateモジュール サービス ngCookiesモジュール サービス ngMockE2Eモジュール サービス ngResourceモジュール サービス ngRouteモジュール サービス ディレクティブ ngSanitizeモジュール フィルター サービス ngTouchモジュール ディレクティブ サービス このサイトについて リファレンスの翻訳を中心に、JavaScriptに関する情報を取り扱うサイトです。 現在、公開しているJavaScript関連の情報です。 JavaScript Mozilla Developer Networkの内容を翻訳して公開しています。 jQuery jQuery
Angular JS で複数のコントローラ間でモデル（状態や値）を共有する方法 3 種類 - Qiita
はじめに Angular JS で複数のコントローラ間でモデル（状態や値）を共有する方法として、次の 3 種類を解説します。 モデルを共有するサービスを使用する (Shared Service)。 親コントローラのスコープを子コントローラで共有する (Parent Scope Sharing)。 イベントを利用する (Pub/Sub)。 Shared Service 複数のコントローラ間で共有するモデルをサービスとして作成し、そのサービスを複数のコントローラで参照します。 実装例を示します。 <!DOCTYPE HTML> <html ng-app="AngularJsStudy"> <head> <title>Shared State Service - AngularJS Study</title> <meta charset="utf-8" /> <meta http-equiv="
AngularJSアプリケーション開発ガイド
Web開発者にいま最も支持されているJavaScript MVCフレームワーク「AngularJS」の解説書。定型的な単純作業が繰り返されがちなWeb開発をよりシンプルで楽しいものにしようというのがAngularJSの試みです。本書ではまずAngularJSアプリケーションの構成要素を押さえた上で、AngularJSアプリケーションの開発、テスト、実行手順を解説します。サーバ通信のAPIや考慮するべき点、ディレクティブの仕組みについて解説し、最後にAngularJSのさまざまな活用例を紹介します。GoogleがサポートするAngularJSには、開発メンバーがGoogleのメールやマップ、カレンダーといった大規模Webアプリケーション開発を通して学んだ教訓が凝縮されています。 まえがき 1章 イントロダクション 1.1 コンセプト 1.1.1 クライアント側のテンプレート 1.1.2 MV
2013-06-12
ちょっと間があいてしまったが再開。。 目次 今回やるのはこちら↓ AngularJS: 5 - XHR & Dependency Injection ここまでのstepではハードコードされた端末リストデータをつかってアプリを作成してきたが、このstepでは端末リストをangularの標準機能の$httpサービスを使ってサーバーから取得する様に修正する。さらにangularの依存性注入（DI）機能を使用してサービスをPhoneListCtrlコントローラーに渡す方法を学ぶ。 ワークスペースをstep5のにリセット。注：ローカルの修正は破棄される git checkout -f step-5ローカルサーバーをリフレッシュすると、20個の端末のリストが表示される。 step4からstep5への変更を説明。diffはこちら。 データ ファイルapp/phones/phones.jsonはJSONフ
AngularJS 案件ふりかえり | DevelopersIO
ちなみに、 ngmin は Grunt タスク (grunt-ngmin) として自動化しています。 $provide サービスの理解、使い分け 以前 任意の通信処理やライブラリの利用などといった特定の処理単位で用意します。 似たような機能で Factory が存在しますが、使用せず Service で統一することを掟とします。 などと書きましたが、angular.js のソースを読んで検討した末、掟を設けて縛ることは止めました。結局 Factory のみ使用していたという結果になりましたが、今回の案件では厳密に使い分ける必要がなかったということです。 angular.js … function provider(name, provider_) { assertNotHasOwnProperty(name, 'service'); if (isFunction(provider_) ||
AngularJSを触ってみた感想 - yutaponのブログ
AngularJSってどんなものかなとオライリーのAngularJS本を3章まで読み進めたのでその感想を。 AngularJSアプリケーション開発ガイド 作者: Brad Green,Shyam Seshadri,牧野聡出版社/メーカー: オライリージャパン発売日: 2014/04/18メディア: 大型本この商品を含むブログを見る この本の章構成は 1章 イントロダクション 2章 AngularJSアプリケーションの構造 3章 AngularJSアプリケーションの開発 4章 AngularJSアプリケーションの内部構造 5章 サーバとの通信 6章 ディレクティブ 7章 その他の便利な機能 8章 レシピ集 となっており、2章でAngularJSってどんなものか、 大体網羅されてるのでそれを読んだ感想になります。 AngularJSとは AngularJSはフロントエンド用のMVCフレームワー
ionic（AngularJSベース）のアプリケーション開発環境を構築 - Qiita
ionic は AngularJS ベースの UIライブラリです。 ionic の公式ページ：http://ionicframework.com GitHub：https://github.com/driftyco/ionic/ 今回は、公式ページにあるような Cordova（PhoneGap）等からの利用ではなく、単純にスマホWEBサイト（非ネィティブアプリ）でUIライブラリとして利用することを想定しています。 デモ 公式で提供のデモアプリケーションは、下記で説明する雛形に含まれています。よろしければどんなもんかご覧ください。 http://hkusu.github.io/AngularJS_ionicjs_demo GitHub Pages に載せてます。 ファイルは minify していません ionic のモバイル対応ブラウザは『iOS 6+, Android 4+』とのことなので
AngularJSのモバイル対応と、他まとめ - Qiita
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> PC等も対応するならBootstrapいれる(レスポンシブ) タッチイベントの最適化とスワイプ対応 ngTouchを導入 必要あらば UIライブラリ導入 ionic、onsen ui など。この２つはそれ自体が AngularJSベース 遅延読み込み（画像の Lazy Load）を導入 AngularJSのファイルサイズが大きいことへの対応 minifyする .. Gruntで gzipで圧縮 手作業で圧縮 and .htaccess等で振り分け または Grunt で または mod_deflateなど（Apacheモジュール） 端末側にキャッシュさせる HTTPレスポンスの Cac
AngularJS で Hello World - パンダのメモ帳
AngularJS は Google が中心になって開発が進められている JavaScript MVC フレームワーク の一種です。もちろんオープンソース（MIT License）。 今回はこの AngularJS を使って Hello World するわけですが、 ただ世界にこんにちはするだけじゃおもしろくないので、次のようなカンジでやってみようと思います。 TypeScript で書いてみます。 ビルドツールに Grunt を使います。 Testacular + Jasmine を使って自動テスト（ユニットテスト、受入テスト）環境を構築します。 AngularJS のバージョンは2013年1月現在の最新安定版である 1.0.4 を使用します。 なお、今回のソースコード一式を GitHub で公開しています。 また、こちらで実際に動作を確認することもできます。 View を書く まずは
2013-05-21
Client MVCとやらに少し懐疑的だったのだが、ちょっとやってみたら楽しくなってきた(^_^) サーバーサイドの似非MVCと違いちゃんとgood old Model-View-Controllerを踏襲していて、長くデスクトップアプリを離れていたオッサンの郷愁も誘う。 とりあえず本家サイトのチュートリアルやってみた。これやれば基本はマスター出来そうなカンジ。残念ながらまだ日本語版はないみたいなので、英語見ただけで避けちゃう人の為に１stepずつ内容抜粋していくことにした φ(￣ー￣ )ﾒﾓﾒﾓ ※かなり意訳抜粋なので注意。誤訳もあるかも。ツッコミ大歓迎(^^) １日１step目標・・・だけど今本業が忙しいので滞るカモ。 目次 前置き step0 - とりあえず動かしてみる step1 - 静的テンプレート step2 - Angularテンプレート step3 - リピーター＆フィルタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AngularJS の記事一覧 | DevelopersIO
angularjs-style-guide/README-ja-jp.md at master · mgechev/angularjs-style-guide
AngularJSのDIの仕組み、minify対策は覚えておこう！ - Qiita
AngularJS入門の巻
AngularJS使い方メモ - Qiita
GitHub - shyamseshadri/angularjs-book: Examples and Code snippets from the first AngularJS O'Reilly book which is now heavily out of date!
すぐできる AngularJS
夜神ライトの憂鬱ED「キラ吉良ユカイ」
GitHub - zoetrope/angular-typescript-sample: AngularJS + TypeScript Sample Project
