今度、スマホサイトのコーディングを初めて行なうのですが、全くスマホサイトのコーディング経験が無く、何に気をつけて良いかわかりません。
PCサイトをスマホサイトに対応させるお仕事なのですが(レスポンシブでは無い)、単純にPCでサイズ指定して組んでいたレイアウトを可変にして表示させれば良いのでしょうか?
何か気をつけることであったり、スマホサイト特有の考え方などありましたら、教えてくださいませm(_ _)m
参考書に全部書いてるし。ネットでいくらでも調べられますよ^^
それは知ってます。
だったらまず本読んでやってみてわからないところがあったら訊きに来いよ。
逆はダメでしょうか?
まったくわからないので全部教えてくださいじゃ答えられない。何が欲しいのかわからないけどプレゼントくださいじゃサンタクロースも困る。
パーフェクトな回答をしようと考え過ぎでは?部分的な回答やヒントは出せるでしょう?
アイホンとクライアントの持ってるスマホだけは確実に対応させること。
これはたしかに。
た、たしかに。。。
そんなんで仕事を受けんなよ。余計に業界が荒れるわ。もっと自分の仕事に責任を持て、阿呆が。
ここにコメントを追加...
むしろみんなができる方が困る。当たり前のことが当たり前のように全員できてたら、お客さんからお金とれないよ。
レイアウト可変にしただけではたしか980pxの横幅になる気がします。metaタグにスマホ用の記述を入れます。
また作るときは可変がいいです。横幅は機種ごとに違うので。http://screensiz.es/phone
またiPhone Safari, Android標準ブラウザ, Android Chromeのチェックは必要です。特にAndroidはメーカーによって差異あるそうです。全部は難しいかもしれませんが、何台か実機用意とシュミレーター使って確認します。
より詳しい内容は本買うのがオススメです。
なるほど、基本可変で組んでviewportみたいな専用タグを入れると。
そうですね、実機用意は全機種は厳しいのでシミュレーターを探して、確認してみます。
大変、丁寧な回答ありがとうございました!!
書籍は何冊か過去に買って読まずに放置しているのでちょっと移動中にでも目を通してみたいと思います。
4番目の方にヒントを頂いたので、後続の方に参考までにメモ。
iphoneに関してはxcodeのシミュレーターで確認出来るみたいですね。
chromeの拡張機能も使えそうですね。
みんなの回答 6 件
参考書に全部書いてるし。ネットでいくらでも調べられますよ^^
アイホンとクライアントの持ってるスマホだけは確実に対応させること。
そんなんで仕事を受けんなよ。余計に業界が荒れるわ。もっと自分の仕事に責任を持て、阿呆が。
レイアウト可変にしただけではたしか980pxの横幅になる気がします。
metaタグにスマホ用の記述を入れます。
また作るときは可変がいいです。横幅は機種ごとに違うので。
http://screensiz.es/phone
またiPhone Safari, Android標準ブラウザ, Android Chromeのチェックは必要です。特にAndroidはメーカーによって差異あるそうです。全部は難しいかもしれませんが、何台か実機用意とシュミレーター使って確認します。
より詳しい内容は本買うのがオススメです。
4番目の方にヒントを頂いたので、後続の方に参考までにメモ。
iphoneに関してはxcodeのシミュレーターで確認出来るみたいですね。
Macユーザー必見!手軽にスマホを動作確認できるiOSシミュレーターをご紹介 | 株式会社LIG
http://liginc.co.jp/web/tool/mac-iphone/45329chromeの拡張機能も使えそうですね。
Google Chromeをスマホシミュレーターに!スマホサイトのデザインを確認する方法! | PLUS
http://plus.vc/web_service/6229/関連するトピックス