m_shige1979のときどきITブログ

プログラムの勉強をしながら学習したことや経験したことをぼそぼそと書いていきます

Github(変なおっさんの顔でるので気をつけてね)

https://github.com/mshige1979

angularjs

Angular2のGetStartを試す

Angular2をやってみる まだ、ベータ版しかないけどちょっと気になったので…angular.io TypeScript? 基本的にはTypeScriptで書くような感じがいいらしい JSの書き方だと可読性などやりにくい感じからかも… 実装 プロジェクト作成 IDEでもなんでもルートのデ…

Mojolicious+Angularjsでwebsocket

github https://github.com/mshige1979/reoreotsubuyakikun angularjsでwebsocket Controllerだけではうまくいかないことがあるのでfactoryなどが必要になってくる 実装 default.html.ep <html> <head> <title><%= title %></title> <link rel="shortcut icon" href="<%= url_for '/favicon.ico' %>"> </link></head></html>

angularjsでui-bootstrapを使用

angularjsのtwitterbootstrap版 cssの部分はともかくformのモーダルダイアログとかあとはカレンダーとか出したいけどどうするの?的な対応かと 準備 twitter bootstrapのファイル jquery angularjs よりそれぞれcssやjsファイルとダウンロードしそれと http:…

angularjsのng-ifの場合に数値や文字列の比較は?

だってサンプルはtrueかfalseしかない 使うなということでしょうか? 一応必要かもしれないので調べた 定義 <span ng-if="item.count > 10">10 over</span> <span ng-if="item.count == 10">10 equal</span> <span ng-if="item.count > 20">20 over</span> <span ng-if="item.text == 'aaa'">aaa</span> <span ng-if="item.text == '0'">xxx</span> こんな感じ、条件式を指定することで対応で…

angularjsのng-show、ng-hideで表示切り替え

表示、非表示の設定するディレクティブ ng-showはtrueの場合に表示を設定し、ng-hideはtrueの場合に非表示を設定する 実験用の環境 onsen-uiのサンプルファイル「www」を流用 基本 index.html <html lang="en" ng-app="app"> <head> <meta charset="utf-8"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="mobile-web-app-capable" content="yes"> </meta></meta></meta></head></html>

cordova+onsen-uiでサンプルアプリ

cordovaをまだ、うまく使えていないので ちょっくらみてみる まずは初期設定 プロジェクトを作成 $ cordova create hello com.example.hello Helloworld -d Creating a new cordova project with name "Helloworld" and id "com.example.hello" at location …

angularjs学習(ページ切り替え)

マニュアル見たけどいつの間にか勉強しなくなっていたので再度学習 angularjsはなんかマニュアルが最近増えて来たのでもう一度勉強 資料 https://github.com/mshige1979/angularjs-sample 実装 index.html <html> <head> <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css" /> <link rel="stylesheet" href="css/app.css" /> </link></link></head></html>

javascriptのバインディングフレームワーク「angularjs」の学習2(ng-repeat、ng-click)

更新は少しずつ いろいろと学習することも別にあるので少しずつ学習する。 一気にやっても覚えられないので… 今回は繰り返しだけ 繰り返し ng-repeatでバインドした配列形式のデータをバインド可能 <html lang="ja"> <head> <meta charset="utf-8" /> <title>AngularJS Sample04</title> </head> <body ng-app="sample04"> <div ng-controller="controller04"> <div ng-repeat="data in lists"> <…</div></div></body></html>

javascriptのバインディングフレームワーク「angularjs」の学習

どれも使ったことがない なんかいろいろなところでもう使うのが当たり前的な雰囲気なんですけど まだ、JQueryでよいかな~って思っていたのでそのままにしていたけどそろそろ重い腰を上げてみる いろいろ考えてみて とりあえず以下の機能を調査することにす…