Web system開発ブログ

システム開発において有益かもしれない情報を不定期に配信しています
主に扱う情報
html / css / Javascript / linux / php / Angular / ionic / Android / iOS And more...

JavaScript(AngularJS)で次のフォームへ自動で移動させる

JavaScript(AngularJS)で次のフォームへ自動で移動させる

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

angularjsは日本語が少ないとお嘆きの方への魔法の言葉

angularjsは日本語が少ないとお嘆きの方への魔法の言葉

angular JSで開発をしていると、実際色々なトラブルが次から次へと湧いてでてくるものです。
angular JSに限ったことではないのかもしれませんが、とにかく思った通りに動いてくれない事が良く有ります。多分このページを見てくれている方も、同じようにAngular JSの開発で、苦しめられている方ではないでしょうか?
続きを読む 紹介angularjsは日本語が少ないとお嘆きの方への魔法の言葉

Angular JS  ビット演算はfilterで効率よく処理しよう

Angular JS ビット演算はfilterで効率よく処理しよう

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

angular JS loading画面

angular JS loading画面

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

通信開始の時に

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

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

$ionicLoading.hide();

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

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

angular js+ui-router ログインの仕組み

angular js+ui-router ログインの仕組み

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

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

angular js フォームが空欄だった場合データがPOSTされない

angular js フォームが空欄だった場合データがPOSTされない

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

ui-routerを使ったスクロールバー付きのインラインフレーム

ui-routerを使ったスクロールバー付きのインラインフレーム

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