ジャパネット たかた ホームページ

ジャパネット たかた ホームページ いたし

ジャパネット たかた いたしとは？

2008年7月11日にiPhone 3Gが発売されて以降、新しい形のWebブラウジングを楽しまれている方も多いことでしょう。
ブロガーの方々も、viewportやCSSを工夫して、表示領域が小さなiPhone向けにブログの横幅などを調整されているようです。
私も遅ればせながら、自分が得意なMovable Typeとからめて何かiPhone向けの工夫ができないかと考えて、「既にPC用のコンテンツを公開しているMovable Typeに追加するだけで、別途iPhone用のコンテンツを生成するテンプレート」を作ってみました。これを、オープンソースで公開いたします。
このトップページは、オープンソースで公開されている「iUIライブラリ」を利用させていただき、指で操作しやすいiPhoneライクなユーザーインターフェース（UI）を簡単に実現することができました。（作者のJoe Hewittさんに感謝！）
作業は、既存のMovable Typeにテンプレートを二つ追加して再構築＋CSSファイルやiUIライブラリをサーバにアップロードするくらいで、非常に簡単です。
記事をひとつ投稿すればPC用とiPhone用のHTMLファイルが自動でそれぞれ生成されるので、記事投稿時のストレスが増えることはありません。また、動的にページを生成するわけではないので、サーバへの負荷が余分にかかるわけではありません。
個別ブログ記事テンプレートは、優先度の低い要素を取り除いた比較的軽量のHTMLファイルを生成するので、PC用のWebページを閲覧するよりも動作が軽くなります。
ブログ記事内の画像サイズにもよりますが、ほとんど横スクロールが発生しないので、閲覧時のストレスが軽減されます。
Movable Type3.3から4.xに対応。（黒野がテストしたのは、3.35、3.36、4.01です。4.1、4.2でも動作すると思いますが、不具合がありましたらコメントください）
iPhoneテンプレートfor MT version1.01（zipファイル／約10KB）をダウンロードしてください。導入方法やファイル構成は、同梱のreadme.txt内に解説してあります。
iPhoneテンプレートfor MT version1.02（zipファイル／約11KB）公開 不具合があるようなので調査中です。恐れ入りますが、少しの間1.01をご使用くださいますよう、お願いいたします。不具合が判明次第、エントリーにてご報告いたします。（2008年9月17日）
X11ライセンス（別名MITライセンス）で公開いたします。ライセンスの定めた条件に従う範囲内で、自由にお使いください。
最後にお知らせなのですが、なんとこのテンプレートを、あの「ネタフル」のコグレさんに使っていただいています！毎日沢山の新鮮なエントリが更新されていますので、ぜひ外出先でiPhoneでチェックなさってはいかがでしょうか？
今回ご一緒にこの件を進めてくださったAMNの徳力さんの方でも、プレスリリースを公開していただいておりますので、ぜひチェックしてくださいますよう、よろしくお願い申し上げます！
ブログをiPhone対応しようと思いつつしていない、という企業の方は多いのではないでしょうか？そんな方に朗報です。AMN（アジャイルメディア・ネットワーク...[2008年8月 6日 14:16]
ブログがiPhone対応になりました(Mercurius Rising:池田冬彦のログ)のトラックバック
cremaさんのiPhoneテンプレートに、ウェブページを追加してみた。(WolaWola)のトラックバック
に生成されるので、説明のとおりにやるとインデックスから個別ページへはリンク切れになりました。なのでテンプレートのi/の前にarchives/といれることでリンクされるようになりました。
3.33だから、かもしれませんが、アーカイブの設定をしている場合、リンクの生成具合から見て、＜$MTBlogURL$＞の部分はアーカイブ設定のようにしないと、ジャンプしてくれないと思います。
こちらのテンプレートの見え方についての質問です。iPhoneって、傾け方によって縦横が自動で変わりますよね？縦横に対しては、このテンプレートによる表示は、どのようになっているのでしょうか。
各Blogの、設定→公開にある“アーカイブの拡張子”を、html以外にしている(例えば.apple)方は、index, individual共に、「.html」になっている部分を、「.apple」というように、変更しておく必要があります。
縦横に傾けたときの対応ですが、どちらにしたときでも拡大率を変えず読みやすくしたかったため、テンプレート内のmeta要素のviewportの記述を工夫しています。head要素内を眺めていただければ幸いですー。
縦位置横位置のスクリーンショットをとってFlickrにあげておきましたので、よろしければご覧ください！
トラックバックなどをいただいて色々見て回りましたが、拡張子をカスタマイズしている方は、かなり多いようですね。
PHPを使用した場合、xml宣言の部分は「Parse error」になりますので、色々対策が必要です。
アーカイブテンプレートのアーカイブマップ部分と、メインページでのリンクの書き方が、不整合ではないでしょうか。
導入時のreadme.txtの７）再構築する。のところで「管理画面上部の「再構築」ボタンをクリック→「ブログ記事アーカイブのみ」を選択して、再構築します。」とありますが、「ブログ記事アーカイブのみ」を選択せずに「すべてのファイル」の再構築を選択して再構築をするとPC向けブログ記事のコメントやトラックバックのリンクだけがiPhone用のURLになってしまいました。
ブログ記事アーカイブのみを再構築した場合にはPC用ブログのコメントとトラックバックのURLはPC用のURLをさしています。
ただいま仕事で非常ににバタバタしてしまっているところなので、大変恐縮なのですが、調査してご報告するまでしばらくお時間ください。分かり次第、コメント返信＋メールをさせていただきます！
ただいま仕事のスケジュールが非常に立て込んでしまいまして、すぐに調査ができない状態なのです。大変申し訳ございません！！
来週中ぐらいにはなんとか調査とご報告したいと思いますので、恐れ入りますがそれまでの間、1.01を使っておいていただけますでしょうか？
個人的な意見ですが、atom などのフィードからのアクセスを考慮しカテゴリアーカイブへのアクセスではなく、ブログ記事アーカイブへアクセスさせた方が良いのでは？と思います。
[ ジャパネット たかたの いたし参考サイト]　 http://cremadesign.jp/blog/iphone/iphone_template_for_mt.html

ジャパネットたかた 「iPhoneテンプレートfor MT」を公開いたします。｜iPhone｜東京Webデザイナー日記リターンズ｜crema design