Branberyheag!! Lab

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

More

SEMサーチさんに More

戻り値が複数ある場合は、以下のようにする。

More

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

More

前にphpを利用して、Instagram apiにログインできてないって、書いたけど今更だけどできた。
原因は、リダイレクト先のURLがおかしかった。

ということで、これでアクセストークンが取得できたので、自分の写真を取得できるようになった。これでまたなんか作りたいな。
シンプルにスライドショーとかでもいいけど、もっとなんか面白いことやってみたいな。。。

非同期で処理するときに処理の順番待ちと処理の予約、処理がうまくいったときと失敗したときの処理をいい具合にしてくれるものだと思う。。。

複雑な処理とかする場合は、使える。
どこかの案件で試してみようかな。

参考になったサイト

• jQueryのDeferredとPromiseで応答性の良いアプリをー基本編
• jQueryのDeferredとPromiseで応答性の良いアプリをー実践編
• jQuery.Deferredって何

iOSデベロッパーライセンス取得する時に、褄づいてしまったので、メモ。

More

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

書式は

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

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

参考サイト

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

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

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

お仕事用サイトで、クライアント案件だけをWordPressの認証画面を通してから表示したかった。
テンプレート上にログインフォームを付けれるようだったので、実際に試してみた。

More

お仕事用サイト「Branberyheag!!.jp」を公開。

最初は、自分のポートフォリオサイトを作るつもりなかったのですが、段々、システムが出来上がってくると、いい感じの完成度になってしまって、これを単純に公開するのも勿体ないなと思って、自分用のサイトにしてみた。

技術的な話をするとWordPressでできていて、カテゴリー、ページ、記事というようなシンプルな構成でできあがっている。ただ、ページ遷移は、なくてJQueryのload()を使って、HTMLを呼び出している。戻る、進むボタンを有効にするため、ハッシュタグをURLに組み込んで、あとはプラグインでの処理を行っている。

あとは、スライドショーは、Arrayに画像のパス、サイズをつっこんで、ページおくりしたときに呼び出している。DOMを操作して、消えたり出したりするよりは、処理が速いような気がする。

これを作ったときにいろいろとTipsが溜まったので、ネタを公開していきたい。

これ、フェーズ１なんで、もう少し手直しと機能を追加する予定。

以前やった、クライアント案件で、この技術を使えばもっといいものができたとこれを作りながら思った。いつか修正したいけどね。