Rejaw Shout Client in Japanese for beginners
Saturday, September 6th, 2008Rejaw 企画第2弾 Rejaw Shout Client 「れじゃぅ〜」を作ってみました。
勉強のために今回設定した目標は、
1.Plurkのように個別Shoutもページ内に表示(Ajax処理)。
2.HahloやiPhone.FacebookのようにiUIを使ったiPhone UI。
作ってて今までポイントになった部分をちょっとだけ紹介。
1.ログイン画面も含めて全て1 HTMLで行っているので、ログイン情報がブラウザに保存されない場合がある。(実際のSubmit時に保存ダイアログが表示されるらしい)ので、Safari(iPhoneを含む)の場合、Structured client-side storage を使ってログイン情報を端末側に保存することにした。
JavaScript++かも日記: 【iPhone】iPhone用 JavaScriptデータベースプログラミング入門 (1)
http://jsgt.org/mt/archives/01/002154.html
2.iPhone では CSS の position: fixed; が使えないらしいので、逐次固定位置に戻す処理を追加した。
iPhone向けサイトを考える
http://blog.livedoor.jp/hayashi311/
3.Comet の JSONP を FireFoxで使った場合、そのリクエストがレスポンスするまで、他の JSONP をブロックしてしまうので、Comet の JSONP だけ、GreaseMonkey の GM_xmlhttpRequest を使うように、UserScript を用意した。(かなり裏技。)
4.Webkit ベースの Chrome でも動くらしい。
5.ちょっとテキストだけだと寂しかったので、Plurk のように絵文字を入れるための UserSciript を提供してみた。(画像のロードがちょっと重い。。。)
まだやってないこと、
1.表示件数/全件数の表示
(これはもっと早くに実装すべき!忘れてたw)
というわけで、
「れじゃぅ〜」デビュー
http://yungsang.com/rejaw/i/
FireFox 用 Observe UserScript
http://yungsang.com/rejaw/i/observe.user.js
絵文字用 UserScript
http://yungsang.com/rejaw/i/smile.user.js
っつーことで、どっすか?
PS:
今回は何故か思いつきでひらがなにしてみました。
意味無く、小学校1年生でも、日本語を勉強し始めた外国人にも、優しい作りになってますw
Whisperとか他の機能が欲しい人は、もうすぐ出るオフィシャルの iPhone App を待ちましょう。
