【Android】スマホサイト作成スレ【iPhone】

1 ：Name_Not_Found：2011/03/07(月) 21:20:55.29 ID:jtNrzW7i.net

なかったのでたてました

2 ：Name_Not_Found：2011/03/07(月) 21:32:36.93 ID:???.net

終了しました

3 ：Name_Not_Found：2011/03/07(月) 22:00:55.29 ID:???.net

わざわざスレ立てる必要ない

4 ：Name_Not_Found：2011/03/08(火) 09:55:53.25 ID:???.net

そもそもフルブラウザなのでスマホ専用という概念は必要無い

5 ：Name_Not_Found：2011/03/08(火) 10:06:05.10 ID:???.net

よってスレ主はとっととスレの削除依頼を出して来い

6 ：Name_Not_Found：2011/03/08(火) 11:47:59.87 ID:???.net

スマホ最適化の話題くらいイイジャマイカ・・・
まーネタ振りはできんが。

7 ：Name_Not_Found：2011/03/08(火) 11:49:09.82 ID:???.net

iphoneでスレ立ててじゃねえぞｋｓ

8 ：Name_Not_Found：2011/03/08(火) 12:53:44.52 ID:???.net

>>4
スマホ用に最適化してあるサイトは最適化してないサイトと比べて明らかに違うよ

9 ：Name_Not_Found：2011/03/08(火) 13:01:17.51 ID:???.net

携帯サイトだと横幅240px(VGAなら480px)だったけど、スマホサイトも同じで良いのかな？

10 ：Name_Not_Found：2011/03/08(火) 22:25:44.81 ID:???.net

それにボタンとかはPCと比べて明らかに大きくする必要があるし、
iUIも登場してきてるんだから需要があるのは明らかだろ

11 ：Name_Not_Found：2011/03/08(火) 22:38:39.64 ID:???.net

>>1=>>6=>>8=>>10

12 ：Name_Not_Found：2011/03/09(水) 11:30:39.51 ID:???.net

>>9
基準は横幅320pxらしい。

13 ：Name_Not_Found：2011/03/09(水) 23:00:19.60 ID:???.net

スマホから俺のサイト見たら文字とか画像が極小サイズになるんだが…

14 ：Name_Not_Found：2011/03/10(木) 03:18:07.69 ID:???.net

Wordpressのスマホ向け構成は画像がはみだしてると、
縮小することも横にずらすことも出来ず、イライラすることがあった。
ああいう汎用的に使われるヤツは、最適化も難しそうだな。

15 ：Name_Not_Found：2011/03/13(日) 18:00:39.41 ID:b/9YgVvP.net

つまりなにからはじめたらいいの？

16 ：Name_Not_Found：2011/03/13(日) 21:26:00.08 ID:???.net

スマホ買うところから

17 ：Name_Not_Found：2011/03/14(月) 17:31:50.14 ID:???.net

>>16
auのbiblioっていうスマホ買ってきました。
これからどうすれば良いですか？

18 ：Name_Not_Found：2011/03/16(水) 18:53:54.33 ID:???.net

エディタを買うこと

19 ：Name_Not_Found：2011/03/16(水) 20:41:32.70 ID:dvee/4oH.net

まず服を脱ぎます

20 ：Name_Not_Found：2011/03/16(水) 21:14:04.97 ID:0+fkIO0H.net

PCで複数のブラウザに対応したサイトを作ったつもりでしたが
Androidのフルブラウザ（？）で確認したら、文字や画像が
ズレズレになっていてがっかりました。

PCとAndroidの両方で見る事を前提とした場合、注意点などはありますか？

21 ：Name_Not_Found：2011/03/16(水) 21:40:18.16 ID:dvee/4oH.net

>>20
とりあえずビューポート入れとけば良いと思う

22 ：Name_Not_Found：2011/03/18(金) 15:40:09.78 ID:???.net

このスレに期待
嫉妬ドザは氏ね

23 ：Name_Not_Found：2011/03/18(金) 18:01:40.10 ID:???.net

>>20
エージェントで切り分けて別のソースをはき出すようにしないとダメだよ。
AndoroidはWebkit系だから検証はiPhoneでも可能。実機がない場合はiPod touchでも化。
書き方はiPhoneサイトの解説書に詳しく書かれているが、実際に専用の画面を
専用のUIで作るのはかなり大変。

環境は、PC使ってる場合はAndroidエミュレーターを使えば、実機と同じ環境で検証できる。
ただし、GoogleのAndroid SDKに付いてくるAndroidエミュレーターの日本語フォントは
中国語漢字なんで日本語の見た目はちょっとヘンだけどな。

