Posts Tagged ‘ iPhone ’
近年の携帯電話、スマートフォンの劇的な進化によって、モバイルでのサイト閲覧が増えているかと思います。
現に、このサイトでもモバイルでのアクセスが２～３割です（iPhoneが多い・・・）。
色々とモバイル化を試みているわけですが、妻のiPhoneでサイトチェックなどしております。
それで、オンライン上でウェブサイトのモバイルチェックが可能なウェブサイトを見つけたので、自分メモを含めてここに記載します。
結構簡単で、URLを入力すれば結果が出てきて、データも見れます。
ちなみに、本サイトのmobiReadyでの結果は以下の通り：
そして、W3C mobileOKでの結果は以下の通り：
まーまーですけど、まだまだ頑張れそうです。
mobiReady – http://ready.mobi/
W3C mobileOK – http://validator.w3.org/mobile/
ブログはWordpressで運用していますが、タイムリーではなく、内容の変更が少ないホームページは静的（Static）なページ生成が気に入っているMovable Typeで行っています。
WordPressで作成しているブログはWPTouchというプラグインでiPhone向けにしましたが、今回はホームページ（つまりMovable Type）をiPhone表示したいと思いました。
iPhone用テンプレートの導入方法はdelphinusさんのサイトを参考にしました。リンクが豊富でありながら、説明があるのでわかりやすかったです。
テンプレートセットは以下より：
Pluggableなテンプレートセットを実現する Templetsフレームワーク
テンプレットを適用すると、「http://ブログのアドレス/i/」でiPhone 用ページにアクセスできます。
パソコンで見た場合
iPhone Templetのサイト表示
また、iPhone用ページに自動で転送するのに、.htaccessの設定をしました。
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod)
RewriteCond %{REQUEST_URI} !^/i/
RewriteRule ^(.*)\.html$ /i/$1.html [L]
これで、iPhoneから「http://ブログのアドレス/」にアクセスすると、「http://ブログのアドレス/i/」に転送されます。
ここまでは全く問題なかったのですが、iPhone用テンプレートはインデックスページとブログ記事ページしか用意されていなく、今回の目的である「Pages」のテンプレートはありませんでしたので、ブログ記事ページのテンプレートを参考に作ってみました。
cremaさんのiPhoneテンプレートに、ウェブページを追加してみた。
EntryタグをPageタグに変更して、アーカイブマップはブログ記事と同様になるように「i/%-c/%-F.html」としました。
<?xml version="1.0" encoding="<MTPublishCharset />"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title><$MTPageTitle$>｜<$MTBlogName$></title> <link rel="apple-touch-icon" href="<$MTBlogURL$>images/apple-touch-icon.png" /> <link rel="stylesheet" href="<$MTStaticWebPath$>plugins/iPhoneTemplet/css/style.css" type="text/css" /> <meta name="viewport" content="width=480, user-scalable=no, maximum-scale=0.6667" /> <meta name="robots" content="NOINDEX" /> </head> <body> <p id="logo"><a href="<$MTBlogURL$>i/"><$MTBlogName$></a></p> <div id="content"> <p><a href="<$MTBlogURL$>i/"><img src="<$MTStaticWebPath$>plugins/iPhoneTemplet/img/totop.png" width="136" height="33" alt="トップページへ" /></a></p> <h1><$MTPageTitle$></h1> <p id="topicpath"><$MTBlogName$><MTPageFolder><MTHasParentFolder> » <MTParentFolder glue=" » "><$MTFolderLabel$></MTParentFolder></MTHasParentFolder></MTPageFolder> » <$MTPageTitle$></p> <$MTPageBody$> <$MTPageMore$> <p class="totop"><a href="<$MTBlogURL$>i/"><img src="<$MTStaticWebPath$>plugins/iPhoneTemplet/img/totop.png" width="136" height="33" alt="トップページへ" /></a></p> </div> </body> </html>
これでバッチリ。問題があるとすれば、iPhoneを持っていないのでサイトの確認ができない・・・。
参考サイト：
【MovableType】iPhone用テンプレートの導入
http://blog.remora.cx/2010/03/movabletype-template-for-iphone.html
Pluggableなテンプレートセットを実現する Templetsフレームワーク
http://blog.as-is.net/2008/08/pluggable-templets.html
iPhone用ページに自動で転送する
http://blog.remora.cx/2010/03/rewrite-uri-for-iphone.html
cremaさんのiPhoneテンプレートに、ウェブページを追加してみた。
http://www.zelazny.mydns.jp/archives/001389.php
「iPhoneテンプレートfor MT」を公開いたします。
http://cremadesign.jp/blog/iphone/iphone_template_for_mt.html
iOS5の発表に伴い、自分の持っているiPadのOSの更新をしました。
以下は自分メモです。
まず、iTunesを現在最新の10.5にする必要があります。
そしてiPad（またはiPhoneを含む他のiOSデバイス）を接続すると、iOS5のダウンロード・インストールが始まります。
iTunesの更新とiOS5のダウンロード、そして更にiPadのバックアップも行うので、結構時間がかかります。ここは休憩しても良いかもしれません。
iOS5のインストールが終わったと思ったら、バックアップの復元も行なってくれました。これにも時間がかかったけど。
iPadの更新が終わると、いよいよiPadの起動を行なって更新を行うのですが、Apple IDの更新を迫られます。
Apple ID、パスワードを入力すると、次の画面へ行き「セキュリティの確認上Eメールアドレスが必要です」と聞かれるのですが、今まで使っていた、このApple IDに入力したはずのEメールアドレスを入力すると何度もエラーが起こります。「そのEメールアドレスは既に登録されています」と。
なのでやむなく別のEメールアドレスを登録したのですが、どうやらこの新しいEメールアドレスがApple IDと成るようです。
今まで、Apple ID、パスワード、Eメールアドレスだったのが
Apple ID＝新Eメールアドレス、パスワードとなるのです。
最終的に、iPadをパソコンにつなげて、iTunes上でApple IDのEメールアドレスを先ほど設定した新しいEメールアドレスに更新しました。
iTunesでiTunes Storeにアクセスし、更にアカウントにログインしてApple IDの詳細を編集しました。これで問題ないです。
自分メモで更新の模様を書きましたが、他にも同様の症状の方がいらっしゃるかもしれないので、参考になれば幸いです。
というわけで、アップデートだけでヘトヘトです。
iOS5の使い勝手は、まだ全然わかりません。
auのiPhone販売も気になりますが、iPhone 5自体の発表も気になります。
さて、何が発表されるのでしょうか。
・iPhone 5
・iPhone 4S
・新iPod Touch
・その他のiPod・・・？
まぁ、画像を見れば電話のアイコンに「１」とあるので、電話機一種類の発表かな？
今日のニュース。
どうしても欲しければ、別にキャリア変更することはなんてことないんですけどね。
でも今のキャリアで使えるとなるとなんか精神的に敷居が下がった感じがするんですよね。
私の場合、キャリア乗り換えよりもスマートフォンが使いこなせなく、使い道があまりないのが問題なんですが。
本ブログはWordPressで作成していますが、プラグインなるものを追加する事で様々な事ができます。
レンタルブログと比べて自由な反面、全部自分で管理しなければいけないので、面倒な事も多いです。
PC閲覧用のテーマは気に入っているのですが、スマートフォンでは文字が小さく、ズーム等の操作が必要で快適とは言えません。
先程インストールしたプラグインはWPtouch。iPhone等のスマートフォンに表示を最適化したプラグインです。
Wordpressプラグインですのでインストールは簡単で、カスタマイズ機能も豊富です。
実際の操作は快適でした（妻のiPhoneで確認したところ）。
iPhone上では自動的に最適化されますが、通常のPC表示の切り替えも可能です。
私はiPhoneを持っていないので、iPhoneyを動作確認に使おうかな。
Pro版もあるみたいですが、私の用途としては無料版で十分です。
WPtouch（Wordpress内）http://wordpress.org/extend/plugins/wptouch/
BraveNewCode（開発元HP）：http://www.bravenewcode.com/store/plugins/wptouch-pro/
参考サイト：http://iphone-lab.net/archives/701
WordPress（英語）http://wordpress.org/
Wordpress（日本語）http://ja.wordpress.org/
iPhoney（iPhone Simulator, Mac only）http://www.marketcircle.com/iphoney/
AppleのモバイルデバイスのOS、iOSの最新版、iOS5が発表されました。
たくさんの新機能があるみたいですが、気になったのは、
１）iMessage： iOSのチャット、ニュージーランドの弟と簡単にできるかな。
２）Twitter： iOSに統合されたことで、使いやすくなります。iOSにここまで入り込んでしまう、Twitter恐るべし。
３）PC Free： 母艦が必要なことは、iPad購入を迷っていた時にブレーキになっていました。私の理想に少し近づいた。
iCloudは写真に使えそうですね。パソコンに溜め込んだ写真をiCloudにアップしてiPadでアクセス、簡単にできたら便利ですね。
妻と写真を共有するのに使えるかもです。
後、WWDC2011の発表で気になるところといえばOSX Lion、10.7がMacOSX → OSXという表記に変わったことかな・・・。
リンクは「http://www.apple.com/macosx」ですけど、「http://www.apple.com/osx」と打つと「http://www.apple.com/macosx」に転送されるんですよね。
いつか転送設定が逆になるのかな・・・。
テルがインフルエンザになりました。どうやら保育園でも流行っているみたいです。
インフルエンザの検査に引っ掛かったのは月曜日で、三日間保育園を休みました。
しかし正確にはその前の金曜日に熱が出ていました。（週末は熱が収束）
もうヘトヘトです。
（保育園の知り合いで３人兄弟でインフルエンザになった人もいるのでまだマシですが）
熱がある時や調子が悪い時は甘やかしてしまいます。
大好きなトーマスも見せてあげました。iPadで。
そして、テルがiPadにはまりました。
正確には、iPadの動画にはまりました。
もっと正確にはiPadで見れるトーマスの動画にはまりました。
この姿、おっさんです。
そして当然ですが、同等の機能を持っているiPhoneにもはまり、勝手に使ってしまう程。
中毒者の治療のように、少しづつ減らしていくか。
それともショックテラピーみたいに完全に絶つか。
悩みどころです。
iPhoneやiPadで大人気のAngry Birds。
Web版があるとは。
テルも好きです。
Webで遊べるAngry Birds：
http://chrome.angrybirds.com/
ネタ元：
http://daringfireball.net/linked/2011/05/11/angry-birds-chrome
本家HP：
http://www.rovio.com/index.php?page=angry-birds
iTunes：
http://itunes.apple.com/us/app/angry-birds/id343200656?mt=8
Bad Behavior has blocked 44 access attempts in the last 7 days.
