AngularJSAngularJS support has officially ended as of January 2022. See what ending support means and read the end of life announcement. Visit angular.io for the actively supported Angular.
国際化と地域化 | AngularJS 1.2 日本語リファレンス | js STUDIO
AngularJSでのi18nとl10n AngularJSへのロケールの提供 落とし穴 AngularJSでのi18nとl10n i18nとl10nとは何か? "Internationalization(国際的にする)"を省略したi18nは、 プロダクトの開発プロセスにおいて、言語と文化を簡単にローカライズすることが出来るようにする方法のことを指します。 "Localization(地域化)"を省略したl10nは、プリケーション適応のプロセスで、 独自の文化または言語マーケットにおいてのテキストのユーザービリティを有効にします。 アプリケーション開発者のためにアプリケーションを国際的にすることは、 アプリケーション外部の文字列と別の特定ロケール(日付または通貨フォーマットのような)の全てを抽象化することを意味します。 アプリケーションをローカライズすることは、翻訳とローカライズされたフォ
AngularJS 1.2 日本語リファレンス | js STUDIO
AngularJS 1.2 API ガイド TIPS ngモジュール ディレクティブ フィルター サービス $anchorScroll $animate $animateProvider $cacheFactory $compile $compileProvider $controller $controllerProvider $document $exceptionHandler $filter $filterProvider $http $httpBackend $interpolate $interpolateProvider $interval $locale $location $locationProvider $log $logProvider $parse $parseProvider $q $rootElement $rootScope $rootScopeProvid
ユニットテスト | AngularJS 1.2 日本語リファレンス | js STUDIO
JavaScriptは強力な表現をすることの出来る動的型付け言語ではありますが、 コンパイラからほとんど手助けしてもらえないという事にもなります。 このため、Angularの開発陣はJavaScriptで書かれたコードには強固なテストセットが必要であると強く感じています。 Angularアプリケーションのテストが簡単に行えるように、Angularには多くの機能が組み込まれています。 そのため、テストをしないことを言い訳にすることは出来ません。 関係を混合"しない"ことが全て 関係を混合"しない"ことが全て ユニットテストと名付けられたそれは、コードの個別の単位でテストを行います。 ユニットテストは、"このロジックは正しかったのか?"、または"このソート関数は正しくリストを並び替えているか?"、 といった疑問に答えようとするものです。 このような疑問に答えるために、テスト下でコード単位で分離
ngRepeat | AngularJS 1.2 日本語リファレンス | js STUDIO
概要 使用方法 デモ 概要 ngRepeatディレクティブは、コレクションから各項目のテンプレートをインスタンス化します。 各テンプレートのインスタンスは、現在のコレクション項目が設定されたループの変数と、 項目のインデックスまたはキーが設定された$indexが与えられた、自身のスコープを取得します。 各テンプレートのインスタンスのローカルスコープで、下記の特別な変数が使用可能になります。 変数 説明
$controller | AngularJS 1.2 日本語リファレンス | js STUDIO
概要 依存関係 使用方法 概要 $controllerサービスは、コントローラーのインスタンス化を請け負います。 $injectorへの単純な呼び出しですが、BCバージョンでこのサービスを上書き出来るようにサービスに抽出されます。(翻訳に自信無し) 依存関係 $injector 使用方法 $controller(constructor, locals); 型：Function、string 関数を指定されて呼び出されると、コントローラーのコンストラクタ関数とみなされます。 関数でなければ文字列であるとみなされ、 下記のステップを通してコントローラーのコンストラクタを取得するのに使用されます。 $controllerProviderを通して、与えられた名前(文字列)で登録されたコントローラーであるかを確認します。 現在のスコープに対して文字列を評価すると、コンストラクタを返すかどうかを確認し
コントローラーについて | AngularJS 1.2 日本語リファレンス | js STUDIO
コントローラーの理解 $scopeオブジェクトの初期状態のセットアップ スコープオブジェクトへの振る舞いの追加 正しいコントローラーの使用方法 Angularのスコープオブジェクトとコントローラーの関連性について コントローラーの理解 Angularでは、コントローラーはAngularのスコープを引数として使用するJavaScriptのコンストラクタ関数です。 ng-controllerディレクティブを介して、コントローラーがDOM要素に割り当てられると、 Angularは指定されたコントローラーのコンストラクタ関数を使用して、新しいコントローラーオブジェクトをインスタンス化します。 新しい子スコープは、$scopeとしてコントローラーのコンストラクタ関数へ注入されることで、引数として利用可能になります。 コントローラーは下記のようなことをするのに使用されます。 $scopeオブジェクトの
AngularJSの起動 | AngularJS 1.2 日本語リファレンス | js STUDIO
概要 自動の初期化 手動の初期化 概要 このページでは、Angularの初期化プロセスと、必要な場合に手動で初期化するための方法について説明します。 Angularの<script>タグ この例では、我々が自動初期化と呼ぶAngularを統合するための推奨するパス指定を示しています。 <!doctype html> <html xmlns:ng="http://angularjs.org" ng-app> <body> ... <script src="angular.js"> </body> </html> scriptタグをページのページの下部に配置しています。 HTML読み込みはangular.jsスクリプトの読み込みにブロックされるので、 scriptタグをページの最後に配置することで、アプリケーションの読み込み時間の向上に繋がります。 最新のコードは、http://code.an
$locationの使用について | AngularJS 1.2 日本語リファレンス | js STUDIO
$locationは何をするものですか? APIの概要 Hashbang(#)とHTML5モード 注意事項 $locationサービスのテスト 前バージョンからのマイグレーション 関連API $locationは何をするものですか? $locationサービスは、ブラウザアドレスバー(window.locationが基)のURLを解析し、 アプリケーションで利用可能なものにします。 アドレスバーのURLの変更は、$locationサービスに反映され、 また$locationの変更は、ブラウザのアドレスバーに反映されます。 $locationサービスは、 現在のURLは、ブラウザバーに晒されているため、 そのURLを確認することが出来ます。 そのURLを変更することが出来ます。 ユーザーが下記の事を行う際に、$locationサービス自身とブラウザのURLの同期が取れるように保持します。 ブ
1.0から1.2へのアップグレード | AngularJS 1.2 日本語リファレンス | js STUDIO
AngularJSのバージョン1.2では、幾つかの破壊的な変更が導入されました。 そのため、既存のアプリケーションのソースコードを変更することが必須かもしれません。 我々は破壊的な変更を避けようとしましたが、幾つかのケースでそれは不可能でした。 AngularJS1.2でのこれらの変更では、デフォルトでも安全なアプリケーションであるために受けた徹底したレビューも含まれます。 幾つかの新しい機能特にアニメーションでは、多少の変更無くして実現するのは不可能でした。 最後に目立つバグは既存のAPIを変更することで最善な形でフィックスされました。 注意: AngularJSバージョン1.1.xは、破壊的な変更とマイナーリリースの間の"実験的"なバージョンとみなされています。 バージョン1.2は1.1のブランチの幾つかのバージョンの結果で、ステーブルなAPIを持ちます。 もし、1.1のアプリケーショ
select | AngularJS 1.2 日本語リファレンス | js STUDIO
下記の形式からいずれかを適用します。 適用例: <!-- "ラベル for 値 in 配列" --> ng-options="c.name for c in colors" 配列 "ラベル for 値 in 配列" "選択値 as ラベル for 値 in 配列" "ラベル group by グループ for 値 in 配列" "選択値 as ラベル group by グループ for 値 in 配列 track by 追跡式" オブジェクト "ラベル for (キー , 値) in オブジェクト" "選択値 as ラベル for (キー , 値) in オブジェクト" "ラベル group by グループ for (キー, 値) in オブジェクト" "選択値 as ラベル group by グループ for (キー, 値) in オブジェクト" 各用語の説明: 配列 / オブジェクト:
スコープ | AngularJS 1.2 日本語リファレンス | js STUDIO
スコープとは? データモデルとしてのスコープ スコープの階層 DOMからスコープを取得 スコープのイベント伝搬 スコープのライフサイクル スコープとは? スコープは、アプリケーションのモデルを参照するオブジェクトです。 これは、式の実行コンテキストです。 スコープは、アプリケーションのDOM構造を真似た階層構造で配置されます。 スコープは、式を監視してイベント伝搬を行う事が可能です。 スコープの特徴 スコープは、モデルの変更を見張るAPI($watch)を提供します。 スコープは、"Angular領域"(コントローラー、サービス、Angularイベントハンドラ)の外部から、 ビューへシステムを通してモデル変更を伝搬するためのAPI($apply)を提供します。 スコープは、共有モデルのプロパティへのアクセスを提供しながら、アプリケーションの分離コンポーネントを入れ子にすることができます。
AngularJSのサービスについて | AngularJS 1.2 日本語リファレンス | js STUDIO
Angularサービスとは何ですか? サービスの使用について サービスの定義 関連トピック 関連API Angularサービスとは何ですか? Angularサービスはシングルトンオブジェクト、またはWebアプリケーション共通の特定のタスクを実行する関数です。 Angularは、サーバにリクエストを送るブラウザのXMLHttpRequestオブジェクトにアクセスする$httpサービスのような、 いくつかの組み込みサービスを持ちます。 他のコアなAngular変数と識別子と同様に、組み込みのサービスは常に$から始まります。(前述した$httpのように) また、独自のカスタムサービスを作ることも可能です。 サービスの使用について Anglarのサービスを使用するには、開発者がサービスに依存するコンポーネント(コントローラー、サービス、フィルター、ディレクティブ)との依存関係を、 識別(決定)し、
angular.element | AngularJS 1.2 日本語リファレンス | js STUDIO
AngularJS 1.2 API ガイド TIPS ngモジュール ディレクティブ フィルター サービス 型 グローバルAPI angular.bind angular.bootstrap angular.copy angular.element angular.equals angular.extend angular.forEach angular.fromJson angular.identity angular.injector angular.isArray angular.isDate angular.isDefined angular.isElement angular.isFunction angular.isNumber angular.isObject angular.isString angular.isUndefined angular.lowercase ang
ngBind | AngularJS 1.2 日本語リファレンス | js STUDIO
AngularJS 1.2 API ガイド TIPS ngモジュール ディレクティブ a form input input[checkbox] input[email] input[number] input[radio] input[text] input[url] ngApp ngBind ngBindHtml ngBindTemplate ngBlur ngChange ngChecked ngClass ngClassEven ngClassOdd ngClick ngCloak ngController ngCopy ngCsp ngCut ngDblclick ngDisabled ngFocus ngForm ngHide ngHref ngIf ngInclude ngInit ngKeydown ngKeypress ngKeyup ngList ngModel ngMo
ngSrc | AngularJS 1.2 日本語リファレンス | js STUDIO
AngularJS 1.2 API ガイド TIPS ngモジュール ディレクティブ a form input input[checkbox] input[email] input[number] input[radio] input[text] input[url] ngApp ngBind ngBindHtml ngBindTemplate ngBlur ngChange ngChecked ngClass ngClassEven ngClassOdd ngClick ngCloak ngController ngCopy ngCsp ngCut ngDblclick ngDisabled ngFocus ngForm ngHide ngHref ngIf ngInclude ngInit ngKeydown ngKeypress ngKeyup ngList ngModel ngMo
モジュール | AngularJS 1.2 日本語リファレンス | js STUDIO
モジュールとは何なのか? 基本 推奨セットアップ モジュールの読み込みと依存 ユニットテスト モジュールとは何なのか? 多くのアプリケーションは、インスタンス化、各種接続、アプリケーションの起動を行う主(main)メソッドを持ちます。 Angularアプリケーションは、そういったmainメソッドを持ちません。 その代わり、モジュールにアプリケーションがどのように立ち上がるべきかの定義を指定します。 これには、下記のメリットがあります。 プロセスがより宣言的で、理解しやすくなります。(翻訳に自信なし) ユニットテストで、全てのモジュールを読み込む必要が無く、ユニットテストが比較的書きやすくなります。 追加モジュールは、シナリオテストの読み込みが可能で、 設定のいくつかを上書きし、アプリケーションのエンドツーエンドテストの手助けしてくれます。 サードパーティのコードを再利用可能なパッケージにす
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AngularJS
AngularJS
AngularJS