第5回「入門 ソーシャルデータ」真面目に勉強する会 @神泉(渋谷)
http://atnd.org/events/24533・CouchDB
http://couchdb.apache.org/
インストール
curl -O http://ftp.meisei-u.ac.jp/mirror/apache/dist//couchdb/1.1.1/apache-couchdb-1.1.1.tar.gz
tar zxvf apache-couchdb-1.1.1.tar.gz
cd apache-couchdb-1.1.1
./configure
Is the Mozilla SpiderMonkey library installed? が出たのでこれは「Mozilla SpiderMonkey」ライブラリが必要らしい
メモ
indices → index の複数形
P133
the_tweet_extract_tweet_entities.py
. Rで一番大きい勉強会
東京R
Rubyには木構造のクラスがない
・couchdb
マルチデバイスで共有
国内に事例
http://www.atmarkit.co.jp/fdb/rensai/09_couchdb/01/couchdb01.html
background-imageとbackgroundは同じ? css
背景に画像を使ってるのに、backgroundのサンプルもbackground-imageのサンプルも発見した。
・サンプル1
background-image: url("./images/hoge.gif"):
・サンプル2
background: url(images/hoge.gif);
ダブルクォートもあったりなかったり・・。
→調べてみると
backgroundプロパティは「簡略化プロパティ」というらしい。
複数のプロパティを一括して指定することができる。
対応しているプロパティ一覧を列挙する。
○プロパティ一覧
・background-colorプロパティ
・background-imageプロパティ
・background-attachmentプロパティ
・background-positionプロパティ
background-imageでのアニメーション注意点 CSS3
背景画像は「image」フォルダにある「hoge.png」。
Ani-HogeアニメーションをHogeのCSSから実行する。
○悪い例
→ アニメーション内で指定するのはダメみたい
@-webkit-keyframes Ani-Hoge { 0% { background-image: url("./image/hoge.png"); /* アニメーション内で指定 */ -webkit-transform: translate3d(-45px, -190px, 0); } 100% { background-image: url("./image/hoge.png"); /* アニメーション内で指定 */ -webkit-transform: translate3d(-45px, -10px, 0); } } #Hoge { -webkit-transform: translate3d(-45px, -10px, 0) scale3d(1.33, 1.33, 1); top: 0; left: 0; width: 320px; height: 320px; -webkit-animation-name: Ani-Hoge; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; }
○良い例
→ 呼び出し元のCSSで指定する
@-webkit-keyframes Ani-Hoge { 0% { -webkit-transform: translate3d(-45px, -190px, 0); } 100% { -webkit-transform: translate3d(-45px, -10px, 0); } } #Hoge { -webkit-transform: translate3d(-45px, -10px, 0) scale3d(1.33, 1.33, 1); top: 0; left: 0; width: 320px; height: 320px; -webkit-animation-name: Ani-Hoge; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; background-image: url("./image/hoge.png"); /* こちらで指定 */ }