Branberyheag!! Lab

WordPressって、こういうこともできるのか・・・って、思ったのでメモ。

本来、「すきなばしょ」もこれで作りたかったなって、思う。Wordpressって、すばらしいソフトウェアだとつくづく思った。

More

codezineの「サーバー側コーディング不要のGoogle App Engine開発環境「jsonengine」 」に飛びついた。
「jsonengine」をなんなのかというと、フロントエンドのスクリプトで、簡単にGoogle App Engineを使ったデータベースを作れちゃうというアプリケーション。
POSTは、JSONで送信して、データ取得もJSONなので、サーバの言語を知らなくても、データを格納できる場所を確保できるというもの。

フロントエンド側のみでWebサービスを作れる可能性が高くなってくる。
この記事を読んで、即、飛びついて、アカウントも取ったけど、問題があってやはりある程度は知識が必要。

なので、勉強中。

あと、このアプリケーションの欠点として、画像データを格納できないことじゃないのかと思う。

これを使ったなんかを作る予定。

デザインメモ

• 本のモチーフをもっと全面に出す。
• トップページは、ポラロイドと手書き風にする。
• UIは、よりオリジナル色を出す
• ユーザビリティを高くする
• 言語にこだわらないサイトにする（したい）

技術的メモ

• HTML5とCSS3で作る
• Webストレージを使って、前回までのページを保持する。
• WordPress色をかき消すような動きをJavaScriptで表現
• mixiアプリとの連携など、なんか外部のサービスと繋がりたい

IE8以下のブラウザにHTML5の要素を追加する場合、html5の要素をJavaScriptを追加する。
よく使うのは、html5.jsを使う。

<pre><!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--></pre>

または、

<pre><!--[if lt IE 9]>
<script>
var html5 = ['header', 'footer', 'section', 'article', 'aside', 'time', 'hgroup'];
// ↑使う要素を配列に入れておく
for ( var i=0, j=html5.length; i<j; i++ ) {
document.createElement(html5[i]);
}
</script>
<![endif]--></pre>
[/javasctipt]
<pre>という風にして、要素を動的に生成する。
これより、CSSに適用しやすくする。

これをJQueryでやってもうまくいかないようだ。

1

<pre><code>$('#box').append('<section>section</section>');</code></pre>

innerShiv.jsを使うとうまくいくみたい。

なんとなく、これでも面倒くさいと思う。
AJAXで、実装する場合ときには、一工夫必要のような気がした。

• HTML5の新要素をjQueryでappendとかするとバグる件
• HTML5でコーディングしたページでjQueryを使うときに気をつけること

いつか役に立つかもしれないから、メモ。

IE8de正しく表示されないサイトには、この警告が出るみたい。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

↑を入れると回避可能のようだ。

IE8互換表示モードの基礎知識
http://seo-engineer.info/archives/ie8-compatible.html

Google Analyticsで詳細にデータを取得ダウンロード数などを計測を容易にするアドオンがあるみたい。

ちょっと、知らなかったので、メモ。
詳細にデータを取得するならこういうアドオンは必須になってくるので、メモ。

ログ解析を詳細にやろうとするとダウンロード数なども計測しないといけないけど、こういうものがあるとかなり便利になるとおもう。

http://www.moongift.jp/2009/12/gaaddons/

「12 Elegant, Free & High Quality HTML5+CSS3 Templates」

これを見るとHTML5のシンプルさ、CSS3のデザインの作り込み度の高さを感じられる。もうphotoshopでデザインの作り込みをするっていう作業がなくなるかもしれない。
これは大げさだけど、現実問題おおまかなデザインは、photoshopで、パーツの作り込みはCSS3でっていう時代が来そう。すごいもんだ。

個人ブログのコンセプトを練っているんだけど、HTML5で作ってもいいかもしれないな。。。

twitterでの位置情報をどうやって送信するのか分からなかった。

設定を変えてみたりしたけど、何も変わらなかった。どうしてだろうと思っていろいろと調べてみたところ専用クライアントソフトだと位置情報と一緒に送信できるそうだ。

ちなみに、モバツィは、位置情報の取得ができない。さて、どうしたものかと思って調べてみるとはてなココは、位置情報を送信できるようだ。ツィッタークライアントソフトを作ろうかと思ったけど、そこに時間をかけるよりももっと別のところに時間をかけようと思って止めた。

twitter APIのリファレンスにもあまり詳しくは載っていないようだ。大事なことだから、載せてほしいよね。。。

あるものを作っていて、そのツールがGPSで経緯を取得して、表示するツールでこれをなんとかケータイ版に移植しようかと考え中。PHPでケータイからデータを取得できるらしいので、ライブラリを使って試してみようと思う。

ていうことで、メモ。

• PHPで携帯位置情報を扱うライブラリを僕も作りました
• 携帯GPSの基礎知識たち
• 「Google Static Maps API」を使って携帯でGoogleマップを表示する
• 位置情報を取得してみる