フリーランスの仕事、外出先でデータを確認するときのスマホ活用法

複数の案件を抱えていると移動中にメールでデータやダウンロードのURLが届き、その場で返事が必要なこともしばしば。

数100MBを超えるデータはスマホで受信するのは辛いのでパソコンでとなりますが、数10MBぐらいの容量であればWifiがあれば楽に受け取れるので、移動中にデータを受信して確認→返事までできるとレスポンスがいいので次の仕事にも繋がりやすくなります。ということで実際自分が使っている方法をまとめました。

いろいろなファイル形式を扱うならAndroidで

 iPhoneは確立され使い勝手がいい反面、扱えるファイル形式に制限があるため、添付したファイルが開けなかったり、保存できなかったりするので、仕事でスマホを最大限活かそうと考えるとAndroidに。できれば解像度の高い、ファブレットサイズで容量に余裕があるものが最適。GALAXY Noteシリーズはペンが使えるので長文のメールや文章も手打ちと比べるとかなりやりやすいです。

あると便利なアプリはファイルマネージャーアプリ。メジャーなアストロやESであれば、ファイルの移動やコピー&ペーストから圧縮ファイルの解凍等もできるので一種類入れておくと便利。

またoffice系のアプリがあるとその場で見れるので、ない場合は入れておく。そして大事なのは実際にファイルが開けるか必ず試す。実際と表示にずれがあったり、ワードアート等が表示されなかったりする事があるので事前の確認を。

DropBox+DropSyncでスマホにもデータを保管

 クラウドサービスのアプリはほとんどのサービスで提供されているのですが、基本的にパケットや速度の問題もあり、スマホ本体とは同期化しないのでDropBoxの場合は同期化するフォルダを設定できるDropSyncを使う。有料のキーを買うと制限なしですが、無料のままだと設定できるフォルダ数等に制限があります。

進行中の案件のフォルダを設定したり、スマホでダウンロードしたファイルを入れるフォルダを同期化したりすることでファイルの容量に左右されますが、パソコンを開いてすぐスマホでダウンロードしたファイルをパソコンで開くといったことが容易になります。

 スマホでWebサイトのソースコードを見たいときはChrome

 出先でパソコンが開けないけれど、ソースがおかしいといった指摘がきたとき、ソースコードを一番手っ取り早く見る方法はChromeのソース表示を使う方法。アドレスバーに「javascript:window.open(“view-source:”+location.href);」と打つと今表示しているページのソースコードが表示されるのでコピー&ペーストできるようにしておくか、「javascript:var url=prompt(“url:”,””);window.open(“view-source:”+url);」をブックマークしておくと押したときにURL入力欄が出るのでそこにアドレスをコピー&ペーストするとソース表示されるようになります。

  • 【新品★海外版SIMフリー】HTC+ONE+Dual+SIM+802W+dual+デュアルSIM+[並行輸入品]+(ホワイト)
  • HTC+One+SIMフリー+海外携帯+(32GB%2C+シルバー)
  • GALAXY+S4+SC-04E+docomo+[White+Frost]
  • GALAXY+S4+SC-04E+docomo+[Black+Mist]
  • 【バーゲンブック】+Dropboxポケットガイド
  • Dropbox+WORKING
  • クラウドからサーバー、セキュリティまで失敗しないIT導入をサポート+クラウド時代の製品・サービス選び+Vol.1+(アスキームック)
  • iPhoneやAndroidでも使えるGoogleクラウドサービス活用術―全て無料で利用できる!+(メディアボーイMOOK+ビギナーズPC)

linked by blog-tools

スマートフォン向けサイトのブラウザー確認でinitial-scaleを考慮する

スマートフォン向けサイトを作る際、手間がかかるのがブラウザーでの確認。

実機で見るのが一番なのですが、すぐ見たいときはFireFoxのアドオン、FireMobileSimulatorとDefault Full Zoom Levelを使って確認をしています。

FiremobileSimulatorでUserAgent偽装とウインドウ幅の指定ができ、これだけでも十分なことがほとんどなのですが、パソコンのブラウザー内ではViewportのinitial-scale、画面の拡大縮小の設定が考慮されないため、Default Full Zoom Levelを使って表示幅を拡大、縮小させて確認しています。

FiremobileSimulatorの説明は検索をするといろいろ出てくるので割愛して今回はDefault Full Zoom Levelについて少し触れたいと思います。

FireFoxのアドオンサイトからインストールしたあと、そのままではブラウザーのツールなどに表示されないので、FireFoxの表示→ツールバー→カスタマイズを押してツールバーのアイコンを設置するためのウインドウを開きます。

Caps01

 

その後、Default Full Zoom Levelのアイコンをツールバーにドラッグして適用すればすぐに使える状態になります。

Caps02

 

一般的なスマートフォン向けサイトではintial-scaleを1~0.6で設定するので必要な場合は必要な設定を追加した上で表示を確認します。

Caps03

 

パソコンでの確認をベースに制作と進めてしまうと完成後にフォントサイズに違和感を感じたり、文字の改行がおかしくなったりしやすいので、それを未然に防ぐ意味でも拡大、縮小を、できればスマートフォン上でも文字のサイズ変更ができるので(Androidの場合など)一度形になった時点で確認することをお勧めします。