タグ: スマホ

複数の案件を抱えていると移動中にメールでデータやダウンロードの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入力欄が出るのでそこにアドレスをコピー＆ペーストするとソース表示されるようになります。

linked by blog-tools

ちょっと前までのiPod touch+Android端末の2台持ちと同じようにiPhone5+GALAXY Note2の2台持ちに最近なってしまったので理由やメリット等をまとめてみました。

プライベートと仕事で電話機をわける

同じ端末で受けてもいいのですが、仕事なのかプライベートなのかで内容も言葉も代わるので端末を別にすることにしました。費用は仕事の電話は基本こちらから余りかけることがないので050plusの基本料金のみ。普段の電話はXiのカケホーダイ+Skype+LINEです。

Android iOS両方ある状態が必要な仕事であること

Webの仕事をしているとスマホ対応で必ず必要になるのがiOSとAndroid端末双方への対応。

仕事用のカバンには検証用にiPad miniやXperia mini(2.3)も常に入れていて、ページで不具合などがあってもいつでも確認できるようにしています。

普段ブラウザーはデスクトップもモバイルもChromeなのですが、一般的なAndroidブラウザーやSafariとレンダリングやスクリプト処理等が多少違うところがあるので、スマホ向けのUIやコーディングをしている方は職場だけでなく、プライベートでも両方もっておいた方がOSのUIの違い等も理解できるのでもっておいた方がいいと思います。

さまざまなサービスやアプリが手軽に使えるiPhone

Androidもメーカーによってはバックアップサービスがあるのですが、OSでゲームやアプリケーションのデータバックアップを取ることが基本的にできるのはiPhone。機種を新しくしたときや不具合があってリカバリーをしたときでもiCloudやPC/Mac上にバックアップデータがあれば復元することが出来ます。

またサービスの提供側も対応する端末の種類が少ないためiOS先行でサービスをはじめる場合も多く、比較的質のいいサービスが数多くあるのもiPhoneのメリット。

大きな画面で扱いやすいAndroid(GALAXY Note2)

AndroidとiOSの画面上の大きな違いはホーム画面にウィジェットを載せられるかどうかといったところ。Google Nowや天気といった情報をAndroidのホーム画面に載せておけば、出かけるときの時刻や天気が調べずに表示されるので一度使ってしまうと離れられません。

また、ワンセグや動画等もファブレット等５インチサイズになると十分なサイズで映像を楽しむことができ、小説など文字ベースの電子書籍の閲覧もしやすいです。

回線は通常のもの+MVNOで節約

2台持ちで気になるのは通信料金。自分の場合は普通のスマホ＋データ通信のみのMVNO回線が500円程度で賄えています。テザリングやモバイルルーターといった選択肢ももちろん併用したりしますが、落としたりしたときに端末をロック、データ削除等を行おうとすると3G/LTEなどWifi以外の通信手段がないとできない場合が増えてくるのでできれば2回線もっておきたいところ。

ちなみに050plusは128kbpsの通信でも難なく通信可能。

仕事用のカバンには検証用にiPad miniやXperia mini(2.3)も常に入れていて、ページ作成等で不具合があってもいつでも確認できるようにしています。

photo credit: jfingas

この1,2年でモバイルといえば携帯サイトだったものがスマホサイトになってしまい、これからどうしようか？　どうすればいいのかと思っている初心者の人も多いと思うので少しまとめました。

まずは、実際にスマートフォンに触れて見る

百聞一見に如かずで実際に触ってみるとわかることが本当に多く、 例えば、タッチパネルの操作ではボタンは押した感触がない反面、フリックやスライド操作ができるので、直感的に操作できることが多くなっています。

Twitterのスマホサイトではアプリケーションのようにスムーズに使えるよう、タイムラインを下に引っ張るとリロードされたり、ツイートをスライドするとReplyやRetweetアイコンが出てきたりします。 一昔前はFlashを使って動かしたりしていたものがJavaScriptの処理が高速化したため、HTML、CSSと連携させてJavaScriptでインターフェイスを作ることが一般的になっています。

Web制作初心者には敷居が高い現実

先ほどのTwitterの事例のように、いつも使うようなサイトに使いやすいインターフェイスが提供され、ブログなどでもメニューボタンを押すとメニューが伸びてきたり、次のページヘ移動する際、更新されるのではなくスライドして次のページに進むようなギミックがあったりと、気にしてみると初心者にはどうやって作っているのかわからないことが数多く出てくると思います。 技術的には少し前に話題になったWEB2.0といわれるものの中の技術が使われ、一昔前に使っていたテーブルレイアウトは姿を消し、HTML+CSSをベースに幅が変わっても対応できるリキッドレイアウトや新たに出てきたレスポンシブレイアウト（デザイン）と言われるようなレイアウト手法が主流になりつつあり、実際にユーザーやクライアントが要求してくるようなスマホサイトを作ろうとするとHTML(HTML5)やCSS(CSS3)そしてJavaScriptの習得が必要になってきます。

ではどうするか？

HTML5とCSS3、JavaScriptを習得してサイトを作ることが出来れば一番いいのですが、より手っ取り早くスマホサイトを作りたい場合には

1. Webサイト作成ソフトを使う
2. スマホに対応したブログやWebサイトサービスを使う
3. プロに頼む

の3つの選択があります。

スマホサイトに対応したアプリケーションが増えてきたので、テンプレートをベースにコンテンツを作っていくような作り方をする際、効率的につくることができます。ただ、仕事を依頼されてデザインやコーディングを行う場合は、テンプレート上、表現の限界があるのでスライドショーは追加できるけれど、フリックで動作しない、ここのスペースには置けないといったことが出てくるので注意が必要です。 主なアプリケーション：BiNDやホームページビルダーなど

ブログやWebサイトサービスを使うとブログを編集するような感覚で比較的簡単にスマートフォンに対応させることができます。サービスを利用することでスマートフォン用に特別な編集をせずページを作成できるので初心者でも使いやすいと思います。主なサービスはJimdoやカラミーショップ(ECサイト向け)など

スマホサイトができたものの、iPhoneではちゃんと表示されるのにGalaxyでは崩れる、タブレットでは文字が小さく、レイアウトが広がって見辛い、画像がなんかぼやける。といったことがよく起こります。それに対応するにはネットで解決方法を探し、ない場合はトライアンドエラーを繰り返し、解決法を身につけていくほかありません。 時間がない場合、自分には難しすぎると感じた場合はプロに頼むという選択肢があることも念頭において、どのように作るかを考えて自分にあった選択肢を考えるといいと思います。

次回は具体的な作り方について書く予定です。