ほか、地域活動などの活動報告ブログ。おんぷ村ニュースにFancyBoxを適用しようとしてやっぱりやめました2013-07-02おんぷ村ニュースにFancyBoxを適用しようとしてやっぱりやめましたいろいろいじって結構長い時間が無駄になったのでメモメモ。あれのHTMLコンテンツを表示できるバージョンとして、Fancyboxというものがあります。alternative一時情報は英語のみなので、日本語で解説を読みたい人は下を見るのが良いかも。Fancyboxおんぷ村のニュースで、個別ページがある文章をこれで表示させようと思って昼間から色々いじっていたのですが、やめました。やめた理由というのもこれ、自分の扱い方の問題もあるかもしれませんが、スマートフォン上ですごく操作しづらい。本来の使い方の通り、短い文章を表示したり、画像を表示するために使うのであればスマートフォンでも支障はないのでしょう。スクロールバーが出るような長めの文章を表示しようとすると結構操作がし辛くなってくる。いうのも、スマートフォンでは画面のスワイプでページをスクロールさせるわけですが、Fancyboxを表示中にFancybox以外の部分をスワイプしてしまうと、Fancyboxが画面上や下の方に隠れてしまい操作しづらくなるのです。Nexus上でいくつかページを試してみて確認。他の端末だと少しは感じが変わるのだろうか・・・?)。いうわけで、今回は結局Fancyboxの利用を見送ることに。その前にAjaxをいろいろいじって独自で表示させようとした時間を含み、結構時間が無駄になってしまった。PC版のみでのFancybox適用は・・・?じゃあ、PCでサイトを見たときにのみFancyboxを使えば良かったのでは?まあ、多分そうだと思います。PCでFancyboxを使ったサイトを見る限りでは全く問題なく使用できますし、ページの遷移がないぶん体感的には軽くなります。スマートフォン画面とPC画面をスタイルシートの機能を使って切り替える、いわゆるレスポンシブWEBデザインを使用しているおんぷ村では、そういう細かい操作はできない*1。そのため、おんぷ村ではそういうことは出来ないということになります。結論Fancyboxは、見た目ページの再読込を減らすので動作が軽く見えるところがあります。実際、ちゃんとした場所で使えばかなり効果的だと思います。いう結論になりました。?ちなみに、レスポンシブWEBデザインの無効化は・・・ちなみに、レスポンシブWEBデザインをやめてスマートフォンとPCで別のページを表示するようには出来ないのか?と、考えてみたのですが、ここで重要な問題に気付く。いうのも、Windows8タブレットのスナップビューは、見た目横幅が狭いためスマートフォンビューが適切なのですが、スナップビューと非スナップビューの切り替えに再読込処理などが挟まらないためレスポンシブWEBデザイン以外での表示切り替えが出来ないのです。Windows8.1からはスナップサイズが320px(詳細な値不明)固定からユーザーが任意に指定可能なようにに変更されたため、それぞれの画面サイズに最適な画面構成を提供するためには、レスポンシブWEBデザインしかない。この辺は現状Windows8以前にデザインされたサイトが多いので軽視されがちではありますが、結構重要なことなんだろうなあと思います。他に良い方法があれば、知りたいものです。はてなブログPro高見知英です。コミュニティの活動とかいろいろやってます。(20)はてなブログをはじめよう!TakamiChieさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。