グループ管理者

  • アバター画像

iPhone+Android スマートフォンサイト制作入門

公開グループ 9 か月と 1 週間前に活動

たにぐちまことの『iPhone+Androidスマートフォンサイト制作入門』のサポートフォーラムです。

本誌の内容を始め、スマートフォンサイト制作に関するご質問などお気軽にどうぞ。

Amazonで購入する

  • たにぐち まこと がフォーラムトピック「[TIPS] Androidのページ内リンクの注意点」を開始しました (グループ アバターiPhone+Android スマートフォンサイト制作入門):   9 か月と 1 週間前 · 表示

    ページ内リンクを張る場合、通常はid属性などを付加した要素に「#xxx」という形でリンクを張ります。しかし、Androidの一部の端末ではこの時にURLが変化して「http://example.com/#xxx」といった形になってしまう上、それ以上タップをしてもページリンクが機能しなくなってしまいます。

    そのため、基本的にAndroidではページ内リンクを使わずに、折りたたみの仕組みなどを使って同じような機能を再現するか、「ページの先頭へ」の機能の場合は、代わりに、次のスクリプトで対応します。

    window.scrollTo(0, 0);

    これでページの先頭に移動します。

  • 徳永佳明アバターiPhone+Android スマートフォンサイト制作入門 グループに加わりました   1 年前 · 表示

  • 徳永佳明 は会議室の話題 簡単な質問アバターiPhone+Android スマートフォンサイト制作入門 グループに投稿しました:   1 年前 · 表示

    ウェブの連載はひととおり読んでいたのですが、マカロン本は参照しやすいので助かっています!(紙が軽量なのがポイント高いです)

    ところで、P.123に、mailto:でサブジェクトや本文に日本語を使う場合「URLエンコーディングが必要」と書いてありますが、iPod touch(最新)やAndroid端末(2.2)でチェックする限り、URLエンコーディングなしで直接日本語を書いても通るようです。
    (私の場合、ソースはEUCで書いています。そのため、URLエンコーディングする場合はかえっていったんUTF-8に変換しないとうまくいきません。)

    また、昨年11月に出た「HTML5+CSS3で作る 魅せるiPhoneサイト」という本においてもmailto:の説明部分ではURLエンコーディングなしで直に日本語を記述しています(P.138)。

    古いバージョンのOSではURLエンコーディングしておかないと通らないといったようなことがあるのでしょうか?

    • アバター画像

      こちらは、たしかに「必要」というよりは「好ましい」といった程度かもしれませんね。
      基本的には、日本語直書きでもうまいことブラウザ側が処理をしてくれるので問題がないのですが、特定の記号などで暴走する可能性は否めず、Webの仕様から言っても理想としてはURLエンコードをされたほうがよいかと思います。

      ご参考になさってくださいませ。投稿ありがとうございました!

      • アバター画像
        徳永佳明 · 1 年前

        なるほど、確かに直書きはブラウザの親切仕様に甘えた感がありますね。GETで直接日本語を渡しちゃうような…
        どうもありがとうございました!

  • yuri itoアバターiPhone+Android スマートフォンサイト制作入門 グループに加わりました   1 年と 2 か月前 · 表示

  • okazaki mar posted an update in the group アバターiPhone+Android スマートフォンサイト制作入門:   1 年と 2 か月前 · 表示

    cssnite redux,vol4 とても勉強になりました!! Webコーダーとして頑張っている者です。
    2点質問があります。
    ・制作費用について。 iphone専用サイト(ページ数は20から30)を制作する場合、どのくらいの予算が必要でしょうか。
    だいたいの相場を教えて頂けると幸いです。

    ・iphone3GでもHTML5とCSS3は使えるのでしょうか。 iosが最新なら大丈夫って感じでしょうか。

    つたない質問で恐縮です。
    宜しくお願い致します。

    • アバター画像
      たにぐち まこと · 1 年と 2 か月前

      ご参加ありがとうございました! ご質問ありがとうございます。

      ・制作費用について

      これは非常に難しい質問です。むしろ私も未だに分かっていないというのが正直なところです。

      ただひとつ言えることは、画面の大きさと金額は比例しないということで、
      画面が小さいからと言って、デザインの手間・構築の手間はPCより小さいというわけではありません。
      むしろ、そのデザインの手間に加えて、JSで動きを出したりといったことも考慮すれば、
      同じ1ページでも PCより高くなることもあり得るかと思います。

      予算としていくらとは言いにくいところがありますが、少なくとも 20ページ超であれば
      数十万から100万円の単位でのご予算は準備する必要があるかもしれませんねー。

      ・iPhone 3Gでの HTML5/CSS3

      こちらは、おっしゃるとおり iOS、もっと言えば Safariのバージョンに依存しますので、端末で何かにかかわらず利用することができます。

      ただ、イベントでもお話ししたとおり「border-radius」プロパティが iPhone OS 3.2以前ではサポートされておらず、「-webkit-border-radius」と記述する必要があるなど、細かくサポートが異なっているので、CSS3をふんだんに使ったサイトの場合は、必ず古いブラウザでも確認する必要があります。

      お気を付け下さいませ!

  • okazaki marアバターiPhone+Android スマートフォンサイト制作入門 グループに加わりました   1 年と 2 か月前 · 表示

  • たにぐち まこと posted an update in the group アバターiPhone+Android スマートフォンサイト制作入門:   1 年と 2 か月前 · 表示

    フォーラムを開設いたしました。一応、トピックとしても簡単な質問トピックを作りましたが、運用自体は適当なので新しくトピックを立てていただいたり、自由に使っていただいて構いません。お気軽にどうぞ。

  • たにぐち まこと started the forum topic 簡単な質問 in the group アバターiPhone+Android スマートフォンサイト制作入門:   1 年と 2 か月前 · 表示

    簡単な質問はこちらにどうぞ

  • たにぐち まことアバターiPhone+Android スマートフォンサイト制作入門 グループを作成しました   1 年と 2 か月前 · 表示