探検
【Android】スマホサイト作成スレ【iPhone】
まーネタ振りはできんが。
スマホ用に最適化してあるサイトは最適化してないサイトと比べて明らかに違うよ
iUIも登場してきてるんだから需要があるのは明らかだろ
基準は横幅320pxらしい。
縮小することも横にずらすことも出来ず、イライラすることがあった。
ああいう汎用的に使われるヤツは、最適化も難しそうだな。
auのbiblioっていうスマホ買ってきました。
これからどうすれば良いですか？
Androidのフルブラウザ（？）で確認したら、文字や画像が
ズレズレになっていてがっかりました。
PCとAndroidの両方で見る事を前提とした場合、注意点などはありますか？
とりあえずビューポート入れとけば良いと思う
嫉妬ドザは氏ね
エージェントで切り分けて別のソースをはき出すようにしないとダメだよ。
AndoroidはWebkit系だから検証はiPhoneでも可能。実機がない場合はiPod touchでも化。
書き方はiPhoneサイトの解説書に詳しく書かれているが、実際に専用の画面を
専用のUIで作るのはかなり大変。
環境は、PC使ってる場合はAndroidエミュレーターを使えば、実機と同じ環境で検証できる。
ただし、GoogleのAndroid SDKに付いてくるAndroidエミュレーターの日本語フォントは
中国語漢字なんで日本語の見た目はちょっとヘンだけどな。
グラフィックス関連をHTML5のカンバスで書き直したり、作り込みをするとPCサイトよりも難しくなる。
普通のPCサイトだとJavascriptは、従みたいな感じだけど、スマートフォンの場合は、画面を傾けたときの
検出とか、画面フリップのUIとか、Javascriptなしでは作りきれない。
一見単純に見えるようなYJとかのサイトでも実際には相当作り込んである。
シャープの開発はアホだな。
マジレスするとスマホでIP振り分けは無理じゃないの？
WiFiからアクセスできる機種がほとんどんなんだから。
やりたけりゃUserAgentで振り分ければいい、
gestureイベントがないandroidはどうするのがスマート？
スマホ対応サイトが必要なわけないだろ
サイト作成会社や本を売りたい（スマホサイトの作り方とか）が
言ってるだけだ
>>12みたいに、基準は横幅320pxとか、
iPhoneはFlash表示できないとかさ
利用者としてはPCサイトそのまんま見るよりもスマホ最適化されてるサイトの方が読みやすいかな。
読めないことはないんだけど、PCサイトそのまんまだと文字が小さくて見辛いから
本文のところだけズームして見なきゃならないし。
2chのスレッドなんかはiPhoneのSafariでそのまんま開いたらだいぶ読みにくい。
（2chは専ブラアプリ使えば快適に使えるからいいんだけどね）
意外と使いずらいよ
他におすすめのライブラリある？
Androidシミュレーターでローカルにあるウェブページを表示するには、
どうすればいいんだ？
ぐぐっても、アプリの話ばっかりでよくわからん
入力フォームの日付にカレンダーをつけてみたら、カレンダーの下に隠れてる入力項目が反応してしまう
androidだけで、iphoneでは問題ない
カレンダーの表示方法は、jQueryのanimateで表示してます
固定位置で、cssのdisplay操作すれば、Androidでも問題ないんだけど、なんか知ってる人居ます？
巷ではHTML5+CSSが一般的らしいけど IEじゃテストできないしサファリじゃiPhoneだけだし
取っ掛かりづらいな… 普通のHTMLページで横幅320pxの縦長デザインじゃだめなのか？
Androidアプリ製作関係のスレではHTML5でアプリ作れるって話だった その辺の自由度というか
発展性の高さみたいなのが重宝されてるのか 今後主流になるなら覚えたいんだけど う～ん気が重いなｗ
>>52の人はHTML5で作ってんの？
あとタグもheaderとかfooterが新しくできたけど
別にその辺は今までとたいした変らないし
htmlは4で作り、スマホのcssは部分的にcss3の記述をすることにした。
ただ、スマホ用のレイアウトなどはほんとに必要なんだろうかと感じるな。
ま、スマふぉサイトが必要なのは、480x320以下の機種のみ。いずれ消えるジャンルだと思うが。
テンプレートとして取り入れられそうなとこ
振り分けも悩む。
1)PCとiPhone+Androidのユーザーエージェントで判別
2)mediaクエリーのmax-device-widthで判別
があると思うが、2)で480pxを境として作ろうかと。
Androidは4～5インチの画面でも画面解像度が高かったり、縦横の問題もあるけど、
あまり細かく振り分けるのも意味ないような。
android mobile これだと携帯サイズ
android のみだとpad
でわけるといいってググル先生が言ってた
スマフォが320pxとしたら 倍の640pxってとこかな？
つかpadなら画面デカイからPCページも問題無く見れるか
HTMLではリンク文字だけにして、
PC向け：CSSで文字消してボタン画像を配置
スマフォ向け：文字にCSSで装飾
でいんじゃね？
メディアクエリとかで、それぞれ読み込むCSSを変えてさ。
>>60
PCサイトを見せとけば良いと思うが、
・マウスオーバーができない
・小さいボタンや文字をクリックするのは困難（タグクラウドとか）
あたりを対処する必要はある
>>57 サイト集がいくつかあるだろ
それより誰か>>50を教えろください
>>51 ダメでしたorz
だよな
http://ascii.jp/elem/000/000/543/543575/
ファックスとかもFuckかよと最初違和感あっても慣れたし
「さらに読み込む」の動きをパクリたいんだが、
javascriptのサンプルとかライブラリとかで似たようなの無いですか？
ttp://www.naver.jp/m/
titanium などいろいろあるけど
今どれが人気あるんだろ？
jquery mobileのベータがでてたね。
font:14px/1.231 "ヒラギノ角ゴ Pro W3";
がベスト？
リンクを押しやすいようにすると今までのモバイルサイトより
情報量が減ってしまうし格好悪いサイトになる。
使いやすくて格好いいスマフォサイトは沢山ある
それとボタンはだいたい画像じゃなくてCSS3だな
ストリーミングみたいに再生されるんだけど、androidだと再生できませんって
言われてしまいます。
wmv形式だと再生はされるんだけど、再生時間を飛ばす事が出来ないみたいです。
再生時間（場所）を自由に変えられる様に再生させるにはどうすればいいでしょう？
本スレが別の板にでもあるんかな？
iPhone板とかスマートフォン板とかで話てんのかな？
プログラム板では盛り上がってるよ
そうなんだ～納得！
レスありがとうね！
<META HTTP-EQUIV="Refresh" CONTENT="0;URL=○○
これは、携帯から閲覧した場合、反応せず
ＰＣから閲覧した場合、url＝○○に飛ばされる
メタタグなんですが...
スマートフォンから閲覧した場合は、どのようになるでしょうか？
なにも反応しませんか？それとも、url＝○○に飛ばされるでしょうか？
androidで動作チェック用のスマホっていうと何がオススメですかねえ？
という話題はここではスレチ？
若干の挙動の違いがあるようで、JQMの場合では、エミュでは拡大縮小すると画面横幅も
それに応じて調整されるけど、テストしたスマホでは横幅は変化せずに横長のままで
超使いにくくなってしまったり。
これが機種による差異なのか、OSのバージョンなのか、JQMのバグなのか、
そこらへんもチェックしたいんですけども、全機種揃えるわけにも。。。orz
とりあえず持つなら最新機種に合わせるべきか、1世代前ぐらいにしといた方がいいのか……
もっともスマホ自体に疎いのでどこから手をつけていいのかわからないのです…。
2.3が主流になるのも時間の問題
中古のエクスペリアとかでいいんでないかい
HTML風の簡単言語でiOSアプリが作れる「NextScript」が無償公開
http://www.itmedia.co.jp/promobile/articles/1109/01/news068.html
今の時代、やっぱりガラケーよりもスマートフォンを中心に考えてサービス提供すべきなのでしょうか？
制作の人員リソースが限られているのが現実ですが、まだやはりガラケー利用者は多くいるので携帯サイトも制作しておくべきかどうか悩み中です。
10代～の、無料アプリでDL数やアクセス数稼ぎならガラケー
20代～以降の、課金アプリ系ならスマホかと
正確には、デフォルトのフォントにBold用のウェイトがある機種だけど
あん？
両方作らないと
きついよ。
人員が無い、リソースが無いならやめたほうが無難。
うちはpc、ガラケー、スマートフォンの3つを作ってます。
デザインは640ピクセルとかで作ったほうがいいのかな？
640ピクセルでHTML作ってiPhone3Gの320ピクセルや
Androidの480ピクセルに自動で調整できるの？
ブラウザはどちらも320pxのはず
このシステム認証エラー多過ぎじゃね？
下側にツールバーがあるページを作成してみたのですが、下の方へスクロールさせると、
touchStartやtouchEndイベントが発生しなくなってしまうようなのです。
自分では420px以上下では反応しないということと、clickイベントは問題なく動作するということ以外は全くわかりません。
アドバイス等いただけたら幸いです。
ソースを貼ると少し長いのでアップロードしました。
http://qwe.vc/mPDax0
>>111のページでは、buttonタグでtouchStartイベントが発生した時に、ボタンのidと、タッチされた座標(ページ全体で考えた座標)がアラートで表示されるようになっています。
最初の状態では、ボタンはタップで反応しますが、下の方へスクロールすると反応しなくなってしまいます。エラーも出ていないようなのでイベント自体が発生していないと考えています。
また、clickでいいじゃないか、と思われるかもしれませんが、ウェブアプリでの利用を前提としているので、レスポンスが早いtouchEndイベントを使いたいと思っています(アップしたファイルでは座標を表示する関係上、touchStartを使用)。
以上、長ったらしくなってしまいましたが、よろしくお願いします。
動作テストとかするためのいいエミュみたいなのってないの？
iBBDemoとsafari入れてみたんだけどActiveXコンポーネット云々言われて動かなかったでござる。
MacならAppleに開発者登録（無料）すれば
iOSエミュレーターをもらえるよ
無償で手に入るiPhoneのエミュの中では一番良いと思う
Webアプリなら、iOSシミュレータが使えなくてもなんとかなりそう。
デスクトップ版のSafariと大して変わらないけど、微妙に変わるのも確か。
エンジンが違うので、SafariのリファラをiOSデバイスにしても効果はない。
iOSの方は、ベンダープリフィックスなCSSの書き方が古いとかもある。
Androidは、Android SDKのシミュレータ。
Windows Phoneは、Windows Phone SDKのシミュレータ。
てかActiveX使うなら、IE専用Webアプリなのでは？…
シミュレータってあるのかな？
見てたんだけど、スマフォもなんかPCみたいにランキングのシステムを
載せてるところが多くて、確かに便利だろうなって思ったんだけど、
あれ、みんなどうしてるの？自前で作成？
サイトにランキングのシステムがくっついてるやつあるじゃん？
あれあれあれだよあのランキングだよ。
なんて言うか、らんくるみたいなシステムのやつ。
サイトの中にランキングのシステムがあるやつ。
ああ、すんませんうまく伝えられないです。スレ汚しすみません。
横向き対応してない（横幅320px固定）サイトがちらほらあるけど
なんなの？
それが許されるならCSS3なんて必要なくね？
くるくる回転されて不便だから、固定にしてるわ
固定なら
角丸ボタンも画像でやればいいし、背景グラデも画像でやればいいから。
作ってみればわかる
角丸は何も可変の為だけにあるわけじゃない
回線と端末にかかる負荷がなくなるのも目的
そもそもradiusをピクセル指定すれば、それはもう固定
ごめん、世の中のCSS3の必要性ではなくて、
スマホサイトをCSS3で作る必要性って意味だよ。
CSS3なんて必要ない、までは飛び過ぎだろうって話
iPhone用ページを作っているのですが、困っています。
IFRAME 内でRSS記事を表示させると、果てしなく横に伸びてしまいます。
横幅の指定ができて、RSS等をページ内に表示させる手段を探しています。
他の手段でも構いませんので、どなたかご教授いただけると助かります。
よろしくお願いします。。
幅を指定しても、パソコンだとＯＫなのですが、iPhoneだとダメで横長になっちゃうんです。。
モバイルサファリだっけ？
仕様を調べてみたらどう
そうなんすか。
趣味サイトの自分には、勉強になるっす！
ありがと！
なんてこった
慣性スクロールの為、画面から指を離しても、
しばらくの間、動いていますが、この動き終わった後の状態の
top/left を javascript で取得する術をご存じの方いませんか？
IE／Chrome／Firefox などでいう、offsetTop みたいな。
※iPhone実機(wi-fi接続)ならスマホサイトが表示されます。
これはどうやって偽装と判断しているのでしょう？
確認してみた？
iPhone4Sのユーザーエージェント
Mozilla/5.0 (iPhone; CPU iPhone OS 5_0 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9A334 Safari/7534.48.3
を使ったので、実機と同じなのです。。
アプリが勝手に文字列付け加えてることがあるよ
動作には問題ありませんが、絵的におかしいです。どうすれば良いでしょうか。
○ 質問に答えてくれる閲覧者がいる
まさに、ココ（2ch）
ボタン押して戻らないならその機種壊れてんだろ
メーカーに修理してもらえよ
それ以上はスマホの板で聞けよ
ブログなんかはスマホでみると綺麗にうつるのに、単に改行仕込んだだけだと変な部分で途切れていたり、
字が大き過ぎたりして見辛いです
動かせちゃうんだけど、これって無くすことできませんか？
よくよく見たら横スクロール出てたんで
overflow:hidden;で無理やり消した。ありがとう。
2chは最近過疎って来て、いまいちだよなあ、しかしこれといって代替の場所もないのかね
きみにぴったりのしつもんさいとがあるよ
http://chiebukuro.yahoo.co.jp/
元々携帯用に作成してあったサイト（PC閲覧不許可制限付き）を
制限解除して見れる様にしたのですが
Androidタブレット 3.X系で、標準ブラウザ使用時にバックキーで戻った際に
「Webページに問題が発生しました」と表示され。
ブラウザには「ページが表示できませんでした」の画面が表示されてしまいます。
この様な症状の対処法と言うのはありませんでしょうか？
違う違う。お前みたいなクソ虫に
誰か答えるかって話なんだって
JavaScriptでタッチもしくはクリックで次に進む実装にしているのですが
スマホではtouchendイベント、PCではclickイベントをトリガにせねばならず
今の所UAで分岐しているので、UA偽装したPCのclickイベントが取れずにハマっています
両方チェックすれば先には進むのですが、そうするとスマホで1演ﾌタッチが2回検出されてしまいます
偽装してくる奴のケアまでしなくて良いんじゃない？
numberだと数値以外入らない。というかiPhoneは数値になるけどAndroidは駄目。
何か参考になりそうなサイトか書籍をご存知の方がいたら教えてください。
スマソの立役者のAppleが公式サイトをスマタ用に最適化させないのもそういうことだと思う
そうそう、そこが悩ましいとこなんだよな。
見る人は、PC用のページが見たいんじゃなかろかと思うと、
スマホ最適化ページを作るのもどうなのかなと考える。
PCwebとのボーダレス化は各所で可能だろうけど、ディスプレイの大きさというハード面で如何ともし難い問題があるし
ユーザーも、基本的にモバイルに対してそこまでの期待はしてないと思うけどね
むしろ端末に見合った最適化を望むでしょ
自分としては素直に既存ガラケと同じカテゴリに位置づけちゃって欲しい
林檎もググルも
スマスマ
そのスマホサイトをPCで快適に見るためのスマホサイト用PCブラウザ用のスマホサイトを作れば完璧だな
document.ontouchstartがundefinedかどうかで、タッチデバイスかどうかがわかるらしいぞ
JavaScript切ってみて、PCサイトに飛ばされなければそれだな
orientation切り替え毎に表示倍率を初期値（100％）に戻したいのですが、調べてみてもイマイチ出てこないので・・・。
ちがう。すまない、ホモ以外は帰ってくれないか！の略だ。
iOSのsafariはアップロード不可／Androidの標準ブラウザはアップロード可能て理解で良いんでしょうか？
Androidの「アップロード可能」は個別の機種ごとに可能だったり不可能だったりするの？
androidの拡大禁止がうまくできません。
機種依存なんてあるんですか？
ヒント：ミンミンコロン
スマホは持ってないがね
user-scalable は （yes/no）で指定して、
末尾にセミコロンは付けない方が良いよ。
このスレは過疎ってるな
誰かスマホの仕事してないの？
・バブルなのはサイトよりもアプリ（境界はあいまいな部分もあるが）
・このスレでそれほど重要でもないネタしか出てこない
・質問があっても回答は量質共に芳しくない
・だから過疎る
・過疎ッてる技術すれに書き込む人は多くない
・余計過疎る のループ
スマホ持ってない
アプリ使ってない
アナル使ってない
floatするとその要素とされた要素の文字サイズが自動的に変更になりますよね。
文字が小さくなってしまって困ってます。
これを回避する方法はないでしょうか？
一応、ためしてみたのは、
#1 {
#1 {
float: left;
width: 100px;
}
#2 {
padding: 0 0 0 100px;
}
上記のようにpaddingを指定してやると、#2の文字サイズは自動調整されずに済みました。
これ以外の方法はありませんか？
事故解決
文字が小さくなる部分は自動アジャストを120%にして最初から大きく表示して差し引き0にした。
つぶやいてもええやん
アドセンス貼る方法を教えてください。
1万円で教えてやるけど？
<input type="text">に文字を入力させる際に
日本語IME(OpenWnn)が起動しないようにする実装方法ってある？
要は、半角英数だけ許容したい。
JavaScriptでjQueryプラグイン作って適用して、
とりあえず日本語IMEが起動しなければ
半角英数だけの入力制限はできるようになったんだけど、
どうしてもIME経由の入力ができちゃう。
とりあえず、入力させた後でチェックさせるって感じかね
ガラケーみたいな文字種限定は無理ってことで理解。
にしても半角文字列打つのめんどくせーな
キーボード付きの機種でテストしてるからまだ我慢できるが
Androidだと日本語IMEが立ち上がっちゃうのか
ここが参考になった
http://d.hatena.ne.jp/saladdays/20100906/1283770498
フィーチャーフォンみたいに入力時に文字種を限定するのは無理だな
やはり入力後にチェックだね
もし大幅に違うなら海外の顧客も軽視はできないので、いまのうちに
スマホ～iPhoneにさっさと乗り換えてしまおうかと思ったのですがどうでしょう。
Android/iPhone両方でイケる
海外展開も楽
スクロールバー作りたいって話なら答えは「出来る」
音楽というアプリとか、2chMateで設定->高速スクロールにチェックをいれたときに、
リストをスクロールしたときに右に現れる
┏───┐
｜ ▲ ｜
｜ Ξ ｜
｜ ▼ ｜
└───┘
こんな形の正方形のやつです
これをドラッグしたら高速にスクロールできるってものです
アプリ特有のUIなのかもしれませんが
jQueryMobile重くてAndroidでまともに動きません
残念ながら
twitterの公式で配布されてる埋め込みのソースをいれると、10px程度横に余りが出て横スクロールバーが出てしまいます
埋め込み箇所本体を小さめに指定（画面に対して半分くらい）してもそれでも同じだけあまるんですが、対策方法ありますでしょうか
ご教示くださいますようお願いします
twitterのコードに指定しても横スクロールはでるようです
解決しませんでした
Droid3でjQuery+jQueryMobile+ライブラリ数本
構成で動かしてるけど、実用レベルで動くよ
古い泥端末とかだと厳しいのかもしれんが
animate系はちょいちょい動作が引っかかるな
ST18iでのテストだからスペックは上のほうだろうし
無理でした
スマホってPC用のサイト見れるんだってな
俺の作業要らないじゃん！
流行の固定幅サイトがスマホに最適化されてない場合、
字が小さすぎて読めないとかそんな目にあう
ピンチして拡大しても横スクロールしまくらなくちゃいけなくなったりするし
あと、FLASHはiphoneじゃみれないとか
iframeやoverflowでできたスクロールバーが表示されないとか
とりあえず見れるのと快適に閲覧できるのは、似て非なるものだよ。
ろくに見られたもんじゃなかったしな
「我輩は猫である」「坊ちゃん」等、青空文庫の名作が無料で読める
iPhone対応アプリ sReader Lite (無料)
http://itunes.apple.com/jp/app/sreader-lite/id492514436
フォントがネックになったな
文字抽出して最低限のフォントを再構成すればCPUとディスクリソース食うし
全部入りはネットリソース食ってDLにも時間かかる
Selectタグを使ったプルダウンリストを
二つ並べて連動させてます。
プルダウン1を変更したらプルダウン2の
値が変わるというような。
そこで問題があって、iPhone4から
プルダウンリストを開くとドラム表示
されて、「前へ」「次へ」「完了」という
ボタンが使えるようになりました。
こいつがクセモノで、プルダウン1を
変更して「次へ」って押されると、
プルダウン2が再設定される前に
プルダウン2のドラムが開きます。
この「前へ」「次へ」ってボタン
消したり出来ないんですかね…？
それはどんな手法ですか？？
前へ次へを消せる？
それともｲﾍﾞﾝﾄを制御するんでしょうか？
質問厨でｽﾐﾏｾﾝ…
解決しました！！
ありがとうございます！！
助かりましたm(__)m
私のiPhoneとクライアントのiPhoneで表示が違うようで、話しが合わないので、
もしやと思いました。
モックアップ作って顧客と同じ環境で確認しないの？
こういういい加減なするところが多い気がする。
ひどいところだと、ユーザ認証があるスマホサイトなのに
セッション管理が入ってないとか。
ありえないわ。
ありがとうございます
確認してみます
>>247
ありがとうございます
今後気をつけます
スクロールできないことがわかった。
どうやって回避すんだこれ。
FRAMESETは無理じゃないですかね。
俺のXperia Arcだと公式のサンプルがカックカクというかまるでダメ。スライドやフェードで切り替わるやつとか。
だけど大抵の解説サイトは「スマホはjQuery Mobile使っとけ！終了」みたいな一文で閉めてる。こいつら本当に試してんのか？
絶好調で動いてる。
jQMに限らず、日本国内キャリアからキャリア固有の機能を追加されてる端末って
マーケットアプリでもトラブル多いよね。
スマートフォンでガラパゴス仕様やってるから、しょうがないのかもしれんが。
アプリ周りでトラブル出まくりの国内モデルを買う気がしない。
画面自体は切り替わるんだけど、フェードしようがスライドしようが
途中のアニメーションが一切ない状態。一気に次の画面に切り替わる。
つまり最後以外全部コマ落ちしてる状態なんだろう。バージョン上がっても改善しないな…。
前者はモバイル向けサイト作成、後者はモバイルアプリ作成って感じかね。
Sencha Touch、UIも全部JavaScriptで書くから、
リッチなUIを実現できるのはいいんだけど、デザインする人との分業ができないとか
細かいスタイル調整とかには向いてない気がする。
要素のIDが自動生成みたいだから、divとかをidで特定してDOM操作って厳しそう。
jQueryと併用できんのかねこれは。
ブラウザのアドレスバーを消すのに
scrollTo(0, 1);
がフレーム内だと効かないみたいなので
location.href = "#top";
とやってるんだけど、うまく効く時と効かない時があって、その原因がわからなくて困ってます
setTimeoutでタイミングをずらすと動いたりするんだけど、法則性がなくよくわからない
ページ読み込みは全部終わって以降呼び出すようにはしてます
誰か何かわからないでしょうか？
ふざけてんの？
つーか仕様ちゃんと統一しろや
端まで使うにはどうやればいいの？
jQueryユーザにはjqMobiオヌヌメ
http://www.jqmobi.com/
軽いよ
jQuery Mobileとは似て非なるものです
で、どうマーキングすればいいんだろ？
Sencha Touchで、jQueryのDOM操作使えるといいんだけどな
デフォルトのやつって、Android臭いというかjqmモロ出しで格好悪い。 ボタンとかもiOS風が良いよ。
当分の間は、必要な分を、一つ一つチェックしていくしかなさそう
もっとも、jQueryだってバージョンごとに異なる仕様もあるわけで
いずれにせよテストは必須か
>>269
お前の目の前にある便利な箱で検索して報告するか
iOS臭くてSiriモロ出しのオリジナルを作って晒せよ
そうすれば、
感謝されまくって、
はてブ付きまくって、
ツイートされまくって、
技術書執筆依頼来て、
ヘッドハンティングされて、
たらかくじに当りまくって、
一気に大金が入って、
野郎にモテまくって、
ウン付きまくって、
いいSiriしてんなｱｯｰ
SMSは電話番号を教えるという大きなリスクがありますし、
スマホにはiモードIDみたいなものはないですし、
ケータイのメールは簡単に変えられますし
モバゲーは電話番号で認証してるが、解約された電話番号は使い回されるため、運が悪いと新規登録できない問題あるみたい
テザってる場合もあるからPC避けにはなってない
wifi使ってるときはエラーが出るたびに回線切り替えたり面倒だよ
ついでなんで、もう一つ。PC のFirefox とスマホFirefox をSyncで
同期させたんですけどだからなんなのかがわかりません。
自分はてっきり例えばブックマークをスマホへコピーできたりするんだと、思っていました。
どなたかsync
どう書けばいいですか？
検索しても「パソコンで共有しよう」とかばっかりで
自分が公開してるカレンダーを、自分のサイトで取り込みできるアンカーかボタンを設置したいってことです
下のサイト、どうやって作ったか分かります？
shuttoで変換していることぐらいは分かるんですけど、上手くいかないんですよね
ttp://shutto.com/view.mobile/uEOqtmm
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
EUCでもShift-JISでも実際、観れますし、
言語でjapanese を指定してれば、無問題のようにも思えます
EUCやShift-JISである、デメリットってありますか？
EUC対応のCGIやログの文字コードの変更とか、面倒で.
自分で支障がなければ自由にすれば良い。
少なくとも、この先当分、日本国内端末で非対応になる事は無いはず。
ただ、インフラ面ではほぼ全てのアプリケーションがunicodeベースになってきているから
unicodeでコーディングしておくと、後々面倒がない。・・・かもしれない。
難しい漢字や外国文字が見られない・文字化けじゃまいか
うーん、どうしましょうか。
EUCベースでつくってまして、特に難しい漢字や外国文字で困ったことがありません
たとえば、ここ２ｃｈもShift-JISのままですし、UTF-8に表示するアプリもあるようですが。
どなたかIphoneやスマ用ブラウザの文字コード対応を明示したサイトってご存知でしょうか？
大騒ぎするほど既存のものを、UTF-8化する必要性が今一つ見いだせないです。
大勢に習うのが常とは言いつつも、何が大勢なのすら判らん。
iPhone5をもってしても微妙に重い。
画面遷移に関する機能も、なんかちゃんと遷移してるか
怪しいときがある。
スマホ向けの軽量HTML5+CSSテンプレートの決定版って無いもんかねぇ。。
jQueryじゃないと実現できない機能って何？
無理に使う必要あんのかと常々思ってるんだけど。
jQueryを使う価値はあると思う
素のJavaScriptであれこれやるには記述量が増えるし
スマホ向けなら軽量なjqMobi+独自CSSでいいんじゃね
jqMobiを使ってるんだ。
zepto.js と、どっちが生き残るかで迷ってるんだけど。
それともやっぱりサブセット（機能少ないとか）みたいになってる？
最初からUTF - 8にしておけば後々らくだよ。
やっぱ多少のデザイン性を考えると軽量なHTML5+CSSの方がいいみたい。
横スライドは魅力敵だけどちと動作が重い
勧めている奴は信用しない
IT系の記事でたまにあるよね
お勧め記事書く所は信用できないわ
テンプレートみたいなもん？
jqueryのセレクタとかそのまま使えた方が良いんだが、どうなんだろ
良いのがあれば教え炉ください
iOS6にしたらマップがチンカスに 「パチンコガンダム駅」「首相官邸に高校」「ラ」
Appleの「iOS 6」が公開された。新OSの目玉の1つは、Google Mapsを利用していた
従来のアプリに代わって新登場した地図アプリ。だが日本版では利用できない
機能もある上、肝心の地図の精度が低いと指摘されている。
JR新宿駅東口に「西口」？ 住宅街の真ん中に現れた謎の駅──新アプリの日本地図に、公共交通
機関のおかしな表示や日本語とハングルが一緒に現れる場所などが続々と見つかり、ネットではこうした
“日本珍百景”探しが始まっている。
現段階では、日本版では建物の3D表示や渋滞状況の表示などは利用できず、米国でも現段階では
「iOS 5からのダウングレードだ」という指摘がある。米GoogleはGoogle Mapsの
独自アプリ公開予定について明確に回答していないが、開発の可能性について含みを持たせている。
http://www.itmedia.co.jp/news/articles/1209/20/news034.html
・日本の地図なのに、ハングルや中国の簡体字
ttp://livedoor.blogimg.jp/iphonech/imgs/9/f/9f2ebefe-s.jpg
ttp://livedoor.blogimg.jp/iphonech/imgs/f/4/f4132a61-s.jpg
・首相官邸に高校
ttp://livedoor.blogimg.jp/iphonech/imgs/f/b/fbb8c8d9-s.jpg
・パチンコガンダム駅やマクドナルド駅
ttp://livedoor.blogimg.jp/iphonech/imgs/4/1/41c48e09-s.jpg
ttp://livedoor.blogimg.jp/iphonech/imgs/0/d/0d70aa70-s.jpg
・航空写真が白黒で終戦直後の写真みたい
ttp://livedoor.blogimg.jp/iphonech/imgs/1/b/1b56e4b5-s.jpg
・ラ
ttp://livedoor.blogimg.jp/iphonech/imgs/a/f/af3c7907-s.jpg
誰かいたらアドバイスたのむ。
俺スマホ持ってないんでこの↓エミュレータで画面確認しながら加工してるんだけど、
ttp://www.opera.com/developer/tools/mini/
設置済みのアドセンス広告がスマホエミュ画面では表示されないみたいなんよ。
これ、どうやったら表示されるのか知ってたら教えて欲しい
動作はともかく表示確認なら火狐のFireMobileSimulatorとかで見れば？
上記のサイトのエミュレータを使ってたんだが、やっぱ入れるかなぁ…。
っつーか、>>305に引用したサイトの「仕様」で
もともとアドセンスが表示されないようになってたりして？
72または96dpiで作って、
640pxに合わせて作るのでしょうか？
それか326dpiなどにして、
320pxで作るのでしょうか？
フッターを一番下に固定したいです。
CSSでposition:absolute;bottom:0;ですと、
デカい画面の端末では問題ないですが、
小さい画面だと、
最初に表示された最下部に固定され、
下にスクロールすると、
フッターも同時に上に上がっていってしまいます。
iPhoneとAndroid、共に標準ブラウザで、
ここに解釈の違いがあるのでしょうか？
DIV（wrapとしましょう）で200pxのブロックを作ったとします。
その中にDIV（AAAとします）50px 50pxのブロックを作ります。
wrapには背景画像をいれてるので、
それに合わせてAAAを50px下にずらします。
ここで問題。
AAAをmargin-topで50pxとすると、
wrapが50px下がってしまいます。
AAA的にはwrapに対しては0の状態。
wrapをpadding-top 50pxとすると、
AAAは50px下がりますが、
wrapの下の方に50px変に空間ができてしまうような状態になります。
これはなぜでしょうか？
cssの基本からやり直せ
スマホ以前の問題
>>311
OSバージョンと端末ごとでブラウザの実装に差がある
凝ったことを全てCSSでやるのは無謀
dpiの「i」の意味を勉強し直してから来い
> >>312
> cssの基本からやり直せ
> スマホ以前の問題
ブロック要素の中に入れたブロック要素に、
margin-topつけると、
子ブロック要素ではなく、
親ブロックにmargin-topがつくの当たり前なんですか？
初めのダンジョンのラスボスって感じですな。
css初心者スレで聞いた方がいい。
●ライブドアブログみたいにある程度ページを下にスクロールさせたら画面の右側にページトップに行ける上向き矢印のショートカット出てくる機能名は何というのでしょうか？
●ttp://cookpad.com/recipe/423764の｢マイフォルダ｣の様なサイト内だけで使えるお気に入り機能の名称と付け方は何を学べばいいでしょうか？
●共有ボタンをタップで共有可能な先一覧が開き、TwitterやGmail、Facebookなどが選べるが選べる機能を自分で作るには何を学べばいいでしょうか？
色々キーワードを変えたり、ニュアンスを変えたり組み合わせたりしつつググりましたが、結局解説のあるサイトや答えに行き当たりませんでした。
どなたかご存知の方、ご教示くださいませ。
今業者に頼んでるんですが、お気に入り機能と固定フッターで八万近くかかるって言われてまして、仕事も遅いし、時間があれば学校にでも通った方が良いんでしょうけど。途中から業者変えて依頼し直すのはあまり良くないですよね？
ユーザ登録とそのデータベースを使う事になるから、8万が高いとは言えない。
ユーザー登録系のサイトではなく完全にフリーで使える情報系のサイトなのですが、
例えば気に入ったゲーム機種の攻略ページを30件まで登録可能で、登録した機種はいつでも簡単に呼び出せるといったタイプのお気に入り機能です。
業者に訊いたときは｢JavaScriptを使ってるからユーザーが増えてもサーバーの要領を心配する必要はない｣との事でした。
それと固定フッターで80kならそんなもんじゃないかな
共有ボタンタップで開くというと、ModalとかTooltipとか？CSSとJSで行けると思う
デバイスによる見え方も違うでしょうし、中途半端な知識でやろうとして収集つかなくなっちゃうと元も子もないので今回はお金払って依頼する事にしました。
( 共有ボタンでも八万位って言われたんでそれは諦めました… )
お金かからなそうでも有料だと言われてしまう物もあるので、なるべくお金かけないように自力でできないものかとも思いましたが
やっぱりWeb作成してる皆さんは学校出てるのが基本なのでしょうか？
自分はせいぜいHTMLちょっとかじってcssも本で勉強し始めのレベルでして、
JavaScriptなんて全くふれてもいない状況です。
サイト内だけで使えるお気に入りならHTML5のローカルストレージ使うか、
単にCookieで処理してサーバー側で表示させるか
固定フッタはposition:fixed;で普通に表示されるかと
どちらも過去の端末なんて知ったこっちゃないって場合のみだけど
正直学校に通うほどのレベルのものでもないと思うけど、
自分で何とかできないなら金を払うしかないだろうなあ
業者に依頼している位なら、結構デカいサイトなんかな
もしサイト自体が自分の所有物じゃなくて会社で運営していたりするなら、
下手に自分でいじろうとしないほうがいいだろうね
ただ、業者は基本的にどうでもいいことでも金かかります
サイトが自分の所有物なら、できるところから（実験用に別サイトでもつくって）始めてみるのがいいかと
自分の場合は全くのド素人で初年度から専鯖借りて運営してたけど、
レンタル費用も委託費もバカにならなかったので、独学でプログラミングもサーバー構築も勉強したよ
パッケージインストールだけで金払ったりしてて、今から考えると本当にアホだったけど
ｈｔｔｐ:／／tinyurl. com/9w97424
返信遅れましたがアドバイス有り難うございます。励みになりました！
所有物なのでいきなり学校行く前にもう少し自分でやってみようと思います。
↓
告訴状を【検察の直告班】に郵便局の内容証明付で送付（疎明資料・証拠にはＩＣレコーダー、スマホによる録音が適しています）
↓
審査 → 不受理 → 告訴状再提出または刑法 第193条で訴えを起こす
↓
受理 → 告訴事実を認め示談交渉（↓） →示談成立 → 法廷相場50～100万円の示談金 ※示談拒否が良い
↓ ↓
事案化← 前科あり ←示談不成立（↓）→ 示談外交渉→ 犯罪者の年収半額×最大懲役年数の和解金支払い※推奨
↓ ↓
↓ 起訴 →公判 → 罰金刑＝前科（起訴事実を認めてるため）→追討ち民事訴訟
↓
審査 → 起訴（強制捜査・留置場）→ 公判 → 懲役刑などの厳罰（反省が認められないため）→追討ち民事訴訟
↓
不起訴、起訴猶予
↓
検察審査会法第３０条（検察審査会へ申し立て）→ 起訴 → 起訴後は同上
刑法 第193条（公務員職権濫用）で検察事務官を刑事告訴 → 同上
◎告訴→告訴受理→示談交渉→厳罰を求め示談不成立→示談外交渉→和解金支払い・和解契約（公正証書・即決和解で秘密保持契約）
◎偽装請負・出向・違法派遣事件では派遣・出向先両方の代表者、役員、現場責任者に告訴できます。
前科がついた犯罪者が法人の代表であれば公的な入札からの排除、取引先や顧客との契約解除など社会的制裁・批判に晒されることから辞職または解任が妥当、役員・社員であれば懲戒を想定。
◎事業者内部の加害関係者による刑事告発（刑事訴訟法239条1項）も可能です。
加害者本人、管理間接部門の社員が刑事告発に踏み切る場合も和解金による解決が妥当です。
注意：告訴が受理されない理由
●３年間（※）の時効が過ぎたもの ※違法派遣
●同一事実について過去に告訴取消しがあったもの
●関連する民事訴訟を有利に導く目的の場合
●証拠が希薄なもの ※被害者が契約時に違法派遣・偽装請負・多重派遣と知っていても刑事告訴は有効です。
人事原則
１ 現行法では、社員が仕事を怠けたり、能力不足、就業規則違反、目標を達成できなくても解雇をしたり叱責することは違法です。どんな駄目社員、嘘つき社員、怠け者も定年まで解雇が違法なのが現行の正社員制度です。
２ パワハラは社風にあわない社員、成績の振るわない社員を自主退職に追い込む言わば人事的措置として用いられることが多い。
※違法な解雇の和解金相場は、労働審判で３ヶ月、通常裁判で１年以上の報酬、さらに社員が和解を拒めば復職が可能です。弁護士への着手金は12～15万円＋20%の和解金、和解拒否なら20～50万円程度。
人事部・ホットライン・御用組合へ直訴
メリット： 一時的緩和や人事異動
デメリット： 役員へ情報筒抜け、危険分子の烙印（情報漏洩がホットライン直訴者に多いのは人事部の常識）、パワハラ放置で自主退職に追い込まれる
民事訴訟・調停・労働審判
メリット： 損害賠償
デメリット： 裁判費用、解雇措置、民事不介入で刑事事案化を阻止、長期係争、パワハラ上司の継続雇用
刑事告訴
メリット： １パワハラ上司の解雇・懲戒、または２多額の和解金、１と２どちらでも被害者の雇用は維持
デメリット： 人事異動（出世コースから外れる）
◎録音は一方の当事者が取る限り合法です。※加害者に録音の同意を求める必要はありません。
◎告訴受理後の和解金は加害者の資産・収入に応じて変えてください。犯罪者の昨年の年収の半額程度×最大懲役年数が妥当です。
◎パワハラの被害についての告訴は１侮辱罪２脅迫罪３強要罪４威力業務妨害罪５傷害罪の順序で行ってください。警察・検察の協力（犯罪者の自宅・職場の強制捜査、留置所勾留）により罪の立証が楽になります。
◎刑事告訴した社員を解雇したり処遇面で著しい差別を行うことはないでしょうが、出世や管理職以上の昇進の可能性はあきらめるべきでしょう。
◎刑事告訴は民事訴訟と違って裁判による被害者への2次被害にありません。検察庁が被害者に代わって訴えをおこすので、無料で、時間と手間も告訴状をかくことと音声録音を残すだけです。
◎和解契約（公正証書・即決和解）では告訴した事実は秘匿事項となります。犯罪者が秘密保持契約を違反した場合の損害賠償金は、最低5000万円～にしましょう。
色々さがしても似たようなのしかなくて。。チープに見えなくて、適度に手が掛かってるなって思わせられる物が希望です。
m(_ _)m
画像はなんかショボいなと思うんですが、現段階で提出されているイメージです。
すみません、貼り忘れました。
現段階の、というより「最終的にどうしたいのか」というイメージ（どこかのサイトのように、とか）がわからないと
アドバイスが難しいかと
トータルで見るとゴージャスって感じにはなるんじゃないかな
画像見る限り原色系が原因？とは思うけど
ジュエリー、ブライダル、デリヘル(w 系のサイト参考にしてみたら
よくある仕切り線の上半分が明るくて下半分が濃い色の仕切り線だったんですが、
明暗が極端だったんでもうちょっと変えてほしいとお願いしたらこの色になって帰ってきまして
どうしたら良いのか表現できない自分がわるいのですが、お金をかけてるしもう少し何とかならないものかと思ってます。
一度試作段階のデータ見せてもらったらHTML内のCSSという部分に幾つかjQuery mobileやjQueryがリンクされてました。
>>337
有り難うございます。ちょっとソレ系のサイト巡ってきます。
ちなみに、仕切り線の上方向が明るくて光が当たっている様に見えるのに、テキスト左上方向にshadowが出るというのは特に変ではないのでしょうか？
それともこういう｢見せ方｣なのでしょうか？
たぶん、具体的なイメージがないと業者も作りにくいと思うよ
iPhoneデザインアーカイブみたいなサイトをまわってみて、
しっくりくるデザインのものをいくつか挙げたほうがいい
このままだとjqmを少しいじった（しかも悪い方に）だけのショボいサイトになる
有り難うございます。今探しまくってます。
>>340
アドバイス有り難うございます。やっぱり少し変ですかね
ところでこういうプロのコーダーがjQuery mobile使うのって当たり前のことなんでしょうか？
結構払うのにjQuery使ってる様なのでなんかお手軽となぁって思っちゃいました。とはいえ自分には出来ないことですが…。
・自分には出来ないこと
これだけでも金を払う理由にはなると思う
あと、相手がプロならあなたの案件の条件（コンテンツとか運用とか）を考慮した上で
スマホ対応しない場合や一からスクラッチする場合等を天秤にかけて一番良い物を「判断」してくれてると思うよ
あとJQMをあなたの「案件に合う様に」カスタマイズしてくれてるはず
JQM使うかどうかがプロかどうかの境界なのは少しズレていると思う
上に挙げた「判断」「案件に合う様に」が出来てJQMを「適切に」使えるかどうかがプロと素人の境目だと思う
レス有難う御座います。はい、相手はコーダーをメインにやってる会社の人です。
素人の自分が勝手に色々心配しちゃいましたが安心感できました。有難う御座いました。
だったら発注する時に「ライブラリ使用は禁止」とか謳っとけ
jqueryとjqmobiって一緒に使えないのかな、あれ軽そうだから
jQMを持ち出した時点で「安いのでテンプレで処理します」と言っているのも同然だから、
体裁以外は期待しない方がいい。
>>347
なるほど、確かに安さに自信がある会社みたいです。イメージ通りになればいいんですが…
PC用のがあったらそっち見るんだけど、ときどきリンクがスマホ用になってて市ねと思うというチラ裏
それともmax-width？
-webkit-min-device-pixel-ratio
min--moz-device-pixel-ratio
jQuery MobileもJQTも重すぎる、カクカクどころじゃなく全く動かん
へーそんな感想もあるんだ。
今友達が経営してる店のサイトのスマホ版を作ろうとしてるんだけど
強制的に振り分けるかどうしようか迷ってるから参考になる。
3日ぐらい探したけど、そこそこ見た目良いのはjQuery Mobile使ったクソ重いのしか見つからん
http://www.kyodemo.net/sdemo/
今の端末だとjQuery Mobileもサクサクなんだろうか
UIのギミックが入るような処理をさせると
Androidは4.xでもけっこうもっさりするな。
iOSだとけっこう負荷の高いCSS3アニメーションでも快適に動く。
iOS6でマシになった可能性はあるが、持ってないからわからん
PC用サイトの簡易版って位置付けじゃダメなのかな？
けっこう重要な問題かも
WebViewで動く前提のゲームは、相当うまく作らないと
Androidだとスムーズに動かない
ご名答。ただのスマホサイトならアニメーションは要らん。
ブラウザゲーで使うんだよ。
アプリの形を取っていても、中身はブラウザゲーって案件多いし。
ブラウザゲーなんだよね
iPhone5だと快適だけど、Android4だともっさりもさもさ
特にSamsung GALAXY SⅢとか最悪
CSS3アニメーションにバグはあるし音まわりも微妙におかしい
GALAXYは日本人は使わないから
アホDoCoMoが売りまくったおかげで。
cssアニメーションで作り直しかなあ
出書きじゃないと2.3やアイホン4あたりでおもくなる
スマフォ対応の意味なくなるからな
マジレスすると。
自分でJavaScript書けってことか
不要なコードを最適化
表現としてのアニメーションシーケンスをすべてCSSの手書きで
実装するのは本当に骨が折れる。
簡単な表現なら、jQuery.animateで手軽に実装できるんだな。
そこそこ手間のかかるなCSSアニメーション作りたいなら
JavaScript手描きより、Sencha AnimatorとかAdobe Edge使うほうが楽だよ。
学校にでも行くべきかと思いましたが良いところもみつけられておらず、どうすればいいのか困ってます。
本
Androidだと横480pxなんていう仕様だけど
DIVの横並びボックス作って、
[画像][テキスト１][テキスト２]
なんて表示させたい場合のそれぞれのwidthは
iPhone5/Android共通でパーセント指定でやる？
それとも個別にスタイル用意してpxで指定する？
パーセントだと共通化できても厳密な横幅指定ができなさそうだし
個別にスタイル用意してpx指定すると、CSSファイルの保守が大変そう。
みんなどうやってんの？
http://mizunodesign.com/tips/iPhone-oboe.html
http://tech.hi-works.com/webcreative/markup/389
http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport-ja/
共通でやるなら％で精度は犠牲に。
厳密にやるならピクセルで保守性は犠牲に。
iPhone１つとっても、3G/3GS世代までと、4/4S以上とではサイズ違うし
Androidも同様。
オールマイティかつ高精度でメンテコストも低くなんていう
都合のいい解決策は無い。
Hｔｔｐ:／／qr. net/kh4y
＞>>4
＞スマホ用に最適化してあるサイトは最適化してないサイトと比べて明らかに違うよ
字が中途半端に大きくてパッと見た時の情報量が少なく、
画像を拡大しようとしてもズーム禁止の嫌がらせ付きなのがスマホサイトという印象。
何でズーム禁止したいのか調べてたら
どうやらiPhoneを横にしたら表示が拡大されるのを何とかしたいらしいんですけど、
iPhoneを横にするのは拡大したい時なんです。
老眼は黙ってろ
タッチしにくい文字って、どんだけ小さいのさｗｗ
ズームしなくてもいいようなテキストサイズで作られている。
指までパンパンの肥満アピールはもういいから。
自分で書いてるじゃん>>382で
＞iPhoneを横にしたら表示が拡大されるのを何とかしたいらしい
レイアウトが崩れるからだよ、低能老眼デブ
要はデザイナーのオナニーだろ
固定したメニューや広告エリアが崩れるとか、jsとの絡みでスクロールできなくなるとか。
タグ間に半角スペースがあると
それがレンダリングされちゃうのか。。。
<div>
<label>文字列</label>
<input type="text"/>
</div>
みたいに書いておくと、インデント部分の半角スペースの有無で
レンダリングが変わる。
＞>>384
＞老眼は黙ってろ
スマホサイトへの最適化要望は高くない？
http://web-tan.forum.impressrd.jp/e/2013/02/22/14591
若い人はスマホサイトなんかいらないという。。。
最適化必要か必要じゃないかが半々か
ま、一番ウザいのは追尾広告だけどな
３カラムとかのページをスマホで閲覧してくださいとか何の罰ゲーム
なんでわざわざこちらが拡大とかスクロールして読まなきゃならないんだ、バカが
そんなサイト開いた瞬間に戻るボタン押すわ、カスが
それ以外の一般サイトだと余程そこのサイトの情報じゃないといけない訳でも無い限りは見やすいとこから探してしまう
外でスマホいじってるだいたいの人は地図、路線などの調べ事かアプリで遊んでね？
スマホ対応に乗り遅れた業者なの？ｗｗ
スマホの画面サイズってそれ、サイトがスマホ対応してるか非対応かは関係ないだろ
だいたい文字の大きさも決まってるから文字大きすぎるせいで一画面の情報量少ないサイトも見たことないし
毎日更新するようなサイトはともかく、通常の企業サイトは対応しなくても良いと思うけどね
ログインの必要があるサイトじゃなきゃスマホ対応してなくても別に良いと思う
面白い基準だね
もう分かったから
おまえの会社じゃスマホサイトに対応しなくていいじゃん
こんなとこで吼えても世の流れに何ら影響しねーから
で、お前のスマホ対応サイトはスマホからのアクセス数はPCからのアクセスと比較してどんなもんなん？
特に、左右にスクロールするとか、明示的にズームしないと
見られないとかだと、だんだんアクセスしなくなる。
上下スクロールのみで、それなりに見やすい文字サイズってのが
普遍的ではなかろうか。
いや、俺がその主張してるわけじゃないぞ。対応してるに越したことはない。
色々だろうけどログインして色々履歴見たり検索して情報をみる様なサイトは極力スマホ対応しててほしい。
まあ対応しなきゃ機会損失するのは当人なんだし関係ないわなｗｗ
タブレット買い与えたら、ネットブックもPCも立ちあげなくなって
すべてのネット閲覧をタブレットだけでやるようになってる
何が言いたいのかさっぱりわからん
ページ内で動画再生させてるんだけど
これどうやってるか分かる人いない？
めっちゃ難読化とかされてるの？
videoタグはhtml5だけど、動画の再生は10年前でも普通に出来たじゃん。
個々の問題はプラグインの問題であって
動画=Flashじゃないし、動画の再生自体は簡単なことだよ。
単なるvideoタグでどうやってiphoneのsafariで「ページ内再生」するの？
ごめん、インラインで再生出来ないのにどうやって？という事なのか
あれvideoじゃなくてgifじゃないかな
何でもいんじゃね
おまえが見やすい見にくいなんて知らねえっつーの
ほとんどの人はゲームかメールだろ
ズームしなくていい、横スクロールもしなくていいスマホサイトの方がみやすいよ
技術も金もないから目を背けたくなるんだろうけど
http://minatokobe.com/wp/wp-content/uploads/2012/07/IMG_3115a.jpg
こういう表示が出て標準だと5MBくらいのものを10MBまで増やせるようなんだけど
アクセスしたときも、出たと思う。
http://news.mynavi.jp/articles/2013/06/03/iphone_why67/index.html
このサイトにも
>Safariではローカルストレージの上限は5MBと初期設定していますが、
>ユーザの許可があればWebサイトごとにより多くの容量を設けることが可能です
と書いてあるんだけど、ユーザへの許可の求め方が
ぐぐってもよくわからんのです。
そうなるとローカルストレージやキャッシュの挙動が、正確にはどうなるのか
イマイチわからん
どこかに情報まとめてるサイトないかな
おすすめありますか
ページを変移させたいです。
aリンクをlocation.hrefで移動させると、
ググったら出てきたのですが、
Safariが起動してそっちで開いてしまいます。
どうしたら良いのでしょうか？
直にスクリプト書けばできました。
サンプルHTMLってどこかにありませんか？
スプラッシュ画面(apple-touch-startup-image属性)って使えますか？
自分のiPhone5sだと表示されないのですが。
俺も教えて欲しいです。
iOS6以前の段階で「ホーム画面上に～」で保存していたものは、
iOS7 Safariでもできるけど、
iOS7で作ろうとするとダメなんですよね。
そもそもapple-touch-startup-imageが廃止されたのかな？
モーダルダイアログ出すのに使ってるんだけど。
使うとどんな問題が出るの？
今はとりあえずヘッダで使ってるけど。
viewport定義とか、古めのiOSとかAndroidのバージョンに
よってはいろいろ問題が出るみたい。
http://html-five.jp/38/
http://www.atmarkit.co.jp/ait/articles/1304/02/news020_2.html
http://blog.webcreativepark.net/2011/12/07-052517.html
http://www.slideshare.net/maboroshi_inc/slide-26158942
このへん見てたんだけど。
古いOSはサポート外ってことにできれば、いいんだけどねぇ。
スマホサイトなんていらないと思いますｗｗｗｗｗｗｗｗｗｗ
スマホサイトなんていらないと思いますｗｗｗｗｗｗｗｗｗｗ
スマホサイトなんていらないと思いますｗｗｗｗｗｗｗｗｗｗ
スマホサイトなんていらないと思いますｗｗｗｗｗｗｗｗｗｗ
その中で、3つのブロックがあります。
一つ目一番上は、
高さはデバイスの高さ応じて伸縮させたい。A1
二つ目は高さ固定のブロック。B1
三つ目はフッター。C1
CSSで親をHeight 100%
position relative
A1をheight:100%
B1をheight 100px
C1をheight 40px
position absolute
こうすると、
A1がなくなってしまい、B1が0pxまで上がってしまいます。※A1をpx指定すればできる。
A1を伸縮対応にするにはどうしたら良いでしょうか？
レスポンシブのcssテンプレを買ったら、おそらくiPad用だが768pxでタブレット画面になるようになってた
これだと旧Nexus7なんかの720pxの端末がスマホ用になって、左右が余っちゃう
これってどういう風に対応するのがスタンダードなんですか？
しかし今度は余るより大きな弊害が出そうだがｗ
伸縮させたいのに100%？
てか親が100%なんだからA1自体いならくないか？
てかスマホサイト云々よりもcss自体わかってないよね。
pos,absoluteは位置指定しないと親の左上にいくんだから全部重なるでしょ？
で、zindex指定してないんだからソースの順番通りに重なってく。
A1は見えなくなってる訳じゃないてしたにあるから背景色変えて確認してみ。
www.aaa.com/sm スマホ用
htaccessで振り分けさせています。
これだとiPhoneのWebクリップが適用されないです。
絶対パスにしてもだめです。
どうしたら良いのでしょうか？
PC用の階層にファイルを入れればできました。
スプラッシュスクリーンについて質問です。
iPhone5/5sではできているのですが、
4/4sでは真っ白になってしまいます。
画像サイズは
5用が640x1096px
4用が640x920pxです。
5と4で何かやり方が違うのでしょうか？
webアプリとして作成してないから見当違いだったら申し訳ないんだけど、
メディアクエリは正しく設定してあるの？
多分画像サイズだけ書かれても、答えようがないと思うよ
具体的にどう設定しているのかがわかれば、他の人もテストしたりアドバイスしやすいかと
スマホサイトなんかいらねーって言ってるだろ？ｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ
スマホサイトなんかいらねーって言ってるだろ？ｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ
スマホサイトなんかいらねーって言ってるだろ？ｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ
スマホサイトなんかいらねーって言ってるだろ？ｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ
<link href="startup.png" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image">
<link rel="apple-touch-startup-image" sizes="640x1096" href="startup5.png">
iPhone 5/5sではmediaを書かなくてもできてます。
色々変えて試してみたけど、その書き方だと4/4Sの場合は後の方も読み込まれるね
メディアクエリで指定されたものの後に、当てはまるものがまた書かれているので、不思議な挙動とはいえないかも
とりあえず以下のように修正したら、4Sでは最初の画像をスプラッシュスクリーンで表示できたよ
5/5Sは持ってないので確認してません
<link rel="apple-touch-startup-image" href="startup4.png" media="only screen and (-webkit-device-pixel-ratio: 2) and (device-height: 480px)">
<link rel="apple-touch-startup-image" href="startup5.png" media="only screen and (-webkit-device-pixel-ratio: 2) and (device-height: 568px)">
<body>にheight設定しないとheightの％指定は効かないよ
今日クライアントにに「スマホから見ている人が、電話番号をクリックしたら、そのまま電話を掛けれるような物を作ってほしい」
と要望されたのですが、スマホサイトってそんな事できるんですか？
もし外注で作ったら幾らくらいかかるものでしょうか？
普通にページ作れる誰でも出来るものだから、外注なんてする必要ない
個人的にはお勧めしないけど、jQuery mobileとか使ってもいいんじゃないかな
つか、何も手を加えないのならば、
たいていOSの機能で電話リンクになってくれる。
http://www.fivestars-online.jp/ 即日融資⇒圏外
http://www.socococo.jp/ 薄毛⇒圏外
http://www.dqmj.jp/ にんにく⇒圏外、にんにくサプリ⇒圏外
http://www.enpara.jp/ 太陽光発電⇒圏外
http://www.kome-ciao.jp/ ウォーターサーバー⇒圏外、ウォーターサーバー比較⇒圏外
http://www.kashilog.jp/ 美顔器⇒圏外
http://www.partyisover.jp/ 太陽光発電⇒圏外
http://www.welcome-movie.jp/ 浄水器⇒圏外
http://www.azumi2.jp/ 口臭⇒圏外
http://www.cuca.jp/ ダイエットサプリメント⇒圏外
http://www.hancock-news.jp/ 快眠⇒圏外
http://www.rakuten.co.jp/yumeiro/ 退職祝い⇒圏外
http://best21.org/ 有機野菜⇒圏外
http://hirano-shinbi.com/ 東京 審美歯科⇒98位
http://tattoo-removal00.info/ タトゥー除去 仙台⇒圏外
http://www.jinmyouji-nokotsudo.jp/ 納骨堂⇒圏外 永代供養東京⇒圏外
SEO対策無双被害者の会
<a href="tel:123456789">電話をかける</a>
これで桶
firefoxで見ると悲惨なことになってるかも
やっぱり画像は避けた方がいいんかな？
ＰＣ版は構成上画像ばかりだｗちなみに高級ペライチ
今やCSSでかなりの表現ができるぞ。
ペライチは上司の好みｗ正直あんまり好きじゃないｗ
http://anago.2ch.net/test/read.cgi/bizplus/1390796991/
http://webblogsakusei.main.jp/smartphone-site-seisaku-design-soft-android-iphone.html
windowsのfirefox、ie、safariではちゃんと真ん中に表示されますが
iphoneで表示させると文字が下にずれてしまいます
フォントはHiragino Kaku Gothic ProNです
小さな文字だと目立たないんですがフォントサイズが50pxなのでかなりずれてしまいます
iphone側のみ微調整する方法を教えてください
縮小して表示されます。
なぜか背景画像だけ他のものよりも小さく表示されます。
どうしたら背景画像も他のと同じ縮小率になるでしょうか？
腑に落ちない値になるのだけど理由を知ってる方、教えていただけますか？
取得した値は
innerWidthが320px
outerWidthが480px
innerHeightが251px
outerHeightが454px でした
viewportの指定はwidth、heightともにdevice-width、device-heightです
screen.width、screenheightはそれぞれ480px、800pxを取得しています
iPhone実機・シミュレータ、WindowsPhoneシミュレータでは妥当な値が出ています
ボタンをタップすると上下にメニューバーが出てしまうのですが、
出ないようにできないでしょうか？
ボタン以外の部分をタップしたときはメニューバーが出てかまわないのですが。。。
http://toro.2ch.net/test/read.cgi/hp/1299500455/
NHK質問操縦状回答問題
NHK質問操縦状回答問題
ページ上で動画を再生できるWebページを作りました。
iPhone上で再生すると自動的にフルスクリーンになってしまいます。
フルスクリーンにはならないで、ページ上でそのまま動画が再生されてほしいです。
iPad上では、フルスクリーンにならずページ上でそのまま動画が再生されます。
このような挙動にしたいのです。
アプリ上ではwebkit-playsinline
のような属性をつけると、勝手にフルスクリーンにならないような制御が出来るようですが、
標準のブラウザSafari上でフルスクリーンにならないようにするにはどうすればいいのでしょうか？
スマホでＰＣサイトみれば済むのに、
わざわざスマホサイトつくるなんてバカみたい。
スマホサイトとか関係なく、そんなの今どき小学生だって知ってるから。
wwwww
モバイル版←PCからガラケーまで全部で見れるようにする
こうしておけばスマホサイトは無くても問題ないでしょ
ガラケーなんて考慮しなくていいだろ
生産終了したんだし
スマホでPCサイトを見れば十分だということ？
スマホユーザー側がどっちも選べる状態が一番ベストに思う
ホームページの横幅が800pxなら下のメタタグを追加するだけ
<meta name="viewport" content="width=800">
これでスマホやタブレットの画面いっぱいにホームページが表示されるよ
そこはスマホの画面に合わせるのではないの？
使っている人、便利かどうか教えて
スマホやタブレットの画面もいろいろあるから
複雑なことしても完璧に対応するのは困難だし
横幅を指定してしまうのが一番簡単でしょ
<html>
</html>
</iframe>
これだとiframe内のhtml部分で
overflow:scroll:;
-webkit-overflow-scrolling:touch;
ってやるとスムーズスクロールできるけど
<iframe src="iframe">
<iframe src="html">
<html>
</html>
</iframe>
</iframe>
ってiframeを二重にしてhtmlに-webkit-overflow-scrolling:touch;を追加するとスクロールすら出来なくなる
これ本当によくわからないんだけどなんで？ 👀
Rock54: Caution(BBR-MD5:0be15ced7fbdb9fdb4d0ce1929c1b82f)
width=device-widthにしとけば勝手に合わせてくれると思うんだが
スマホ用に作ってないページをとりあえずスマホで表示させるために800にしてんじゃないの？
？
800pxだと指定してもしなくてもあまり変わらんような気がする(スマホでの見やすさ)
タブレットならそれで良いのかもしれないけど
それだと端末の標準pxで表示されるからページの横がはみ出たり足りなかったりするはず
>>510
なにも指定しないと勝手に横幅980pxで表示されて横に余白ができるよ
最初からスマホ専用に作ってるサイトならGoogleさんもdevice-widthを推奨してますしおすし
↓
bloggerのモバイルテンプレonにしてスマホ対応一撃必殺。
mobileフラグを調整してスマホ対応サイト特有の貧弱コンテンツ問題も解決。
twitter等各種SNSアプリからのジャンプを想定してURLこまめに流す。
Googleのモバイルフレンドリー合格。
しばらくこのGoogle謹製システム依存でいいや。
jqueryとかも重いんだもん。
ちなスマホアクセス60割って感じ。
AdSenseはほぼスマホからっぽい。
6割、もしくは60%ねorz
ほとんどブログとして機能してないから。
日付はつけてるけど。
CSSはHEADに直接記述してんの？
満点は厳しいだろう。
CSSもJavascriptも外部化。
圧倒的に管理しやすいから。
javascriptはasyncかdeferしてる？
それともbody閉じる直前？
あとガラケー用のサイトがあるなら320px指定しておけばスマホでも見やすくなるよ
<meta name="viewport" content="width=320">
＞最初からスマホ専用に作ってるサイトならGoogleさんもdevice-widthを推奨
横幅固定じゃないページで試したけどこれでも問題ないようだね
それにモバイルフレンドリーテストの点数が上がるのが良い感じ
総務省の『憲法改正国民投票法』、でググってみてください。
日本国民の皆様方、2016年7月の『第24回 参議院選挙』で、日本人の悲願である
改憲の成就が決まります。皆様方、必ず投票に自ら足を運んでください。お願い致します。
稲城市立向陽台小学生時代少女突然大声を出したり、泣き出す事があった
感情の起伏が激しく、変人としてクラスで浮いた
警察は、女子生徒が今は.ふぇら名人桐光学園中学中学生【しまnざき結子】の家庭環境
父=嶋●慎太郎（近○相姦←結子と）兄(嶋●亮（りょう）介(東京電機大学中学校うわさ万引少年)は
小人病を苦にメガネ鈴木と自殺。
しまnざき結子の(稲城市立向陽台小学校うわさ 万引 とぐぐれば顔！）
src="相手サイトの画像URL"
だとサイズを%に指定してもレスポンシブにならない
自分の鯖の方に上げずに、相手のサイトから画像を引っ張ってくる方法でレスポンシブ化ってできないかな？
※常識的に事実でなければこの様な内容は書けません！
極悪人、押川定和の被害にご注意下さい。
我々は水戸のサポーターや関係者で押川定和の悪事の被害者を中心に集った団体だ。８割ぐらいはメインスタンドで観戦している。
押川定和は
『ゴール裏で戦う会』
のリーダーで元鹿島サポーター。
SNSで数千もの架空アカウントを作り水戸の関係者の情報を盗み出し個人のSNSを炎上させるなど攻撃を仕掛ける。
SNSで限界になると人を利用して情報を盗み出す。その人がその後どうなろうがお構い無しの使い捨て。押川に誰が騙されて巻き込まれるか分かりません。
皆さん注意して下さい。
Twitter、Facebook、mixi、超水戸、ニコニコ動画など可能な範囲で全てで悪行を行っている。
『悪行の事実を突き付けると全てを自演や同一扱いで煙に巻こうとする。』
悪行が事実の為、表舞台には出れないが２ちゃんねるで反応はする。
水戸の関係者になりすまして未だに水戸スレに書き込み続けている。
現在は悪事が公に広まり鹿島には行けなくなる。しかしながな水戸への悪行は続行中。
押川定和の悪事は犯罪の領域に達している。
押川は現在、悪事が公に広まり鹿島には行けなくなる。しかしながな水戸への悪行は続行中。
勤め先・株式会社ＷＥＩＣ(ウェイク)104-0053
東京都中央区3-1
http://www.ntt.com/bizhosting-basic/data/case2_1.html
Web SQLで作ったデータってアプリのパッケージを作るときにあらかじめ保存できますか
ttps://www.central.co.jp/
このサイトはダイナミックサービングでスマホに対応してるとのことですが、
一体どうやってPCとスマホを認知・表示分けしているのでしょうか？
また、レスポンシブデザインと比べてダイナミックサービングを採用するメリットって何でしょうか？
⇒ http://asaswq3wq.sblo.jp/article/181819223.html
興味がある人だけ見てください。
7P2MR75OKK
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい 鎌野介メソッド』
ELC3Z
ライバルが作成中のサイトですが、どー思う？
率直な感想求む！
ライバルって誰よ？なんのライバルよ。
お前はライバル視してるみたいだが、お前みたいな格下のカス野郎をライバルに見ることは出来ん。むしろコメントしてやってるだけ感謝して欲しいものだ。
ますデザインがハズい。
構成・記述は完全に素人のお遊びレベルだな。
AndroidでPWAを作る時スプラッシュ画面も作れますよね。
このスプラッシュ画面の画像サイズの大きさって変えられるんでしょうか？
画像検索かけると2,3通りありますが、メーカーによるみたいな感じでしょうか？
実際にスプラッシュ画面を作ると、
周囲が一回りトリミングされて内容が中途半端にカットされる状態です。
512px(正方形)で作ろうが2048pxで作ろうが変わりません。
これが仕様なのでしょうか？
レスを投稿する
ニュース
- 【文春】社員に向かって「意外とお腹太ってるね」いなば食品の女帝・稲葉優子会長（54）の“嫌がらせ”肉声《独占入手》 [Ailuropoda melanoleuca★]
- 【栃木】「自分が事件に関係しているかも」 那須町で焼けた2人の遺体…出頭した20代の男性との接点は？「闇バイトの可能性」指摘 [ぐれ★]
- 【野球】セ･リーグ T 2x-1 G [4/18] 阪神3連勝！延長10回佐藤輝明サヨナラタイムリー！ 巨人・大勢失点 [鉄チーズ烏★]
- コロナワクチン接種後死亡 遺族ら13人が国を集団提訴 約9150万円の賠償を求める「マイナス情報を広報せず、被害を広げた」 ★4 [Hitzeschleier★]
- 宮迫博之、粗品から“あいつ呼び”＆「あんなもん先輩ちゃう」とディスられた件に言及「はっきり言うと…」 [muffin★]
- 【Googleマップ】「グーグルマップの悪評放置で不利益」医師ら６３人が提訴…情報書き換えや誹謗中傷の被害も [ぐれ★]
- 【実況】博衣こよりのえちえちCities:Skylines2🧪★1
- 【実況】博衣こよりのえちえちCities:Skylines2🧪★2
- 【実況】博衣こよりのえちえちCities:Skylines2🧪★3
- 【悲報】親ガチャ外れ風呂、Ｘ．ｃｏｍでバズってしまう… [207516352]
- 【朗報】ヴィーガンに気軽にヴィーガンいない
- アメリカZ世代「資本主義ってゴミじゃね？」Z世代の嫌儲化が深刻WXWXWXWXWXWXXWXW [389296376]