【Android】スマホサイト作成スレ【iPhone】at HP
【Android】スマホサイト作成スレ【iPhone】 - 暇つぶし2ch2:Name_Not_Found
11/03/07 21:32:36.93
終了しました

3:Name_Not_Found
11/03/07 22:00:55.29
わざわざスレ立てる必要ない

4:Name_Not_Found
11/03/08 09:55:53.25
そもそもフルブラウザなのでスマホ専用という概念は必要無い

5:Name_Not_Found
11/03/08 10:06:05.10
よってスレ主はとっととスレの削除依頼を出して来い

6:Name_Not_Found
11/03/08 11:47:59.87
スマホ最適化の話題くらいイイジャマイカ・・・
まーネタ振りはできんが。

7:Name_Not_Found
11/03/08 11:49:09.82
iphoneでスレ立ててじゃねえぞks

8:Name_Not_Found
11/03/08 12:53:44.52
>>4
スマホ用に最適化してあるサイトは最適化してないサイトと比べて明らかに違うよ

9:Name_Not_Found
11/03/08 13:01:17.51
携帯サイトだと横幅240px(VGAなら480px)だったけど、スマホサイトも同じで良いのかな?

10:Name_Not_Found
11/03/08 22:25:44.81
それにボタンとかはPCと比べて明らかに大きくする必要があるし、
iUIも登場してきてるんだから需要があるのは明らかだろ

11:Name_Not_Found
11/03/08 22:38:39.64
>>1=>>6=>>8=>>10

12:Name_Not_Found
11/03/09 11:30:39.51
>>9
基準は横幅320pxらしい。

13:Name_Not_Found
11/03/09 23:00:19.60
スマホから俺のサイト見たら文字とか画像が極小サイズになるんだが…

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

15:Name_Not_Found
11/03/13 18:00:39.41 b/9YgVvP
つまりなにからはじめたらいいの?

16:Name_Not_Found
11/03/13 21:26:00.08
スマホ買うところから

17:Name_Not_Found
11/03/14 17:31:50.14
>>16
auのbiblioっていうスマホ買ってきました。
これからどうすれば良いですか?


18:Name_Not_Found
11/03/16 18:53:54.33
エディタを買うこと

19:Name_Not_Found
11/03/16 20:41:32.70 dvee/4oH
まず服を脱ぎます

20:Name_Not_Found
11/03/16 21:14:04.97 0+fkIO0H
PCで複数のブラウザに対応したサイトを作ったつもりでしたが
Androidのフルブラウザ(?)で確認したら、文字や画像が
ズレズレになっていてがっかりました。

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

21:Name_Not_Found
11/03/16 21:40:18.16 dvee/4oH
>>20
とりあえずビューポート入れとけば良いと思う

22:Name_Not_Found
11/03/18 15:40:09.78
このスレに期待
嫉妬ドザは氏ね

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

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


24:Name_Not_Found
11/03/18 19:50:32.09 8PYI5vga
スマホサイト作る時のポイントってなんかある?

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

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

26:Name_Not_Found
11/03/20 18:49:13.71
結局、自分がどんなサイトを作りたいのかによるだろks

27:Name_Not_Found
11/04/03 17:16:19.27 06AjIkOR
IS03はJavascriptのgeolocation api実質使えないじゃないか。
シャープの開発はアホだな。



28:Name_Not_Found
11/04/04 22:44:14.63
スマホのIPアドレス帯域教えてください

29:Name_Not_Found
11/04/04 22:44:58.61
市ね

30:Name_Not_Found
11/04/04 23:01:59.86
↑おまえが氏ねばーか

31:Name_Not_Found
11/04/05 13:02:24.83
>>28
マジレスするとスマホでIP振り分けは無理じゃないの?
WiFiからアクセスできる機種がほとんどんなんだから。
やりたけりゃUserAgentで振り分ければいい、

32:Name_Not_Found
11/04/05 18:14:44.13 tpuOwAfK
iphoneならgestureイベントを使って拡大縮小を検知すれば良いんだけど
gestureイベントがないandroidはどうするのがスマート?

33:Name_Not_Found
11/04/06 00:12:03.52
ミセスロイドを使えばよろしい

34:Name_Not_Found
11/04/06 18:26:47.90
>>33


35:sage
11/04/06 23:48:59.63 AZc9ouz0
ほとんどのスマホ利用者がPCサイトを見ているっていうのに
スマホ対応サイトが必要なわけないだろ
サイト作成会社や本を売りたい(スマホサイトの作り方とか)が
言ってるだけだ

36:Name_Not_Found
11/04/07 08:07:11.56
ほとんどの大きいサイトは順次スマホ対応していってるわけだが

37:Name_Not_Found
11/04/07 14:21:46.60
だからなに

38:Name_Not_Found
11/04/07 19:02:56.05
>>37

39:Name_Not_Found
11/04/09 00:49:43.28 YFzhGaEC
最初は、ガイドライン的なものの羅列でいいんじゃね?

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

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

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

41:Name_Not_Found
11/04/09 14:40:52.66
まだまだガラケーのシェアが多いから、そうそうスマホにだけ力注げない。

