m_shige1979のときどきITブログ

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

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

https://github.com/mshige1979

html5

Polymerをちょっと試す

https://www.polymer-project.org/1.0/ WebComponentsを結構楽にすることができる 通常の方法の場合はいろいろと手間がかかる AngularJSのディレクティブとかと同じようなことができるイメージ いろいろ参考になりそう Polymer 1.0最新情報!(前編)ーPolym…

scssのファイルを階層化して管理する(@import)

HTMLのサイトでは ページを作成する際、cssとか書きますけど構造がこんがらがってわけが分からなくなると思います。こんなん * { padding: 0px; margin: 0px; } .header { height: 80px; background-color: #CCCCCC; color: #FFFFFF; } .contents .page1 { b…

angularjsでui-bootstrapを使用

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

codepenでhtmlファイルを共有

ちょっとしたサンプルを作成して結果を見たい場合 などに使用します。 http://codepen.io/ 作成画面 HTML CSS JSの画面でそれぞれ編集します。HTMLタグやBODYタグなどはすで定義されたそれ以下の部分なので注意する必要があります。 jqueryとかは? 使えます…

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> こんな感じ、条件式を指定することで対応で…

Cordovaをインストールしてみる

cordovaをインストール npmよりcordovaをインストール npm install cordova -g android sdkのパスを設定 export PATH="$PATH:/Applications/android-sdks/tools/" export PATH="$PATH:/Applications/android-sdks/platform-tools/" 設定ファイル読み込み sou…

WebRTCを試す

WebRTC とあるサイトで簡単に実験できる情報が記載されていたので、半信半疑ながら試す ベースとする環境 OS CentOS 64bit Webアプリサーバ dev.webrtc.com シグナリングサーバ 192.168.51.129:9001 TURNサーバ なし 手順 環境 [root@localhost ~]# node -v …

HTML5 Conference 2013参加したよ

内容 URL http://events.html5j.org/conference/2013/11/ 日時 2013年11月30日(土)12:00 - 19:30(受付開始 11:00) 場所 NTT中央研修センタ 東京都調布市入間町1-44 人数 最大2000人 金額 無料 ハッシュタグ #html5j ※ルーム別にもあります セッション内…