Branberyheag!! Lab

これ、使えるなと思ったので、メモ。

More

HTML5でビジュアライズして、遊んでみようと思って、ライブラリを使うか自分で作ろうか悩んでいたときに、Proceesing.jsに出会った。

More

SEMサーチさんに More

three.jsとかCanvasでbranberyheag.jpの背景を素敵にしようと思ってて、そのためのメモ。

• three.jsのリファレンス
• ライブラリのダウンロードの場所

Javascriptでの3D表現ならなんとかできそうなので、時間ができたらやる。
このサイトが、素敵。

前から勉強しなくちゃ、と思っていたCanvasの勉強だけど、時間みつけながらなんとかやっている。

役に立ちそうなサイト／記事をメモる。

• 「今さら聞けないCanvasの基礎の基礎」by カヤックさん
• 「Canvas」by HTML5.jp
• 「HTML5 の Canvas を使って素晴らしいグラフィックスを作成する」by IBM developer works
• 「『canvas』要素の勉強をする時の参考サイトまとめました / HTML5『canvas』要素基礎」by HTML5でサイトをつくろう

あとは、とにかくいろいろと作ってみることだと思う。経験を積むことが一番必要なこと。

画像にbase64（Data URIs）をかけてHTMLやCSSに埋め込む方法って、知らなかった。。。HTTPリクエストを減らせるので、軽量化に役に立ちそうだったので、メモ。

More

あることをキッカケにiOSアプリを作ろうと思った。本当は、Object-Cで作る予定だったけど、 More

これは、従来だとhashタグを使って、URLを作っていたんだけど、このメソッドを使うとそれが必要ない。何気に便利。

<code></code>window.history.pushState(DATA, TITLE, [URL]);

これだけを定義しても戻るボタンを押しても戻らないので、popstateのイベントで取得する。

window.addEventListener('popstate', function(event) {

changeContents(location.pathname);

},false );

で取得して、画面遷移用の関数を用意しておくだけ。

文章だけだとイマイチぴーんと来ないので、あとで、検証をしてみることにする。

参考サイト

• http://www.webopixel.net/javascript/402.html
• http://memo.de4u.net/2011/01/javascript-html5-q.html
• http://d.hatena.ne.jp/javascripter/20100404/1270411268
• http://d.hatena.ne.jp/fujimori1981/20110522/1306064071

HTML5では、カスタムできる属性がある。

書式は

<h1 data-hoge="hoge">タイトル</h1>

というような感じでかけるようだ。かなり便利でしょ！

参考サイト

http://havelog.ayumusato.com/develop/html/e158-html5-custom-data-attribute.html

属性を作るにはルールがあって、最初「data-」をつけないといけない。

HTML5で作るんだったらぜひ、これを使ってみたい。

HTML5/CSS3/Javascriptで作る「Phone Gap」というネイティブアプリが作れるツールがあるみたい。
「Titanium Mobile」とは違い、Webアプリを作る感覚で、簡単に変換してくれるツール。

ノリ的には、HTML/Javascriptで作るAdobe AIRみたいなようなものだ。カメラやファイル、位置情報などの端末の機能にもアクセスできるので、JAVAやObject-Cなどで作ったようなアプリが作れるみたい。

ゲームや簡単ツールを作るには、いいアプリケーションなのかもしれない。

なんか作ってみようかな。

関連リンク

• Notobi
• HTML5のモバイルアプリを“ネイティブアプリ化”する「PhoneGap」が正式版に。オンラインでの変換サービスも発表