24 ：Name_Not_Found：2011/03/18(金) 19:50:32.09 ID:8PYI5vga.net

スマホサイト作る時のポイントってなんかある？

25 ：Name_Not_Found：2011/03/18(金) 20:49:53.60 ID:???.net

ないっていう派は多分、>>21な感じだと思うけど、画面を横にした時の画像やテキストの大きさの調整とか、
グラフィックス関連をHTML5のカンバスで書き直したり、作り込みをするとPCサイトよりも難しくなる。
普通のPCサイトだとJavascriptは、従みたいな感じだけど、スマートフォンの場合は、画面を傾けたときの
検出とか、画面フリップのUIとか、Javascriptなしでは作りきれない。

一見単純に見えるようなYJとかのサイトでも実際には相当作り込んである。

26 ：Name_Not_Found：2011/03/20(日) 18:49:13.71 ID:???.net

結局、自分がどんなサイトを作りたいのかによるだろｋｓ

27 ：Name_Not_Found：2011/04/03(日) 17:16:19.27 ID:06AjIkOR.net

IS03はJavascriptのgeolocation api実質使えないじゃないか。
シャープの開発はアホだな。

28 ：Name_Not_Found：2011/04/04(月) 22:44:14.63 ID:???.net

スマホのIPアドレス帯域教えてください

29 ：Name_Not_Found：2011/04/04(月) 22:44:58.61 ID:???.net

市ね

30 ：Name_Not_Found：2011/04/04(月) 23:01:59.86 ID:???.net

↑おまえが氏ねばーか

31 ：Name_Not_Found：2011/04/05(火) 13:02:24.83 ID:???.net

>>28
マジレスするとスマホでIP振り分けは無理じゃないの？
WiFiからアクセスできる機種がほとんどんなんだから。
やりたけりゃUserAgentで振り分ければいい、

32 ：Name_Not_Found：2011/04/05(火) 18:14:44.13 ID:tpuOwAfK.net

iphoneならgestureイベントを使って拡大縮小を検知すれば良いんだけど
gestureイベントがないandroidはどうするのがスマート？

33 ：Name_Not_Found：2011/04/06(水) 00:12:03.52 ID:???.net

ミセスロイドを使えばよろしい

34 ：Name_Not_Found：2011/04/06(水) 18:26:47.90 ID:???.net

>>33

35 ：sage：2011/04/06(水) 23:48:59.63 ID:AZc9ouz0.net

ほとんどのスマホ利用者がＰＣサイトを見ているっていうのに
スマホ対応サイトが必要なわけないだろ
サイト作成会社や本を売りたい（スマホサイトの作り方とか）が
言ってるだけだ

36 ：Name_Not_Found：2011/04/07(木) 08:07:11.56 ID:???.net

ほとんどの大きいサイトは順次スマホ対応していってるわけだが

37 ：Name_Not_Found：2011/04/07(木) 14:21:46.60 ID:???.net

だからなに

38 ：Name_Not_Found：2011/04/07(木) 19:02:56.05 ID:???.net

>>37

39 ：Name_Not_Found：2011/04/09(土) 00:49:43.28 ID:YFzhGaEC.net

最初は、ガイドライン的なものの羅列でいいんじゃね？

>>12みたいに、基準は横幅320pxとか、
iPhoneはFlash表示できないとかさ

40 ：Name_Not_Found：2011/04/09(土) 01:12:25.64 ID:???.net

>>35
利用者としてはPCサイトそのまんま見るよりもスマホ最適化されてるサイトの方が読みやすいかな。
読めないことはないんだけど、PCサイトそのまんまだと文字が小さくて見辛いから
本文のところだけズームして見なきゃならないし。

2chのスレッドなんかはiPhoneのSafariでそのまんま開いたらだいぶ読みにくい。
（2chは専ブラアプリ使えば快適に使えるからいいんだけどね）

41 ：Name_Not_Found：2011/04/09(土) 14:40:52.66 ID:???.net

まだまだガラケーのシェアが多いから、そうそうスマホにだけ力注げない。

42 ：Name_Not_Found：2011/04/10(日) 18:31:38.88 ID:???.net

スマホのモバイルビューは、ページ分割が多くてめんどくさいのでPC表示で見てる。

43 ：Name_Not_Found：2011/04/25(月) 15:08:49.82 ID:x1FO7RhW.net

jQuery mobile使ってみたいな。

44 ：Name_Not_Found：2011/04/25(月) 19:51:43.41 ID:???.net

>>43
意外と使いずらいよ

45 ：Name_Not_Found：2011/04/26(火) 00:48:52.90 ID:???.net

>>44
他におすすめのライブラリある？

