質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

91.23%

  • JavaScript

    11811questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • teratail

    371questions

    teratail(テラテイル)は、プログラミングに特化した日本語Q&Aサイトです。

今後、どのブラウザを主体にウェブ制作を進めればいいか?

解決済

回答 9

投稿

  • 評価
  • クリップ 4
  • VIEW 590

skpro

score 16

現在、ウェブの課題を進めていまして、気になる事が…
指示者には、IE11で作るように言われていますが、IE11はstart関数でエラーが出るという問題があるので、これから廃れていくブラウザではないかと思われます。
それには合わせて作るのも何か矛盾していると思うのです。
これかから主流になるブラウザに合わせて作るべきかと思うのですが、どのブラウザを主体にすればいいでしょうか?
スマホのブラウザを含めての事です。
よろしくお願いします。
これからは、スマホ用のブラウザも視野に入れてやらないといけなくなるのでしょうか?
よろしくお願いします。
あと、ついでに質問なのですが、ここでは実際にプログラミングのコードを書いて質問しないと低評価がつくのでしょうか?
コードを書かなくてもそれに関連した質問はたくさんあると思うのです。
低評価をになることが多いのでどうかなと思い質問しました。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 9

+18

GoogleやYahoo! JAPAN等の著名なサイトの方針が参考になると思います。

微妙な違いがありますが、概ね次のようになっています(PCとスマホ両方で使用できるブラウザは両方でサポートです)。

  • Microsoft Edge
  • Mozilla Firefox (最新)
  • Google Chrome (最新)
  • Safari (サポートされているmacOSやiOSで動作するバージョン)
  • Internet Explore 11 (10以下は未サポート)

原則として、それぞれ自動アップデートした最新であることを前提としています。サポート切れのブラウザは対象としません。サポート切れのOSでしか動作しないブラウザもサポートしません。ただし、アップデートの猶予期間として、一つ前のバージョンもサポートしている場合もあります。IE11やバージョンが古い場合は一部の機能が使えないという制限を設ける場合もあります。

その他、注意事項としては

  • Androidのネイティブブラウザー(旧AdroidにあったChromeではないブラウザー)はGoogleですら捨てていますが、まだサポートしているサイトもあります。Chromeを入れることが出来ないぐらい古いAndroidは脆弱性が修正されない危険なクライアントの可能性があるため、そもそもアクセスさせない方が良いという考えもあります。
  • ガラケのブラウザは無視しているサイトが多いです。
  • Flashは2020年に終了が予定されているため使用すべきではありません。
  • Operaを明記しているところが少ないですが、最新のOperaはレンダリングエンジンにChromeのエンジンを利用しているため、Chromeに対応すればOperaもうまくいくことが多いです。
  • CookieとJavaScriptは有効であることを前提にしているサイトが多いです。
  • 最先端を行く企業が提供するサイトでは、古いバージョンに対応することよりも新しいバージョンに一早く対応することの方が重視されています。ベータ版の内に確認し、問題があれば正式リリース前に対応するようになっています。ブラウザやOSは自動アップデートされることが当たり前になっているため、ある日突然サイトが見えなくなると言うだけで、そのサイトは保守されていない、サービスの質が悪い、企業の技術力が低い、という印象を与えて顧客を失うことになります。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

checkベストアンサー

+6

IE11 で作れと言うのは IE11 までの後方互換性を保てと言うことであって最新ブラウザに対応するなということではないはずです。

最新機能は使わなくていいから多くの人が見ることのできるサイトを作りたいと言うのが上の願いであるならば、こんなところで人の意見に左右されて勝手なことをしてはいけません。
どうしても IE11 を除外したいのであればきちんと指示者と話し合ってください。

IE11 が廃れていくので対応したくないと仰いますが、廃れるのは未来です。現在はまだバリバリ現役で使われています。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

+5

基本的に、どのブラウザまで面倒みなくてはならないかは、アクセスしてくる方がどのブラウザを使用しているか?によります。

例えば、古いタイプのブラウザが残る業界(金融系とか)を想定した場合は、かなりの後方互換を必要としますし、ハッカー向けのサイトであれば、最新ブラウザのみの想定で構いません。

実際の判断は、請負仕事であれば要件次第でしょうし、自前システムであれば、企画段階で統計情報等から考えるべき項目の一つです。

