AngularJSとAngularJSモジュールでi18nを実現する(2) - Qiita
AngulaｒJSとAngular Translatorを利用したI18nの実現をテーマにした投稿の2回目になります。 今回実際にTutorialのstep-9の仕組みを元にスマホ詳細画面のI18n対応を実現します。 実現したソースはgithub上に公開します。 設計方針 今回、目的はI18nを実現する方法についてAngular Tranlatorでどのように実装するかを考えるところに焦点を置きます。 そのため、フィーチャ部分はTutorialをそのまま利用します。 Database(jsonファイル) step-9の任意のPhone詳細データ(motorola-xoom.json)を流用して、locate ID別に2種類(enとｊｐ)を用意。 その際のURIは下記とする。 URI: /locale/:localeId/phones/:phoneId.json （実ファイルはapp/loc
AngularJSのプロダクトコードをJenkinsで運用する - Qiita
AngularJSそのものから離れますが、製造作業を行うときのCIを取り扱います。 開発でCIを利用することがセオリーになりつつ有ります(もしかすると、もう一般的になってますか)。 その利点を簡単に上げるとすると、 テストコードを実装している事前提ですが)日々、結合テストを自動で行える 日々結合を行うことで問題発見を早期に行える。 つまり、テスター有りきのテストフェーズではなく、日々製造担当者間で問題点を把握できる 上記は、云うは易しですが、運用ノウハウを継続的に溜めていかなければ、結局、タダの無用な長物になります。しかし、慣れてしまえば強力なサポーターとして必要な存在になることは間違いありません。 具体的なCIについての詳しい説明は他の記事を参考にしてもらうことにして、 AngularJSで作成したプロダクトについても同様にCIで運用できるようになれるよう、個人的にはまだまだ経験的に浅い
MEAN という言葉が示すもの - Qiita
今日気づいて調べていて、最初意味が分からず困っていた「MEAN」という言葉。 日本語の”示す”かと思いきや、実は、 MongoDB Express http://expressjs.com/ AngularJS Node.js という要素の造語だったぽい。 ひとまず、自分が好きになりつつあるはやりを掛け合わせた造語に出会って、うれしさのあまり投稿。 参考URL http://meanjs.org/generator.html#overview http://www.mean.io/#!/ http://blog.mongodb.org/post/49262866911/the-mean-stack-mongodb-expressjs-angularjs-and （さんざんAngularJSとか言っておいて、ちょっと恥ずかしい） Register as a new user and use
AngularJSのテスト(Unit Test/end-to-end test)って何が良いの？ - Qiita
AngularJSを利用したのなら、絶対にKarmaとか Protractorを活用すべきです。ちゅうか、活用しなさい。と言いたいです。システムを保守フェーズに安定的にメンテナンスするならそう考えるのがふつうになるべき。 （※Protractorについては、こちらの記事がとても参考になります） 例によって「Mastering web application development with AngularJS」を読んで書かれていたポイントを読んだ感想をこちらにまとめてますが、 2章のテスト解説部分に下記の文章があります。 There is a quote saying that writing code without a Version Control system (VCS) is like skydiving without a parachute. Today one would
HTMLの記述だけで動的ページを作成しよう（AngularJSは使うけど） - Qiita
AngularJSが使いたくなるポイントは、いろいろなところで伝えられているので、Qiitaを活用している方々には、既に解りきったことかもしれないですが、AngularJSの利用するポイントを最近改めて気づいた良かった点に絞ってひとつ取り上げまてみます。 HTMLボキャブラリが増える 見出しに書いた通り、AngularJSを利用すると、HTMLのボキャブラリが増えるんです。 これって、結構すごいことなんじゃないですか？ AngularJSのJSファイルを読み込んでng-appを書いた時点で、HTMLのタグを利用して動きを組み入れる(SCRIPTタグを必要とせずJSを記述する)ための準備ができたことになります。 つまり、AngularJSのいろいろな資料（日本語も結構増えてきました？）に書かれているサンプルコードを読んで利用するだけで、HTML上でだれでもちょっとした動くWebページを書ける
AngularJSのTutorialのstep-11よりServiceの使い方 - Qiita
AngulaJSのTutorialのstep-11からカスタムService周りについてレポートします。 (Tutorialも応用的な仕組みであるAnimationを除くと最後のstepになります) このstepで取り扱うServiceはAngularにとって重要なだけでなく、クライアント側の内部設計を行う上でも重要な仕組みです。なぜなら、Controllerをムダに太らせないために、Viewを複雑にさせないために、バランスよくプロダクトの構成を設計する上で必ず利用しなければならない仕組みになるためです。 今回のサンプルコードでは、このService周りの改良を加える事と一部リファクタリングが行われています。 そのリファクタリング箇所とは、＄httpサービスを利用して書かれていた部分を$resourceで置き換えてServiceで内包した作りにしている部分です。それにより、これまでのste
AngularJS利用時のMinify（ファイル圧縮）適用の注意事項 - Qiita
書籍「Mastering Web Application Development with AngularJS」の「Chapter 12. Packaging and Deploying AngularJS」で記載されていた"minification-safe"な記述方法のところを読んで、意外なAngularJSの弱点を知りました。 AngularJSのDependenciesを調べる方法は、実はFunctionをtoStringの結果から正規表現で行っているそうです。 ドキュメントを読み込んでいればわかることであるかもしれませんが、私は上記の書籍で知ることになりました。 その結果、どんな問題が発生するかというとminifyしたために正常にDependenciesが認識されなくなるという致命的な問題が発生する可能性があります。 例えば下記のようなソースコードを書いているとします。 angu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AngularJS Ninjaという秀逸なブログへのリンク - Qiita
AngularJSの日本語マニュアル へのリンク - Qiita