42:Name_Not_Found
11/04/10 18:31:38.88
スマホのモバイルビューは、ページ分割が多くてめんどくさいのでPC表示で見てる。

43:Name_Not_Found
11/04/25 15:08:49.82 x1FO7RhW
jQuery mobile使ってみたいな。

44:Name_Not_Found
11/04/25 19:51:43.41
>>43
意外と使いずらいよ

45:Name_Not_Found
11/04/26 00:48:52.90
>>44
他におすすめのライブラリある?

46:Name_Not_Found
11/04/26 04:16:49.22
css3で十分いけるよ

47:Name_Not_Found
11/05/09 22:35:28.88 Sv/JY+4Y
androidで、window.innerwidthが正しく取れないのは仕様なの?

48:Name_Not_Found
11/05/10 00:29:18.23
AndroidのOperaかなFirefoxかな

49:Name_Not_Found
11/05/15 21:40:41.26 M2T7SKSJ
Safariかも


50:Name_Not_Found
11/05/18 23:29:55.74 iz9WePmG
初めて来たが、なんで、こんなに過疎なんだw

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

51:Name_Not_Found
11/05/19 09:52:18.10
ブラウザでローカルのURL入れればいんじゃね

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


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

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

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

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

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

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

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

57:Name_Not_Found
11/05/25 23:30:41.86
スマホ用ページで参考になるようなサイトない?
テンプレートとして取り入れられそうなとこ

58:55
11/05/26 10:30:30.28
>>56
振り分けも悩む。

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

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



59:Name_Not_Found
11/05/26 14:45:08.92
ユーザーエージェントで
android mobile これだと携帯サイズ
android のみだとpad
でわけるといいってググル先生が言ってた

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

61:Name_Not_Found
11/05/26 16:56:37.93
スマホでちょうど良い大きさになるように、PC用をでっかいボタンとかで構成するしかないなw

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

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

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

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

>>51 ダメでしたorz

63: 忍法帖【Lv=1,xxxP】
11/05/29 13:38:56.41
スレチだけど「スマホ」ってなんか気持ち悪くないか?w

64:Name_Not_Found
11/05/29 13:44:47.44
じゃあ「スマン」にするか?

65:Name_Not_Found
11/05/29 15:45:57.74
スマフォ
だよな

66:Name_Not_Found
11/05/29 16:48:08.07
オナホなら気持ちいいよね

67:Name_Not_Found
11/05/29 17:21:15.96
実践!iPhone&Androidサイト制作ガイド
URLリンク(ascii.jp)

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

69:Name_Not_Found
11/05/30 01:54:29.16
オナフォ

70:Name_Not_Found
11/05/30 06:36:04.37
「オ」と「ナ」は、どっから出てくるんだよ

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

URLリンク(www.naver.jp)

72:Name_Not_Found
11/05/31 15:16:30.89 0l93RBP0
jquery mobile や
titanium などいろいろあるけど

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

73:Name_Not_Found
11/07/05 16:01:18.61
>>72
jquery mobileのベータがでてたね。

74:Name_Not_Found
11/07/11 17:12:20.45 5tCuOiWt
font指定は
font:14px/1.231 "ヒラギノ角ゴ Pro W3";
がベスト?

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

76:Name_Not_Found
11/07/22 09:06:54.35
そこをどうにか格好よく見せるかが重要
使いやすくて格好いいスマフォサイトは沢山ある

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

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

78:Name_Not_Found
11/07/29 03:02:30.17
iwebkit使ってる人いる?

79:Name_Not_Found
11/07/29 12:43:54.92
ほんんとに過疎ってるのが不思議なスレだな・・・
本スレが別の板にでもあるんかな?
iPhone板とかスマートフォン板とかで話てんのかな?

80:Name_Not_Found
11/07/29 12:48:55.13
スマホはアプリがメインだからな
プログラム板では盛り上がってるよ

81:Name_Not_Found
11/07/31 15:27:27.21
>>80
そうなんだ~納得!
レスありがとうね!

82:Name_Not_Found
11/08/14 23:12:58.60
htmlタグのメタタグに関する質問。

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

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

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



83:Name_Not_Found
11/08/16 23:13:42.31
ホットモックで色々試してみたらJQMとかバカ重すぎでワロタんだが
androidで動作チェック用のスマホっていうと何がオススメですかねえ?
という話題はここではスレチ?


84:Name_Not_Found
11/08/17 01:42:29.11
エミュレータでええやん

85:Name_Not_Found
11/08/17 03:57:11.80 1NpRsxD9
重さもエミュレートできるの?

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

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

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

87:Name_Not_Found
11/08/17 14:17:38.52
今ならOS2.2の機種がメジャーだけど
2.3が主流になるのも時間の問題

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

88:83
11/08/17 21:44:28.37
ふーむ。やっぱメジャー路線で行くべきですかね。サンクス


最新レス表示
レスジャンプ
類似スレ一覧
スレッドの検索
話題のニュース
おまかせリスト
オプション
しおりを挟む
スレッドに書込
スレッドの一覧
暇つぶし2ch