プロフィール
donpyxxx
iPhone版
(全文読めます)
▼Twitter @donpy
http://twitter.com/donpy

Twitterやってみませんか?ついでに@donpyに絡んでやって下さいw


やや適当に、時に熱く、いつも萌え萌えでお願いします(´ω`)
当方、サイトデザインに関してはまったくの素人です。よきアドバイスをいただければありがたいと思っていますのでどうかよろしくお願いいたします。

ご意見・ご要望は
clubiphone3g at gmail.com
までお願いします。

English version
モバイル版(RSSです)
はてなモバイル版

■ザ・スタメンアプリ
【20090906版】
IMG_0501

■ザ・シューティング
【不定期更新】
IMG_0073

ブログパーツ ブローク iPhone ブログネットワーク
QRコード
QRCODE
無題ドキュメント
インフォメーション
【オフィシャルブログ】 社長ブログリーダーズ
お店ブログharimaChic!
ベーシックブログベーシック
神戸・明石・兵庫でホームページ制作なら 兵庫web制作.com


まるはりMOOK本発売!

読者登録
メールアドレスを入力して登録する事で、このブログの新着エントリーをメールでお届けいたします。解除は→こちら
現在の読者数 1人

2009年05月28日

PCページをiPhone最適化するブックマークレット
こういうの便利ですよねぇ。ブックマークレットの登録方法については続きをよむ以降をお読み下さい。

POPONTA PROXY (Page Converter for iPhone) を公開してみる
http://zafiel.wingall.com/archives/200905271653591.php
【Azrael】

あくまで、オリジナルページベースに閲覧したい!という方にお勧めしたいのが、このブックマークレットです。単純にモバイル変換されたページでも字が小さくて見えにくいし、そのままオリジナルのページを見てると重くて落ちちゃう。まさにうちのページじゃないか!ってことで、早速使ってみました。

主な機能は以下の通り。

重くなる原因のタグ、不必要なタグを除去
変換元のページに存在するjavascriptやiframeタグ、objectタグを除去して表示します。
スクリーンサイズ・画像サイズ・文字サイズをiPhone用に最適化
ぽぽんたは文字や画像をiPhoneの画面サイズに収まるように調整します。
基本的に横スクロールを発生させません。
リストタグ自動折り畳み
ナビゲーションウィンドウ


うちのページを表示してみた。


一見Google Mobile Proxyのような画面ですが、実は全然違います。断然見やすい。


実は画面を2、3秒タップし続けるとジャンプメニューが登場します。かなり閲覧しやすいかと思います。


こんな感じで美しく閲覧できます。しかも結構高速でいい感じです。


個人的にこれはキラーだなと思ったのが、ipor版(現在当サイトで推奨しているiPhone最適化ページ)ではできなかった、個別記事の「続きを読む」以降の内容も同じレイアウトで閲覧する事ができる点です。

iPhoneからまともに見ると、結構重くて最近敬遠していたページなどもブックマークレットを登録しておくと一発変換してくれるところがうれしいですね。

上記リンクから飛び、リンク先の下の方に「bookmarklet」というリンクをタップして、そこから表示されるページをブックマーク。保存後、ブックマークを開き、先ほど保存したブックマークを編集してjavascriptが登録アドレスの先頭になるようにすればおっけ〜です。

是非お試しください。


(bookmarkletの登録がわからないという方は続きをご覧ください)
ブックマークレット登録の仕方ですが、蛇足かもしれませんが、一応解説しておきます。

まずこのエントリー最初のリンクを踏みます。


ページに繋がりました。このページを下の方へスクロールしていき、「bookmarklet」リンクを探しましょう。


ありました。それではこのリンクを踏んで、ブックマークレット登録アドレスへ接続しましょう。


この画面が出たらすかさずSafariの画面真ん中下の「+」ボタンをタップ。


「ブックマークに追加」を選択してブックマークします。


そしてブックマークを開き、「POPONTA」を探します。そこに登録されたアドレスを編集するわけなのですが…。



これが編集画面です。ここのURLを編集します。先ほど書きましたように、URLの先頭部分を削除して、先頭に「javascript」が来るようにします。


編集画面。虫眼鏡を出して、先頭に向かって進めていくとjavascriptの文字列が!


こうなればおkです。あとは編集を終了して、完了を選択すればおkです。他のブックマークレットでも結構便利なものがありますので一度登録方法を習得しておけば色々使えますので是非この機会に覚えていただければと思います。

では、見やすくなった当ページをご覧くださいませ。


同じカテゴリー(iPhone)の記事画像
[iPhone] 4月の人気エントリー
[iPhone] PhotoMailerバージョンアップで!
[iPhone]3月の人気エントリー
[iPhone] 純正Skype来ました!
iPhone D's App日記【20090330-31版】
[iPhone]Safariを完全に終了させるTips
同じカテゴリー(iPhone)の記事
 「Ace Combat Xi」シューティングギャラリー (2009-12-04 00:00)
 カプコンから「逆転裁判」来る!? (2009-12-03 17:44)
 ナムコ「ACE COMBAT Xi」リリースされてます! (2009-12-03 17:43)
 iPhone D's Focus【20091203版】 (2009-12-03 13:03)
 SQUARE ENIX「ソングサマナー」をリリース (2009-12-03 10:01)
 「スーパーモンキーボール2」リリース (2009-12-03 10:00)
Posted by donpyxxx at 00:21 │iPhoneこのエントリーを含むはてなブックマークはてなブックマーク - PCページをiPhone最適化するブックマークレット