Dr.ウーパのコンピュータ備忘録: モバイル

ラベル モバイル の投稿を表示しています。すべての投稿を表示

2015年8月21日金曜日

パソコン環境でモバイルのブラウザ版Twitterを表示する方法

ラベル: Twitter, ブラウザ, モバイル

イントロダクション

パソコンで、モバイルのブラウザ版のTwitterを表示する方法ってご存知ですか？

2015年6月27日土曜日

PCのブラウザ版Twitter:Internet Explorer 9以前では、モバイル版にリダイレクトされるようになったようです。古いIE対策にこういう手段もあるのか

ラベル: IE, IE9, Twitter, Web制作, ブラウザ, モバイル

イントロダクション

本日、久しぶりに Windows Vista (Business 64bit)に搭載されている、Internet Explorer 9にて、Twitter にアクセスしました。

すると、普段見慣れない画面が表示されていました。

Windows Vista (Business 64bit)に搭載されている、
Internet Explorer 9にて、
Twitter にアクセスしたときの様子

「旧バーションのInternet Explorerを使用しているため、
mobile.twitter.comにアクセスしています。」

どうやら、パソコンのブラウザからのアクセスであっても、モバイルのブラウザからアクセスしたときに表示されるモバイル版のTwitterが表示されているようです。

2015年5月30日土曜日

Blogger:モバイル表示では、指を左右にフリックすると、前後の記事へ移動します

ラベル: Blogger, Bloggerの機能, ブログ, モバイル

イントロダクション

Google のブログサービス「Blogger」のブログをスマートフォンなどのモバイル端末で見た時に気が付いたことがあります。

それは、閲覧しているページにて、指を左右にフリックすると、その記事の「前の記事」や「次の記事」に移動することです。

2015年5月27日水曜日

Blogger:モバイル表示を初めてカスタマイズする場合、モバイルテンプレートのプレビューを確認しながら作業すると便利

ラベル: Blogger, Bloggerカスタマイズ, Bloggerテンプレート, Bloggerの機能, モバイル

イントロダクション

Google のブログサービス「Blogger」では、PCで表示した場合と、モバイル端末で表示した場合とで、表示を変えることができます。

Blogger:モバイル版のテンプレートをカスタマイズするときに、私がよく使っているもの
http://upa-pc.blogspot.com/2015/05/blogger-mobile-template-customize.html
Dr.ウーパのコンピュータ備忘録

さて、今までずっとモバイルテンプレートとしてデフォルトを使ってきた場合には、いきなりカスタム設定にするのは危ないかもしれません。

なぜならば、モバイルテンプレートとしてデフォルト設定を使ってきた場合には、いままでブログの PC 表示に行ってきたカスタマイズがほとんど反映されていないからです。

そのため、モバイルテンプレートをデフォルト設定からカスタム設定に変更する場合には、モバイル表示にて意図せぬ表示（文字が大きすぎる、要素が重なってしまう等）が行われる可能性があります。

そこで、初めてモバイル表示をカスタム設定にする場合には、モバイルテンプレートのプレビューを表示させた状態で、修正作業を実施すると便利です。

Blogger:PC表示/モバイル表示を、JavaScriptにて取得する方法 - BloggerのテンプレートのHTML方式

ラベル: Blogger, Bloggerカスタマイズ, Bloggerテンプレート, Bloggerの機能, JavaScript, モバイル

イントロダクション

Google のブログサービス「Blogger」では、PCで表示した場合と、モバイル端末で表示した場合とで、表示を変えることができます。

さて、今現在 Blogger ブログが、PC表示をされているのか、モバイル表示をされているのか、JavaScript として取得したい場合があります。

その時には、次の方法が考えられます。

(1) URL のクエリパラメータを見て、PC表示/モバイル表示を判別
現在表示している Blogger ブログの URL のクエリパラメータに、m パラメータが付与されているかどうかでPC表示/モバイル表示をチェックします。

m=1：モバイル表示
m=0：モバイル表示から、PC表示へ切り替えて表示
mパラメータなし：PC表示

BloggerのPC/モバイル表示の切り替え管理方法が興味深い！
http://upa-pc.blogspot.com/2015/01/blogger-mobile-page-to-pc-page.html
Dr.ウーパのコンピュータ備忘録

Bloggerユーザなら知っておきたい、BloggerブログのURL構成まとめ
http://upa-pc.blogspot.com/2015/02/blogger-url-summary.html
Dr.ウーパのコンピュータ備忘録

(2) Blogger のテンプレートの HTML のタグを使用して、PC表示/モバイル表示を判別

Blogger のテンプレートの HTML 内でのみ効果を発揮するタグを使って、PC表示/モバイル表示をチェックします。

今回は、(2) の「Blogger のテンプレートの HTML のタグを使用して、PC表示/モバイル表示を判別」の方法について記載します。

Blogger:モバイルテンプレートをカスタマイズしたときに発生した問題とその対処