46 ：Name_Not_Found：2011/04/26(火) 04:16:49.22 ID:???.net

css3で十分いけるよ

47 ：Name_Not_Found：2011/05/09(月) 22:35:28.88 ID:Sv/JY+4Y.net

androidで、window.innerwidthが正しく取れないのは仕様なの？

48 ：Name_Not_Found：2011/05/10(火) 00:29:18.23 ID:???.net

AndroidのOperaかなFirefoxかな

49 ：Name_Not_Found：2011/05/15(日) 21:40:41.26 ID:M2T7SKSJ.net

Safariかも

50 ：Name_Not_Found：2011/05/18(水) 23:29:55.74 ID:iz9WePmG.net

初めて来たが、なんで、こんなに過疎なんだw

Androidシミュレーターでローカルにあるウェブページを表示するには、
どうすればいいんだ？
ぐぐっても、アプリの話ばっかりでよくわからん

51 ：Name_Not_Found：2011/05/19(木) 09:52:18.10 ID:???.net

ブラウザでローカルのURL入れればいんじゃね

52 ：Name_Not_Found：2011/05/19(木) 11:48:53.65 ID:???.net

まじめに質問しますw
入力フォームの日付にカレンダーをつけてみたら、カレンダーの下に隠れてる入力項目が反応してしまう
androidだけで、iphoneでは問題ない
カレンダーの表示方法は、jQueryのanimateで表示してます
固定位置で、cssのdisplay操作すれば、Androidでも問題ないんだけど、なんか知ってる人居ます？

53 ：Name_Not_Found：2011/05/24(火) 14:35:45.56 ID:???.net

最近スマートフォン用のサイト製作の必要性を感じて調べているうちにこのスレを見つけました
巷ではHTML5+CSSが一般的らしいけど　IEじゃテストできないしサファリじゃiPhoneだけだし
取っ掛かりづらいな…　普通のHTMLページで横幅320pxの縦長デザインじゃだめなのか？

Androidアプリ製作関係のスレではHTML5でアプリ作れるって話だった　その辺の自由度というか
発展性の高さみたいなのが重宝されてるのか　今後主流になるなら覚えたいんだけど　う〜ん気が重いなｗ

>>52の人はHTML5で作ってんの？

54 ：Name_Not_Found：2011/05/24(火) 15:19:30.52 ID:???.net

角丸とかグラデーションがcssだけでできるからすごい楽だよ
あとタグもheaderとかfooterが新しくできたけど
別にその辺は今までとたいした変らないし

55 ：Name_Not_Found：2011/05/25(水) 11:23:37.97 ID:???.net

今、htmlは共通でPC/スマホでcssを振り分けて表示するってのをやってる。
htmlは4で作り、スマホのcssは部分的にcss3の記述をすることにした。

ただ、スマホ用のレイアウトなどはほんとに必要なんだろうかと感じるな。

56 ：Name_Not_Found：2011/05/25(水) 21:27:00.23 ID:???.net

振り分けの時に、7インチとか中途半端な端末はどうすんだろ。
ま、スマふぉサイトが必要なのは、480x320以下の機種のみ。いずれ消えるジャンルだと思うが。

57 ：Name_Not_Found：2011/05/25(水) 23:30:41.86 ID:???.net

スマホ用ページで参考になるようなサイトない？
テンプレートとして取り入れられそうなとこ

58 ：55：2011/05/26(木) 10:30:30.28 ID:???.net

>>56
振り分けも悩む。

1)PCとiPhone+Androidのユーザーエージェントで判別
2)mediaクエリーのmax-device-widthで判別

があると思うが、2)で480pxを境として作ろうかと。
Androidは4〜5インチの画面でも画面解像度が高かったり、縦横の問題もあるけど、
あまり細かく振り分けるのも意味ないような。

59 ：Name_Not_Found：2011/05/26(木) 14:45:08.92 ID:???.net

ユーザーエージェントで
android mobile これだと携帯サイズ
android のみだとpad
でわけるといいってググル先生が言ってた

60 ：Name_Not_Found：2011/05/26(木) 16:11:49.48 ID:???.net

padで普通のhtmlページを見た場合どのくらいの横幅が丁度良いの？
スマフォが320pxとしたら　倍の640pxってとこかな？
つかpadなら画面デカイからPCページも問題無く見れるか

61 ：Name_Not_Found：2011/05/26(木) 16:56:37.93 ID:???.net

スマホでちょうど良い大きさになるように、ＰＣ用をでっかいボタンとかで構成するしかないなｗ

62 ：Name_Not_Found：2011/05/27(金) 22:39:44.24 ID:XQ6T8PcV.net

