とにかく何事も挑戦だ-初心者のiPhoneサイト制作記-

と言いつつiPod touchを所有していないのに(冷汗)...

iPod-touch_safari_01.jpg

(写真はArs Technicaより拝借)

どうやって確認をすれば良いのか考えもしていないところが、まるで実物が手元に無いAlter 8800用のBasicを制作していた時のPaul AllenとBill Gatesの様だ(汗&笑)。

何を作ったのか一体何に挑戦したのかというとiPhone、iPod touch用のブログの制作に挑戦したである。つまりiPhone、iPod touch版Mac!!Mac!!Mac!!の「mac!!mac!!mac!! for OS Ⅹ : testdrive」をRapidWeaverで作ったのだ(笑)。といってもRapidWeaverではクリック一発で出来てしまうのだが(汗)...

mac!!mac!!mac!!-for-OS-X.jpg


実物を所有していないのに...確認のしようも無いのに(冷汗&爆)...さらにサイト制作の知識は無いに等しいのに(大脂汗)...

ということで、心優しいiPod touchユーザの方から是非様子をお伺いしたい。誠に勝手では御座いますが皆様のご好意におすがりさせて頂きたい(冷汗&笑)。

「mac!!mac!!mac!! for OS Ⅹ : testdrive」にもコメントとトラックバック機能を付けておいたので是非ご利用頂きたい。午前中の時点ではまともにコメント機能が使えなかったが先ほどテスト書込みを行なった際は上手くいった。

それでは皆々様のご意見、ご感想お待ち致しております(笑)!!

追記
どうもタイトルをクリックする場所によって「カテゴリ」が表示されてしまうらしい(冷汗)...

追記
ページスタイルの「幅」の設定を「可変」に変更。iPhoneでの表示状態を確認出来るアプリ「iPhoney」にて表示確認を行なう。リンクがiPhoney上で正常に動作しないので現物上で動作しているのかどうかが心配(冷汗)...ほかにも写真が縦でははみ出てしまう、RSSがどうもまともに機能していない等など...問題だらけ(大脂汗)...

追記
何とかリンクが使える様になった。いつも「別ウィンドウで表示」する方法を取っているのだが、iPhoneのSaferiでは使えないらしい(汗)...コメントもポップアップをOffにした途端に見える様になった。とにかく疲れた(グッタリ)...

追記
画像サイズが縦表示ではみ出るのをサイズ指定を手打ちする事で回避する事にした。計算が邪魔臭いのでサイトメーカーさんの「画像サイズ自動計算」を利用させて頂いた。いちいち計算しなくても適切なサイズで表示する方法をご存知の方がおられたら是非このド初心者に教えて頂きたい(懇願&冷汗)。

下の写真は画像サイズ調節後のiPhoney上での表示状態。

iphoney_01.jpg


横幅を250pxに指定したのでだいぶんスッキリとしたまとまりになった。御陰さまで気分もスッキリだ(笑)。しかし、ページ名右側にあるポタンをクリックすると表示されるカテゴリ表示等がiPhoneyでは正常に表示されない。

iphoney_02.jpg


実機でもこれと同じ表示になっているのかご存知の方がおられたら是非優しく教えて頂けないだろうか(汗&笑)。何卒宜しくお願い致します(懇願)。

追記
「mobile tool & links」の名称でiPod touchで便利に使えそうなリンクを追加。その際他のサイトの方々の内容を見せて頂いているとリンクの記述が「外部ウィンドウ表示」を利用されているサイトが殆どだった。ということはiPhoneyで機能しないだけで実機では正常に動作するという事だろうか??

iphoney_03.jpg


新しく作ったページの写真だが見て頂いて分かる様に「- links -」の表記だけ文字が大きい。なぜこうなるのかが全く分からない(冷汗)...というわけで引き続きご感想、ご意見等お聞かせ頂けましたら非常に有り難いです(懇願&笑)。

追記
今日('07.11.11)出かけ先の家電量販店でiPod touchからmac!!mac!!mac!! for OS X : testdriveにアクセスしてみる...正直まともに表示されるのかどうか心配しながらバクバクと心臓をいわせながらアクセス...しかし、その願いも空しく最悪な状況が目の前に表示される...サイトが横に長いっっっっ(大脂汗)!!

その御陰で全体が小さく表示されてしまい文字が全く見えないっっっっ!!どこをクリックして良いのか分からないっっっっっ!!見る気にならないっっっっっっっっ(超冷汗)!!

誰かここから救い出して欲しい♪ by佐野元春と心の中で叫んでしまいそうだった(涙)...

帰宅後、すぐさま幅を600pxに調整し直し。これでまともな表示になっているのだろうか(冷汗)??iPod touchユーザの皆様是非現状をご教示下さいまし(重ねて懇願)。

そうそう、外部ウィンドウ表示は正常に動作していた(笑)。ああぁぁ...やっぱり実機が無いと確認が出来ないのかぁ(冷汗)...

追記
手打ちでちまちまとCSSなどをカスタマイズ(汗&笑)。幅を350pxに指定しているつもりである(汗)...どうもiPod touchのモノによって表示状態が違う様子(あてにはしないで欲しい[汗]...)...とにもかくにも昨日(07.11.12)ご協力頂いたみとさん、retroさん、そして一番最初にご意見を下さったジキタリスさんには心の底から感謝をしたい(多々感謝)。

引き続き皆々様のご意見、ご感想及び現状報告重ねてよろしくお願い致します(ひたすら平伏し)。

参考リンク

mac!!mac!!mac!! for OS Ⅹ : testdrive

act2-ラピッドウィーバー3.6

アップル-新潟県中越沖地震の被害を受けられましたお客様へ 特別修理サービスのご案内・熊本県梅雨前線に伴う大雨による被害地域の被害を受けられましたお客様へ 特別修理サービスのご案内

本家Blog-Mac!!Mac!!Mac!!

FONiPod touchのアクセスポイントを増やそう(アフェリエイト・リンク)


802.11n 非対応Macには11n対応 USB無線LANアダプタ(アフェリエイト・リンク)

アフェリエイト・リンク
|