メモ

iPadのSafariでは、スクロールバーという物が表示されません。（iPhone向けにサイトを開発してきた人には耳タコの事実なのでしょうが） スクロールバーが出る場所というと、こんなところでしょうか。 （１）ページ全体 （２）divでoverflow:scrollなどの指定をしたとき（３）flame、iframe （４）textarea （１）は製作側にはあまり関係ないです。 使う分には若干不便かもしれませんが、iPadのスクロールは操作感が良いので、それほど問題となりません。 （２）の場合、スクロールバーが出ませんが、２本指でなぞると、スクロールします。 この動作を知っている人がどれだけいるのでしょうか。仮に知っていたとして、特定の場所でこの動作が必要だと分かる可能性がどれくらいあるでしょうか。 divのスクロールは使ってはいけない、と思った方が良いのだと思います。この時点でめんどくさいです。 （３）の場合、スクロールが発生しないようにフレームが伸びます。 そのためレイアウトが崩れたりします。 更に問題なことに、そのフレームを囲っているdivに、もしoverflow:hiddenが指定してあった場合には大変です。中身のフレームが伸びるのですが、divが伸びず、しかも２本指でのスクロールもできません。つまり、iPadではどうしても見えない部分が出てきてしまうことになります。大問題です。 （４）これは（２）と同じで、２本指でスクロールできます。 textareaは通常枠が付くので、divよりは分かりやすいかもしれません。 レイアウトやプログラムの互換性を考えて、今ある物を最小限の努力でiPad対応にしたい場合、JavaScriptでスクロールするインターフェースを用意しないといけないような気がしますが、iPad以外で見たときのことも考えなくてはいけないので…。 困った仕様です。 要検討です。 この問題については、こちらも詳しいです。（英語ですが） http://www.webmanwalking.org/library/experiments/dsp_frames_outer_document.html --

直販で予約していたiPadが、無事発売日に届きました。 まず最初にやったのは、液晶保護シートを貼ったこと。保護シートは、iPad到着よりも一月早くとどいていましたのでね。（笑） ELECOM iPad 液晶保護フィルム マット AVA-PA10FL ↑とにかくソッコーで貼ったので、さわり心地とか見た目の変化は分かりませんけど、違和感ないです。 画面がでかいので貼りにくいのは仕方ないところですね。 それはともかく、気になるのは自分の作ったサイトがiPadでどう見えるか、です。 一通り見終わって、気になったところはこんな感じ。目新しいことはありませんが。 (１)Flashが見えなくて困る (２)テキストリンクが押しづらい (３)ロールオーバーが使いづらい (４)画像ボタンなどが汚い (１)Flashが見えなくて困る 最初からわかりきっていることですが、Flashが見えません。 HTML5なんてものの足音も聞こえてきていますが、今、現実的に同じようなことをするならjQueryなどに移植するということでしょうか。 Flashが製作者として便利なのは、 ●プラグインが環境の違いを吸収してくれるので、いろいろな環境に対応しやすい。 ●画像もスクリプトも１つのバイナリにパッケージされるので、複数のページから呼び出しやすい。 というところがあります。 特に、JavaScriptに移植しようとしたときに、既存の機能とコンフリクトしないか、という点は、サイトの規模が大きくなるほど面倒くさい。数社で分担して管理している場合でも、swfファイルだけ渡すか、読み込んでねーと連絡すればほぼ問題は起きないのですが、JavaScriptだと気にしなくてはいけないことが増えますね。 Flashはアニメーション作成ツールとしての使用感が優れていると思うので、今後も無くならないと思っています。（もっとも、最終的な書き出しがswfでなくなるということは有りそうですが）　これから出てくるタブレット型マシンはほぼ軒並みFlashをサポートしているようですし、Flash非対応の環境は少なくとも当分は圧倒的少数派でしょう。 それでも、既に何件か、iPadで見られるようにFlashを減らしていきたい、という相談は来ています。 相談者のサイトではiPadのアクセスなんて、0.03%しかない