>>61
HTMLではリンク文字だけにして、
PC向け：CSSで文字消してボタン画像を配置
スマフォ向け：文字にCSSで装飾
でいんじゃね？
メディアクエリとかで、それぞれ読み込むCSSを変えてさ。

>>60
PCサイトを見せとけば良いと思うが、
・マウスオーバーができない
・小さいボタンや文字をクリックするのは困難（タグクラウドとか）
あたりを対処する必要はある

>>57 サイト集がいくつかあるだろ

それより誰か>>50を教えろください

>>51 ダメでしたorz

63 ： 忍法帖【Lv=1,xxxP】 ：2011/05/29(日) 13:38:56.41 ID:???.net

スレチだけど「スマホ」ってなんか気持ち悪くないか？ｗ

64 ：Name_Not_Found：2011/05/29(日) 13:44:47.44 ID:???.net

じゃあ「スマン」にするか？

65 ：Name_Not_Found：2011/05/29(日) 15:45:57.74 ID:???.net

スマフォ
だよな

66 ：Name_Not_Found：2011/05/29(日) 16:48:08.07 ID:???.net

オナホなら気持ちいいよね

67 ：Name_Not_Found：2011/05/29(日) 17:21:15.96 ID:???.net

実践！iPhone＆Androidサイト制作ガイド
http://ascii.jp/elem/000/000/543/543575/

68 ：Name_Not_Found：2011/05/29(日) 22:00:33.74 ID:???.net

日経とか朝日とかの新聞でも「スマホ」って書いてるからな‥そのうち慣れるだろ
ファックスとかもFuckかよと最初違和感あっても慣れたし

69 ：Name_Not_Found：2011/05/30(月) 01:54:29.16 ID:???.net

オナフォ

70 ：Name_Not_Found：2011/05/30(月) 06:36:04.37 ID:???.net

「オ」と「ナ」は、どっから出てくるんだよ

71 ：Name_Not_Found：2011/05/30(月) 20:41:50.81 ID:???.net

NAVERのスマホサイトのトピックワードのとこの
「さらに読み込む」の動きをパクリたいんだが、
javascriptのサンプルとかライブラリとかで似たようなの無いですか？

ttp://www.naver.jp/m/

72 ：Name_Not_Found：2011/05/31(火) 15:16:30.89 ID:0l93RBP0.net

jquery mobile や
titanium　などいろいろあるけど

今どれが人気あるんだろ？

73 ：Name_Not_Found：2011/07/05(火) 16:01:18.61 ID:???.net

>>72
jquery mobileのベータがでてたね。

74 ：Name_Not_Found：2011/07/11(月) 17:12:20.45 ID:5tCuOiWt.net

font指定は
font:14px/1.231 "ヒラギノ角ゴ Pro W3";
がベスト？

75 ：Name_Not_Found：2011/07/22(金) 03:21:27.11 ID:???.net

スマホ対応サイトにしてボタン画像を大きくしたり
リンクを押しやすいようにすると今までのモバイルサイトより
情報量が減ってしまうし格好悪いサイトになる。

76 ：Name_Not_Found：2011/07/22(金) 09:06:54.35 ID:???.net

そこをどうにか格好よく見せるかが重要
使いやすくて格好いいスマフォサイトは沢山ある

それとボタンはだいたい画像じゃなくてCSS3だな

77 ：Name_Not_Found：2011/07/28(木) 14:11:54.71 ID:???.net

ホームページ上でmp4ファイルをiphoneやipodtouchで再生すると
ストリーミングみたいに再生されるんだけど、androidだと再生できませんって
言われてしまいます。
wmv形式だと再生はされるんだけど、再生時間を飛ばす事が出来ないみたいです。
再生時間（場所）を自由に変えられる様に再生させるにはどうすればいいでしょう？

78 ：Name_Not_Found：2011/07/29(金) 03:02:30.17 ID:???.net

iwebkit使ってる人いる？

79 ：Name_Not_Found：2011/07/29(金) 12:43:54.92 ID:???.net

ほんんとに過疎ってるのが不思議なスレだな・・・
本スレが別の板にでもあるんかな？
iPhone板とかスマートフォン板とかで話てんのかな？

80 ：Name_Not_Found：2011/07/29(金) 12:48:55.13 ID:???.net

スマホはアプリがメインだからな
プログラム板では盛り上がってるよ

81 ：Name_Not_Found：2011/07/31(日) 15:27:27.21 ID:???.net

>>80
そうなんだ〜納得！
レスありがとうね！

82 ：Name_Not_Found：2011/08/14(日) 23:12:58.60 ID:???.net

