MTでiPhone向けサイト構築

/ Webｺﾝｻﾙﾃｨﾝｸﾞ部　

黒木 (2010年8月 9日 22:17)
Webｺﾝｻﾙﾃｨﾝｸﾞ部 / Movable Type / iPhone

「システム開発ブログ」のiPhone用ページを作成してみました。

※画面キャプチャは、iPhoneで[ホームボタン]を押しながら、上部のボタンを押して撮影しています。

Google Codeで公開されているiUI（iPhone User Interface Framework）ライブラリと
http://code.google.com/p/iui/
crema designさんの「iPhoneテンプレートfor MT」
http://cremadesign.jp/blog/iphone/iphone_template_for_mt.html
を使用させていただき、少しカスタマイズを加えて実現しています。

iUIライブラリはYahoo!のiPhone向けサイトでも利用されるオープンソースで、
1枚のHTMLページ内に次ページのソースを記述することができるため、
リンク（ページ内リンク）をクリックしたときにサクサクと動いてくれます。
見た目はまるでページが遷移したようです。

ただ、「システム開発ブログ」でソースの表示に利用しているSyntax Highliterに対応できず、
ブラウザがiPhoneの幅より広がってしまいました。

もう少し調整を加えたら公開したいと思います。

「システム開発ブログ」へのコメントやご意見等ありましたら、ファンページまでお願いします。 Facebook のファンページ

[PR]
他社のシステムも直します。資産を活かしてシステムリフォーム

システムのトラブル解決を承ります。すぐにシステムリフォームを体験できます

システム開発のアイロベックス（東京都新宿区）