クレジットカードの番号入力だったり、郵便番号であったり、フォームに一定の桁数を入力すると、自動で隣のテキストボックスへ移動できたら入力の手間が省けて便利です。 しかしAngular JSは基本的にDOM操作を一切しないし続きを読むJavaScript(AngularJS)で次のフォームへ自動で移動させる[…]

ng-file-uploadを使って画像をサーバにUPしよう Angular JSを使って、画像データをサーバにUPするには、とりあえずng-file-uploadを使いましょう。ng-file-uploadの使い方と筆続きを読むangular JSで画像をアップロードng-file-uploadの使い方と注意[…]

ビット演算って何？ コンピュータは０と１の信号で、２は理解できません。０と１しか理解できないなら、桁を増やせばいいじゃない。ということでコンピュータは膨大な桁を処理しています。だからコンピュータは2を表現する時、10（イ続きを読むAngular JS ビット演算はfilterで効率よく処理しよう[…]

angular jsで、通知を出す方法には色々あります。
このうち、ポップアップでふわっと表示され、
一定時間経過で自動で消える通知を「トースター」（toaster)と
言います。
続きを読む 紹介angular js toasterの実装

ionicであれば、ローディング画面はすごく簡単に実装できます
$ionicLoadingを使えば、簡単に
おしゃれなローディングの画面の出来上がりです。

通信開始の時に

$ionicLoading.show({content: 'Loading',animation: 'fade-in',});

って書くだけです。ローディング画面を消すには

$ionicLoading.hide();

これだけ。通信失敗時や通信完了時に書いてあげるだけ。

angular JS + bootstrapでも、bootstrapに似たようなのがあるんだろうと
考えていましたが甘かった。無いのです。 続きを読む 紹介angular JS loading画面

日報クラウドnipoでは、ログインをする処理が書かれています。
当然ですね。あなたが誰なのかわからないと、どの日報を表示したらいいかわからんもの。

なので、ログインしてもらうことで、あなたが誰かを特定するわけです。
SPA（シングルページアプリケーション）は、これまでのWebとちょっと考えが違う
ので、ログインのからくりも少し考える必要があります。
続きを読む 紹介angular js+ui-router　ログインの仕組み

今まではスマートフォンアプリをメインに作成してきましたが、 今回はWebアプリをつくってみました 開発環境は Angular JSです。 今回はじめて導入した Yeoman + Grunt + Bower　というお助けツ続きを読むangular jsを使ったWebアプリ[…]

あるフォームの値が空欄（初期値）だったとき、SUBMITさせない方法はよく書かれているけれど、 空欄でSUBMITしてもOKにしたい。 別にバリデーションしなければいい話なんだけど、何故かAngular JS + Ion続きを読むangular js フォームが空欄だった場合データがPOSTされない[…]

angularJSで使用できるui-router これを使って、iframeふうなスクロールバー付きの小窓を作ってみます。 利用規約なんかに使えます 通常のHTMLではiframeタグでやればいいと思います Angula続きを読むui-routerを使ったスクロールバー付きのインラインフレーム[…]