ラベル: Blogger, Bloggerカスタマイズ, Bloggerテンプレート, Bloggerの機能, トラブル, トラブルシューティング, モバイル

イントロダクション

Google のブログサービス「Blogger」では、スマートフォンなどのモバイル端末で表示した時のブログデザインを好きにカスタマイズすることができます。

Blogger:モバイル版のテンプレートをカスタマイズするときに、私がよく使っているもの

http://upa-pc.blogspot.com/2015/05/blogger-mobile-template-customize.html

Dr.ウーパのコンピュータ備忘録

これまで、このブログのモバイル表示では、デフォルトのカスタマイズしていないデザインを使用してきました。今回、デフォルトの表示を止め、カスタマイズしたデザインに変更してみました。

その結果、いくつかの問題点が見えてきました。
その問題点と対処方法について、記載します。

なお、モバイル端末で表示した時のブログデザインをカスタマイズせず、デフォルトのままにすることも可能です。

Blogger の場合、デフォルトのデザインであっても、たいていの場合モバイル対応された見やすいデザインになっています。

そのため、ブログのデザインに手間をとられたくない場合や、各種設定の複雑化を回避する上で、あえてデフォルト設定のままにするという選択肢もあります。

Blogger:モバイル版でのみ表示するように設定したガジェットは、レイアウト画面に表示されないようです

ラベル: Blogger, Bloggerカスタマイズ, Bloggerテンプレート, Bloggerの機能, モバイル

イントロダクション

Google のブログサービス「Blogger」では、パソコンで見た時の表示と、モバイル端末で見た時の表示を変えることができます。

Blogger:モバイル版のテンプレートをカスタマイズするときに、私がよく使っているもの

http://upa-pc.blogspot.com/2015/05/blogger-mobile-template-customize.html

Dr.ウーパのコンピュータ備忘録

その１つに、ガジェットの表示/非表示を、PC版の表示とモバイル版の表示とで分ける方法があります。

さて、実際にガジェットをモバイル版でのみ表示するように設定した結果、気が付いたことがあります。

Blogger:モバイル版の表示にて、ブログアーカイブが正常に動作しない(2) - 原因を探る

ラベル: Blogger, Bloggerカスタマイズ, Bloggerテンプレート, Bloggerの機能, トラブル, モバイル

イントロダクション

Google のブログサービス「Blogger」にて、モバイル版の表示にて、ブログアーカイブが正常に動作しないという現象に遭遇しました。

Blogger:モバイル版の表示にて、ブログアーカイブが正常に動作しない
http://upa-pc.blogspot.com/2015/05/blogger-mobile-blog-archive-trouble.html

その原因について、少し調べてみました。

Blogger:モバイル版の表示にて、ブログアーカイブが正常に動作しない

ラベル: Blogger, Bloggerカスタマイズ, Bloggerテンプレート, Bloggerの機能, トラブル, モバイル

イントロダクション

Google のブログサービス「Blogger」では、パソコン版の表示（以下、PCテンプレート）にて表示させているガジェットを、モバイル版の表示（以下、モバイルテンプレート）でも表示させることができます。

さて、Blogger のブログアーカイブガジェットを、モバイル版でも表示できるようにしてみたのですが、そのときにブログアーカイブガジェットがうまく動作しない現象に遭遇しました。

その現象について、ここに記録します。

Blogger:レイアウトを変更して保存しようとすると「エラーが発生しました。ページを更新して、もう一度試してください。」と表示され、レイアウトが変更できなくなったときの対処法

ラベル: Blogger, Bloggerカスタマイズ, Bloggerテンプレート, Bloggerの機能, トラブル, トラブルシューティング, モバイル

イントロダクション

Google のブログサービス「Blogger」にて、テンプレートの HTML の編集を行い、モバイルテンプレートをカスタマイズしていました。

その後、レイアウトの設定画面にて新しいガジェットを追加し、配置したい場所へ移動した後にレイアウトを保存してみると、エラーが発生するようになっていました。

そのときの現象と、私が行った対処方法を記載します。

2015年5月26日火曜日

Blogger:モバイル版のテンプレートをカスタマイズするときに、私がよく使っているもの

ラベル: Blogger, Bloggerカスタマイズ, Bloggerテンプレート, Bloggerの機能, モバイル

イントロダクション

Google のブログサービス「Blogger」では、ブログの見栄え（デザイン）をパソコンで表示した時のもの）と、スマートフォンなどのモバイル端末で表示した時のものとで、分けることが可能です。

Blogger:モバイル表示のデザインがカスタマイズできない？そんなときは、モバイルテンプレートがカスタムになっているか確認しましょう！
http://upa-pc.blogspot.com/2015/04/blogger-mobile-template-customize.html
Dr.ウーパのコンピュータ備忘録

PC版の表示とモバイル版の表示とで、表示させる要素を制御するには、Blogger のテンプレートの HTML を編集する必要があります。

今回は、モバイル版のブログ表示をカスタマイズする上で、私が良く使っているものについて記載します。