Branberyheag!! Lab

「すきなばしょ」にかかりきりの生活です。
参加されている方は、多くなったのですが記事の投稿がなかなかしていただけない状態です。それには原因があるんだな、思って、よし！携帯サイトを構築しようと思い立った。

WordPressで構築しているが、プラグインでktai-styleというプラグインを使うとテーマを変更するだけで簡単にカスタマイズができるようだ。
ただ、仕事でも携帯サイトって構築したことが１度しかなく、CHTML?HDML?とかそういうキャリア依存のマークアップ言語しか思いつかない。。。

3G携帯は、XHTMLとCSSが使えるみたいなので、それで作ってみよう思う。
あまり時間をかけずにサクッと作ってしまおうと思う。衛星写真を背景に載せることができないので、とりあえず普通のサイトでなおかつかわいいサイトにしようかな。

「Google Static Maps API」というサービスがあるようだ。これを利用する予定。
素材は、そろったのでとりあえずデザインから作ってみようかな。初携帯サイトどうなるか！？

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

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

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

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

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

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

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

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

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

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

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

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

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

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

もう年末に入ってしまいましたね。ずっとプライベートでやっていたプロジェクトがいよいよ大詰め。
でも、本当に使ってくれたり、ユーザ登録してくれたりと結構不安でいっぱいです。まぁ、ブラウザ依存をなるべく少なくするのが、敷居の低くする第一歩かもしれない。というかIE6、IE7が全然駄目だったりと言っていることとやっていることがめちゃくちゃな今日この頃。

さて、本題だけどページテンプレートがあるけど、これを複数テンプレート用意したいときとかある。
wordpressだと簡単にできるようなので、テンプレートを作っただけではダメだった。当たり前だけどね。んで、いろいろと調べていくと新しいページテンプレートには以下のようなものを入れておかないといけないみたいだった。

<?php
/*
Template Name: Snarfer
*/
?>

とテンプレートファイルの一番上に入れるようだ。これをやらないとwordpress側で認識しないみたい。
これでトップページを作るっていうのひとつの手かもしれない。

参考にしたサイト
http://d.hatena.ne.jp/kazuokohchi/20080526/1211794028
code X
http://codex.wordpress.org/Pages#Creating_your_own_Page_Templates

WordPress用のテンプレートを今、作っていて便利なツールだと思った。
MovableTypeで妥協していた部分もWordPressなら解決したりといい感じのツールだなと思った。

前に、前の会社の人から頼まれてブログを構築したときに、ウェブページを作ると自動的にナビケーションに項目が追加される機能を見て思わず感動した。スゲー便利だなと思った。
テンプレートを作ったあとはほとんど触らなくてもよいっていうのが、ブログのオーナーは負担は減るはず。

WordPressとAS3を絡めて何かできないかなと思った。
ちょっと考えてみよう。

wordpressを使い始めて、5カ月くらいになるけど本当に便利になっていると思う。MovableTypeの一歩先を行っていると思う。カスタマイズもずいぶんできるから、自分のサイトにあったものを作れるのがすごいいいと思う。

そのひとつに自動アップグレード機能があるんだけど、これもすごい便利。わざわざ、ファイルをアップロードしなくてもいいのがいい。ただ、プラグインの自動アップグレードは、もう一声だと思う。設定がなんか消えたり、勝手に停止状態になっていたりする・・・これって、俺のだけかな？

やっと、Google Map APIを触り始めた。
でも、さらりとリファレンスを見たけど、案外簡単にできるもんだと感心ししてしまった。
地図って、遊びでさわっていると段々楽しくなるからふしぎである。だから、無意味に画面全体に地図を表示させたり、マウスでグリグリと拡大・縮小させたりして遊んでいる。

ブログで経度と緯度を入れて記事に入れたい場合は、どうすればよいのかと調べていたら、MovableTypeは、自分で管理画面をカスタマイズしないといけないみたい。
でも、wordpressは、プラグインがあるから簡単にできそうだ。

もっと早くに触ればよかったなぁ。

Google Maps API リファレンス

WordPress plugin
Google Maps anywhere
WP-SimpleGmaps

MovableType Tips
Movable Typeの記事投稿画面にGoogle Mapsを表示

次に何を作ろうと思って考えていたんだけど、Google Maps APIとWordPressかMovableTypeを使って新しいブログを作ってみようと思う。

Jqueryで、リッチなコンテンツにしたい。
今回は、挫折しないようにしないとね！

初めてこんだけじっくりとWordpressを使ったのは初めてだったりする。
ブログを作りたいときに一気に作れるのがすごいいい。MovableTypeは、昔から使っているけど再構築するときが一番時間がかかって辛い。自分で使ったりするデザインして、コーディングする時間はそんなに変わらないけどね。

ちょっと、気になるのは、サーバアプリが落ちたらサイトが見れなくなるのが一番怖かったりするけど、今はすごく満足している。

実際に使ってみないとわからないもんだよね。