htmlタグのメタタグに関する質問。

<META HTTP-EQUIV="Refresh" CONTENT="0;URL=○○

これは、携帯から閲覧した場合、反応せず
ＰＣから閲覧した場合、url＝○○に飛ばされる
メタタグなんですが...

スマートフォンから閲覧した場合は、どのようになるでしょうか？
なにも反応しませんか？それとも、url＝○○に飛ばされるでしょうか？

83 ：Name_Not_Found：2011/08/16(火) 23:13:42.31 ID:???.net

ホットモックで色々試してみたらJQMとかバカ重すぎでﾜﾛﾀんだが
androidで動作チェック用のスマホっていうと何がオススメですかねえ？
という話題はここではスレチ？

84 ：Name_Not_Found：2011/08/17(水) 01:42:29.11 ID:???.net

エミュレータでええやん

85 ：Name_Not_Found：2011/08/17(水) 03:57:11.80 ID:1NpRsxD9.net

重さもエミュレートできるの？

86 ：83：2011/08/17(水) 13:32:59.47 ID:???.net

もちろんエミュは使ってるし回線速度も帯域は絞れるけれども、機種によってなのかなんなのか、
若干の挙動の違いがあるようで、JQMの場合では、エミュでは拡大縮小すると画面横幅も
それに応じて調整されるけど、テストしたスマホでは横幅は変化せずに横長のままで
超使いにくくなってしまったり。

これが機種による差異なのか、OSのバージョンなのか、JQMのバグなのか、
そこらへんもチェックしたいんですけども、全機種揃えるわけにも。。。orz

とりあえず持つなら最新機種に合わせるべきか、1世代前ぐらいにしといた方がいいのか……
もっともスマホ自体に疎いのでどこから手をつけていいのかわからないのです…。

87 ：Name_Not_Found：2011/08/17(水) 14:17:38.52 ID:???.net

今ならOS2.2の機種がメジャーだけど
2.3が主流になるのも時間の問題

中古のエクスペリアとかでいいんでないかい

88 ：83：2011/08/17(水) 21:44:28.37 ID:???.net

ふーむ。やっぱメジャー路線で行くべきですかね。ｻﾝｸｽ

89 ：Name_Not_Found：2011/09/01(木) 17:41:51.97 ID:I5Kjjgos.net

HTML風の簡単言語でiOSアプリが作れる「NextScript」が無償公開
http://www.itmedia.co.jp/promobile/articles/1109/01/news068.html

90 ：Name_Not_Found：2011/09/02(金) 18:42:19.98 ID:???.net

AndroidがIE化しててウザい

91 ：Name_Not_Found：2011/09/03(土) 14:53:02.13 ID:???.net

なにそれ詳しく

92 ：Name_Not_Found：2011/09/06(火) 22:39:13.83 ID:7H/IygST.net

Webのプログラマで自分でアイデア出した携帯サービスを開発したいと考えているのですが、
今の時代、やっぱりガラケーよりもスマートフォンを中心に考えてサービス提供すべきなのでしょうか？
制作の人員リソースが限られているのが現実ですが、まだやはりガラケー利用者は多くいるので携帯サイトも制作しておくべきかどうか悩み中です。

93 ：Name_Not_Found：2011/09/07(水) 18:34:05.26 ID:???.net

ターゲット層によるんじゃない？
10代〜の、無料アプリでDL数やアクセス数稼ぎならガラケー
20代〜以降の、課金アプリ系ならスマホかと

94 ：Name_Not_Found：2011/09/07(水) 20:45:35.00 ID:???.net

今時のガラケーは、iモードブラウザにしてもスマートフォンと同等の能力（JavaScript/CSS対応、VGAクラスの解像度）を持っているわけだが

95 ：Name_Not_Found：2011/09/07(水) 20:47:04.43 ID:mZfZqiJC.net

でも適したコンテンツやUIデザインがまるで変わるよね > ガラケーとスマホ

96 ：Name_Not_Found：2011/09/23(金) 23:45:06.95 ID:XwDdF8MU.net

Androidのブラウザってhistory.pushState()対応してない…の？

97 ：Name_Not_Found：2011/09/24(土) 05:49:50.97 ID:???.net

history.jsを使えと。

98 ：Name_Not_Found：2011/09/25(日) 16:47:16.46 ID:???.net

Boldが効く機種ある？
正確には、デフォルトのフォントにBold用のウェイトがある機種だけど

99 ：Name_Not_Found：2011/09/25(日) 23:39:05.11 ID:???.net

文字セットごとに違うだろ

100 ：Name_Not_Found：2011/09/26(月) 00:51:47.12 ID:???.net

あん？