まず、iPod touch（iPhoneも同じ）のSafariの問題点
・Flashが使えない。
・オンマウスで情報を表示する事が出来ない。
・専用に作られていないとクリックミスが多い。
・大きいページはよく落ちる（ホームに戻ってしまう）
・大きいページは動作が読み込みに時間がかかり、動作がもっさりする。
・フォームからファイルがアップできない。
・jQueryを使ったドラッグ＆ドロップをしようとするとスクロールしてしまう。（専用にスクリプトを書けば回避できる）
cssやjavascriptが効いてるのでそこそこ見れるが普通の PCサイトをパソコンの様に見れるという訳では無く、Flashが使える分PSPなどのゲーム機の方がマシに思える。
結局、画面が小さいので専用ページは携帯サイト用のものを元に一回り大きく作る感じが効率的で、色々と複雑な事をしたいならアプリを作る方がいい。
■フォント
iPod touch、iPhone 3Gは日本語フォントが「ヒラギノ角ゴシック ProN」 のみだったがiPadには「ヒラギノ明朝 ProN 」が追加されたらしい
。等幅フォントを使いたいときは「font-family:monospace;」
font-family : ‘HiraMinProN-W3’ ;
font-family : ‘HiraMinProN-W6’ ;
■横幅
iPod touch・iPhone 3G
ポートレート（縦向き）：320px
ランドスケープ（横向き）：480px
iPhone4
ポートレート（縦向き）：640px
ランドスケープ（横向き）：960px
iPad
ポートレート（縦向き）：768px
ランドスケープ（横向き）：1024px
■電話番号を勝手にリンクにしてしまう
「-」（ハイフン）を含む数値をSarfariが勝手に電話番号としてリンクしてしまうので下記を記述して、その機能を抑制する。
<meta name="format-detection" content="telephone=no">
■回転させると文字が大きくなる
画面方向の切り替え時にSarfariが勝手に文字サイズを調整してしまうので、CSSを使ってその機能を抑制する。
body {-webkit-text-size-adjust: none;}
■スクロール
「overflow:scroll」が効かない。
http://cubiq.org/scrolling-div-for-mobile-webkit-turns-3
これは、拡大して二本指でなぞるとなんとかスクロール出来ない事はない。
■アイコン
iPod touch、iPhone 3G、iPhone4、iPadのWebClipアイコンは
以前（iOS1時代）は60x60pxで作成し、iPhoneで自動に57x57pxに変換されるのがキレイとされてましたがiOS2以降は57x57pxで作成する方がキレイに表示できる様になりました。
それがiPhone4、iPadの出現で今までのサイズだとボケボケになってしまうようになりました。
各端末のアイコンサイズは
iPod touch・iPhone 3G：57x57px
iPhone4：114x114px
iPad：72x72px
とまちまちです。
ただ大きい場合は縮小され、角を丸めたり、ライティングしたりしてくれるので大きい方が良くなりました。
実際、どんなサイズがいいのかというと、当のAppleは129ｘ129pxなのでこれに合わせて作成した方が無難かと思われます。
2010/07/23 |
Tags: ipad, iPhone, iPod touch | 制作日記 | コメントください »
ブログに書いたつもりだったんですが、uda2のトップページをiPhone（iPod touch）対応版を用意しています。
iPod touchを入手してすぐに作ったので約一月前になります。
iPod touchを弄ってて気づいたのは携帯サイトに対応してるサイトと比べるとiPhoneに対応したサイトが圧倒的に少ない。
殆どは縮小されたパソコン版のWEBサイトを見る事になる。当然クリックしにくいし、拡大すると一部しか見えないので読みづらい。
（拡大表示時にスクロールするのに誤ってクリックしてしまったりしてイライラしてたが、これは二本指でスクロールすると解決される）
携帯対応サイトがあるならiPhoneとiPod touchはそっちに飛ばしてくれた方がマシな気がする。
iPhone対応サイトは色々な問題があり、実際は「WEBもなんとか見れる（かも）」程度でガンダム00の劇場版はWEBでも十分可能なコンテンツなのにわざわざアプリとして配布している。企業はiPhone対応サイトを作るぐらいならアプリを作るという選択をしてるのかもしれない（ユーザーにとってもアプリをGETして得した気分になる）。ただ、そうなるとAndroid携帯に対応したいとき別途アプリが必要になる。
Android携帯を持っていないので正確な事は言えないがモダンブラウザだろうからiPhone対応サイトでもそこそこ見れそうな気がするのでAndroid携帯がそこそこシェアを延ばしてくれればスマートフォン対応サイトとして生きてくるかと思う。
iPod touchを一月ばかり使った感想
いいところ
・アプリが続々と出て期待感がもてる。
・UIが優れてるので意味なく触りたくなる。
・音楽プレイヤーで歌詞が表示されるのにいいサイズ。
・Youtubeを見るのにいいサイズ。
・Twitter専用端末にちょうどいい。
悪いところ
・文章を読むのは問題無いが新聞・雑誌・コミックを読むには画面が小さすぎる。
・実際使うアプリはそんなに無い。
・十字キーが無いのでゲーム機としては劣る。
・本当に欲しい機能は普通の携帯に大体入ってる。
・宮崎駿に「自慰行為をしているようで気色悪い」と言われる。
2010/07/22 |
Tags: ipad, iPhone, iPod touch | うだうだ | コメントください »
ちょうど一月前にGoogleウェブマスターツールに再審査申請したあなたのコミック発売日一覧 MyReleaseが少し復活した。
現在104位とかなり遠いが少しずつ上昇してる様なので一安心。
docomoの検索結果もトップページが2位になり、googleの携帯版も23位まで戻った。
googleに関しては2ヶ月以上前に修正し、一ヶ月前に再審査を申請し、その2週間後に申請が受理され、更に2週間経った現在、じょじょに戻りつつあるという状況を見るとなんとなく再審査の申請は意味があった感じがする。
2010/07/19 |
Tags: Googleウェブマスターツール | うだうだ | 2件のコメント »
今まで機種依存文字として敬遠されていた♥（ハート）なんかの文字もUTF-8でコーディングすると普通に使えたりするので、使いそうな記号を調べ直してみた。
使える特殊文字と機種依存文字
ついでに文字実体参照や文字コードも記載したので特殊文字の決定版と言ってしまう。（まあ誤記があるかもしれないけど・・・）
パソコン（MacとWindows）やiPod touchではあまり気にせず使え、文字色を変えるだけでも結構いい感じになる気がする。
ただ、ケータイを絡めると複雑になってくる。搭載してるフォントに該当する記号が無いと話にならないし、あったとしても記述方法がまちまちな為、ケータイでは素直に絵文字を使った方がよさそう。
あと今回試した機種のせいかもしれないがauのケータイでは天気の記号や星座のマークなどは絵文字に変換された。素敵な配慮だ。他のケータイも変換されるようになると絵文字の変換に気を配らなくてもいい時代が来るかもしれない。
2010/07/17 |
Tags: 機種依存文字 | 制作日記 | コメントください »
ウチにもようやくAppleの風が吹いてきた。
昨晩のデンマーク戦の為、熟睡してるところに宅急便がやってきた。
先日注文していたiPod touch 8Gの整備済み品がようやく届いた。注文してから3日で届いたが注文中に代金回収業者のサーバーが落ちてたり、コンビニ払いの端末（ロッピー）の使い方が分からなかったので2回コンビニに行かなくてはならなかったりして手間取った。
届いた箱を振るとガラガラなっている、空けてみると箱in箱で梱包材が入って無かった。ちょっと不安になったが、開封してみると、問題無く起動した。整備済み品＝中古と思っていたけど新品の様に梱包されていて中古には見えなかった。ヤフオクの中古（世代を無視して）で12000円位が相場なので14800円で限りなく新品に近いiPod touchが入手できるのはお買い得な気がする。
すぐにiOS4にしてしまったので前のバージョンの事はよく分からない。N-06Aと比べるとびっくりするぐらい快適なUI（ユーザーインターフェース）で雰囲気で操作できる。第三世代iPod touch 8Gは他の容量のモノと違い中身は第二世代iPod touch 8Gと同じで非力でiOS4になってもマルチタスクもできない。9月には第4世代の発表があるらしいがコンテンツの確認するのには十分だ。
iPod touch 8Gはマイクが無いのでskype出来ないと思い込んでいたがマイクを買ったらできるらしい、あと充電するのが面倒なのでクレードルも欲しいし、保護フィルムも欲しい、こうなるとアプリ開発にMacが欲しくなってくる。
これがAppleの罠か・・・
2010/06/25 |
Tags: iPod touch | うだうだ | コメントください »
2chビューアーは作成してから色々と弄ったので久々にブラウザチェックをするとIE6（internet explorer6）で表示が微妙に崩れるのは知っていたが（面倒なので直すつもりは無い）、もっと酷いことになっていた。
サーバー代を稼ぐ為に付けたGoogle Adsenseがスクロールされていない。更に調べるとIE7以前のブラウザはアウトらしい。アナライザーを見ると約20％の人に影響がある。
色々と探してみるとobject経由だとスクロールしてくれるらしい。詳しい方法は広告スクリプトを object タグで読み込む方法 : 亜細亜ノ蛾 – Weblogに書いてある。
要約すると空のhtmlを作りそこにGoogle Adsenseのバナーだけを置いて、それをobjectとして読み込ませるというものだ。
記事が古いのでもしかしたら規約違反になってしまうかもしれないし、広告内容がページと関係ないモノが現れてるが、付けないよりまし程度でIE7以前はobject経由で表示する様にした。
2010/06/24 |
Tags: "Google AdSense" | 制作日記 | コメントください »
2chビューアーをポチポチ手入れしてると、2chにスゴイ絵描きが現れました。
ハムスター速報やワラノートでまとめられてます。削 pixivや鉋 cannaにも作品が載ってます。
100円均一のボールペンで描かれてるそうで、線を塗り重ねて線の太さを出してます。色んなところがくっついていたり普通ならべた塗りしたりする部分や影の部分に模様が入ってたりしてカッコイイです。
ゲーマータレントの松嶋初音さんも早速影響を受けてチェブラーシカを描いてます。
2010/06/21 |
Tags: イラスト | うだうだ | コメントください »
あなたのコミック発売日一覧 MyReleaseがGoogleから検索しづらい状況になってる原因が分かり、修正したがまだランキングが戻らないので再審査して貰うことにした。
docomo（携帯版goo）の方は検索エンジンからのアクセスはPC版に飛ばすようになってしまっていたのでこれを修正したら公開ユーザー「マゴさん」のリストが2位に表示される様になった。
他の検索サイトのランキングも落ちていないかチェックしてると、
Google系（goo・BIGLOBE・Ask）が圏外
Yahoo!系（excite・infoseek・nifty）が4位
MSN（bing）が6位
百度が4位
となった.
目を引いたのはLycos。サイトのキャプチャがサムネイル表示され（Flashまでちゃんとキャプチャーされてます）、カーソルを合わせるとズームしたりします。Lycosといえば黒い犬がトレードマークのポータルサイトとして有名でしたが今では転売転売で最終的にDaumに買収され、検索エンジンだけ残った様です。
2010/06/19 |
Tags: SEO | うだうだ | コメントください »
この所、iPad、iPhone4、mac miniと立て続けにデジタルガジェットの発表が続き、全て米国のapple社に話題を独占されてましたが、ようやく国産のデジタルガジェットの発表がありました。3DSです。数日前にリークがあったので驚きは半減ですがすごいです。
3Dのゲームをするだけでなく、3Dの映画が見れたり3Dの写真が撮れたりするらしいです。しかも裸眼で3Dが見れるんです。DSとの互換性や価格や発売日などまだ分からないところが多いですが欲しい。
iPadはタブレットPC利用者だし、本屋には困ってないのでiPadはそんなに欲しいとは思わないし、今のところ仕事で「iPad対応の電子ブックを作って欲しい」なんて依頼は入ると思えないし、iPhoneの時の様に専用のサイトを作る必要も無さそうなのでいらない。
iPhone4もiPhone3Gのデザインが嫌いだったので今回のデザインは良くなったと思うけど全く使わなくても月2,900円～を2年も払うのは高い。しかも解像度を上げられて制作者としては悩みが増えた。
密かに発表されたMac miniがあればコンパクトでOS Xのチェックもできるし、iPhoneやiPad等のコンテンツを制作する事もできるので欲しいが私にはまだ高い。
昔DSiが発表された頃は「駅でDSに無線LANを使って朝刊が勝手に入ったりしてDSで新聞を読む時代がくるかも」と期待してたが単なるゲーム機にしかならなかった。今回はゲーム以外の利用方法を本気で考えて実行して欲しい出来ないならコンテンツ開発者の敷居を低くしてみんなで3DSを盛り上げられる様にして欲しい。
2010/06/16 |
Tags: 3DS, DS | うだうだ | コメントください »
ここ最近Cドライブの容量がかなり圧迫されてきた。
今、主に使ってるパソコンのハードディスクは300GBで2TBが9千円割れしてる昨今、こんだけヘビーな使い方してるなら買い替えればいいと考えたいが無駄遣い出来る景気でもないのでなんとかする事にした。
元々ゲームとかインストールする訳では無いのでCドライブには30GBしか割り振っていなかったがパソコンを買ったときは15GBぐらいしか使ってなかったので「この先も余裕だ」と思っていた。だが最近では容量不足のアラートが月一の頻度で現れ、その度に使わないアプリケーション削除したり、デスクトップのファイルを整理したりしてなんとか誤魔化す様になった。
Cドライブはページングファイル（仮想メモリのファイル）を固定サイズにして断片化しないようにしてたり、テンポラリフォルダやマイドキュメントを別パーテーションに移したりしてアプリケーションとデスクトップのファイルとシステムぐらいしか入れないようにとか気を遣ってきた。
今回はWindowsアップデートが途中で止まってしまい、消すアプリも移動するファイルも無くなり、面倒だが一つ一つフォルダを調べていく事にした。
まず、WINDOWSフォルダの中のWindowsのアップデートの残骸は消したいところだけど仕事で使うパソコンなので何か起こると困るので諦め、同様の理由でとプログラムフォルダも弄れず。残る大物は「Documents and Settings」フォルダのみ。なぜか5GBも容量を喰っていて不自然だ。一つ一つフォルダの容量を調べてみるとAdobe Media Encoderのキャッシュが3GB以上占領していた。
C:\Documents and Settings\（ユーザー名）\Application Data\Adobe\Common\Media Cache Files
中を見るとエンコードを中止したファイルが残ってるみたいだ。Adobe系のソフトはただでさえ容量を喰うソフトなのにキャッシュも自動で消さないなんて・・・
スッキリ削除して、中止されたWindowsアップデートを再度やってみたが何度やっても上手くいかない。
仕方なくアップデートの番号を検索しマイクロソフトのサイトから該当するアップデートファイルをダウンロードしてインストールすると上手くいった。
実は先日もATI CATALYSTの調子が悪かったのでCATALYSTをアップデートしようとしたらビデオカードのドライバーを更新されてしまい。ちゃんと更新されてたら問題無いのだけど何故か途中で更新できませんでしたと帰ってきて。更新したくなかったオレは「助かった」と思っていたら実は中途半端に更新していたらしく再起動すると800*600しか表示出来なくなり。
何度やっても最新のドライバーは途中で止まってしまい、以前のドライバーを入れ直そうとしても直らず、システムの復元でも（ハードディスク容量が少なかった為）戻りたい復元ポイントが無く、結局一番古いドライバーを入れてなんとか元通りに表示出来る様になった。
なにわともあれ今はちゃんと動いてますがCドライブは数GB空いていないと怖いです。
2010/06/14 |
うだうだ | コメントください »