Branberyheag!! Lab

JavaScriptで配列を空にする方法が分からなかったので、メモ

var hoge = [];

hoge.length = 0;

配列の長さを0にすると空になる。これ知らなかった。

参考サイト
Javascript/配列操作

ちょっと、Google Maps API V3から離れているうちにかなり進化をしていて、びっくりしたので、メモ。
調べていた頃は、英語版しかリファレンスがなかったのに、今は日本語版リファレンスが出てて、びっくり。かなりV3が安定的なサービスになってきたんだと思う。

特にStyled Map 機能とマーカーのアニメーション機能は、どこかで使ってみたい。しかも、設定がものすごく簡単にできてしまう。（JavaScriptが分かればホント簡単）

More

instagram APIを使いたかったので、「instagram Wall」を作った。

More

More

完全に乗り遅れた感じだけど、Instagram API（公式）が出てた。

More

WordPress2.9で動いていたテンプレートに実装していたJavascriptがなぜか動かなくなった。どうしてだ？？と思ってエラーを調べても原因が分からなかった。とりあえず、スクリプトを全部作り直したかったので、丁度良い機会なのかもしれない。

さてさて、どうしたのかな。。。

原因として考えられるのは、JQueryは、headerCleanというプラグインを使っているんだけど、それのJQuery(つまりライブラリ)がうまく読み込まれてないいないのかもしれない。調べてみようかな。

jQuery1.4の新機能を1.4だけに14個
http://tech.kayac.com/archive/jquery-1.4-new.html

今日の投稿で100回目を迎えた。マメに投稿すると早いもんですね。

コミュニティサイト「すきなばしょ」をプレリリースした。

制作期間は2ヶ月くらい。まぁ、仕事をしながら進めてきたので時間はかかってしまったけどやっとリリースまでこぎつけた。

サイトコンセプト
「ユーザー同士が好きな場所を共有して、実際に行ってまた共感する。」
言葉的にはおかしいかもしれないけど、あえてこの言葉を使った。好きな場所は、誰にでもあります。それを大切にして、誰かにこの気持ちを共感したいことってあるのかな～と思いました。

あと、教育テレビで私が小さいときに放映していた「たんけん　ぼくのまち」という番組があってそのなかでは自分の町を探検して、自分の町ではどんなことことが起きているのかなどを探検して最後は素敵な地図にする番組。
これが私は大好きで去年から自分のすきなばしょを地図に書き込んで共有したいという気持ちがあった。

結局、いろんな思いはあったけど、ブログという形で落ち着いてしまった。

技術的なことについて
バックエンド部分はWordPressを使っています。自分で作ろうと思ったけどゼロから勉強して作るまでに飽きてしまいそうだったこともあって今回は諦めた。

フロントエンドにはJqueryライブラリーを主に使ってGoogle Maps APIをコントロールしている。あとは、親ウィンドウから子ウィンドウへのデータ受け渡しも実現している。記事に書いてある、地図のプリント部分はデータの受け渡しはJavascriptのみで行っている。

あとは、Google Mapsにadsenseを埋め込んで広告表示をしている。これも前回の記事で説明している。

追加機能について
携帯電話やスマートフォンからメール投稿できるようにしようかと考えている。

携帯電話の場合は、GPS搭載携帯だと、簡単にメールに取得できるようなので、メール送信時に経緯と緯度とタイトル、写真をメールで送るだけで投稿できる仕掛けを実装予定。
あと、携帯電話での閲覧とiphoneでの最適化をめざす。
JavaScriptで実装したスクロールバーのwindowサイズを変更したときの挙動がどうもおかしい・・・原因は分かっているけど解決策がない。ブラウザウィンドウとコンテンツの大きさを比べているんだけど、どうやらコンテンツ全体の長さがちゃんと取得できていないらしい。
これも早めに修正したい。

よかったら、コミュニティサイト「すきなばしょ」に気軽に参加してください。
いろんな人の意見を聞きながら運用していきたいと思っています。

正式リリースまでは、もう一息。
IE6のブラウザ対策（最新バージョンへのアップグレードの案内を表示）が残っている。
正式リリースは来週になりそう。。。

すきなばしょ
http://www.sukinabasho.com/

javascriptで他のウィンドウにデータを渡して、そのデータを元に展開する方法ってあるのだろうか。本当はPHPを使った方法がいいのは分かっているけど、それほど大げさなことはしたくない時にあると思う。あとは、気軽にデータを渡せたらいいなぁ～という浅い考え方でじっと考えてみた。

方法としては、リンクに引数を付ける方法が良いのかなと思った。
「map.html?title=hoge&date=00-00-00」みたいにしちゃって、他のウィンドウにlocation.hrefでデータを取得して正規表現できれいにするのが一番かもしれない。それだったら、javascript だけで可能だなと思った。

今回作っているサイトにも実装してみた。
現実的ではないけど、これもひとつのアプローチだと思う。

GoogleからJavaScriptアプリ開発ツール「Closure」が出た。

Closureは，JavaScriptコードを高速化／コンパクト化するツール「Closure Compiler」，デバッガ「Closure Inspector」，ライブラリ「Closure Library」，テンプレート「Closure Templates」で構成されているみたい。

今、コミュニティーサイトを構築しているんだけど、それに使ってみようかなと思う。

Google，JavaScriptアプリ開発ツール「Closure」を公開