Branberyheag Lab

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」を公開

プログラミングって、デザイナーが覚えるのって大変だと思う。俺も同じ経験をしたからすごくわかる。Flashとかから入るのが一番いいんだろうけど、俺みたいにJava Scriptから入ろうとすると結構苦労すると思う。自分の経験を元に話しをしていこうかなと思う。

Java scriptやAction Scriptもそうだけど、まずは、変数の使い方や関数の定義の仕方などの基本的なところ覚えたほうがいいと思う。まぁ、ひとつ覚えるとどんな言語にも使い回しができてしまう。

Java Scriptに関しては、フレームワークから覚えないほうがいいと思う。
多分、反論はあるけど、フレームワークはあくまでも効率的・生産性を高めるために使われるもの。だから、フレームワークを使わないんだったらどういう風に組めばいいか考えて使ったほうがいいし、何行も記述してプログラムを組んだほうがいいと思う。しくみを覚えるために必要なこと。

いい本と出会うことも大事。良本ってあるけどやっぱりきちんと自分に合った本を探したほうがいいと思う。Java Scriptを覚えるときは本の選び方も大切だと考えたので書いた。

この３つが大きなポイントになってくると思う。
プログラムを覚えるとデザイン・実装時の芸の幅が広がっていいと思うので、やっていないうちからあきらめないでほしい。理解しようと思えば、短期間で覚えれる。