これから世の中がどのように変化するのかではなく、制作物にアクセスする人たちがどのようなブラウザを使用すると想定するかが重要なので、疑問がある場合は要件を決めた人に確認を取るとスッキリすると思います。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

+3

IEに関しては、すでに Microsoft もサポートをしない方向になっている以上、今後サポート対象とするのは無理がありすぎます。
一方で iOS や Android を考慮すると、Safari と Google Chrome は押さえておかねばならないでしょう。また Firefox も押さえておくことになるでしょう。

※前に Firefox では問題ないのに、Chrome ではレイアウトが崩れてしまうことはありました。確か <td> タグ内の横幅計算がおかしな挙動になってました。もう1年くらい前の話ですが。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

+3

start関数でエラーというのはこれのことでしょうか?
https://stackoverflow.com/questions/17149372/error-function-expected-in-ie-input-onclick-start

start is a property of input elements in IE. 

> document.createElement("input").start
"fileopen"


知る人ぞ知るといった情報ですが、はっきり言ってこれが問題で廃れるとは思えません。
これが問題になるのは次のパターンだけです。

<!-- IEで問題が出る -->
<input type="button" value="start" onclick="start();" />


以下は問題になりません。

<input type="button" value="start" onclick="window.start();" />
<input type="button" value="play" onclick="play();" />
document.getElementById('start').addEventListener('click', function(event) {
  event.preventDefault();
  alert('clicked');
});

むしろIEが問題になるのは、更新されないということでしょう。
HTML 5.0 勧告前に出たブラウザであり、普通にHTML5やJavaScriptを書いてしまうと動きません。
それでも現状のPCで入っている蓋然性が高いのはIE11なので対応しなければいけないこともあります。
いまはアクセスの多いChromeを中心に、実際のアクセスや要件に合わせていけばいいのではないでしょうか?

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

+3

指示者がIE11というのならそれでいいのでは?
ブラウザに関してはユーザーに偏りがない前提ならChrome、safari、Firefoxでいいかと。
社内で使うwebアプリでimeのcssが使いたいとかIE11で使う理由があるのでは?

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

+3

対応ブラウザやデバイスについては、
実務においてはそのサービスの方針に依ります。

例えば、私が仕事で関わっているとあるサービスでは、IE9以上の対応が必要ですし、別のサービスではIE11以上の対応が必要です。

これらは他の方々も仰る通り、『どういうユーザーをターゲットとするか』によって決められます。
故に、支持者の方がIE11以上の対応をするように指示されたのなら、それに従うべきです。ただ、気になるようなら『なぜその対応が必要なのか』を質問してみるのも良いかと思います。

追記
実務のコーディングスキルとしては、最新ブラウザだけでなく、レガシーブラウザやメルマガ、その他開発用件による制約などにより様々な対応を求められることがあります。
そのため、最新技術のみに注目するのではなく、CSS2.1によるコーディングをできることが現時点では極めて重要です。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

+2

組織人としての考え方

指示者がIE11というならばそれはそれで良いはず。指示者がいる以上、組織としての活動でしょうから将来的な計画について特に考える必要はないでしょう。私ならば割り切ります。

逆に責任を負わされるならば、意見を言います。また、組織の部外者の都合がある課題ならば、部外者と指示者で相談してもらいます。

一技術者としての考え方

IE11というのは私も考慮したくない(2018/1/4訂正、正:優先したくはない)選択肢です。(ユーザ層を絞らずに)ブラウザとしての事実上の標準を考えるならば、Chrome、Firefox、Safariは少なくとも(2018/1/4加筆、優先して)ターゲットにすべきだと思います。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

+1

今降られている課題が余程大きなもので無ければ、IE11で対応すべきでしょう。

どのブラウザに対応させるかは別の粒度の問題なので、課題とは別に意見としてまとめる内容だと思います。でないと、上司にはスキキライの話をしているようにとられる可能性があるからです。

その場合、優先順位の問題として課題が優先されるため、上司は抑え込もうと適当な言い訳をしますし、意見を言う方は自分が思う正論を延々と繰り返すことになります。

という実体験があります・・・

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

ただいまの回答率

91.23%

関連した質問

同じタグがついた質問を見る

  • JavaScript

    11811questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • teratail

    371questions

    teratail(テラテイル)は、プログラミングに特化した日本語Q&Aサイトです。