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

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

ただいまの
回答率

89.07%

Javascriptの新しい書き方が載っているサイトの見分け方を教えてください。

解決済

回答 3

投稿

  • 評価
  • クリップ 1
  • VIEW 1,071
退会済みユーザー

退会済みユーザー

CSS3やHTML5などは名前があるのですぐに新しい書き方が調べられますが、Javascriptは明確な名前がないため調べられません。
どのように調べたらいいですか?

例えば、このような新しい書き方と古い書き方を見分ける方法です。

新しいストップウォッチの書き方
古いストップウォッチの書き方

<!DOCTYPE html>
<html>
<title>StopWatch</title>
<head>
<script type="text/javascript">
<!--
var timerID;
var hour = 0;
var min = 0;
var sec = 0;
var msec = 0;
function count(){
msec++;
if(msec==100){
sec++;
msec=0;
}
if(sec==60){
min++;
sec=0;
}
if(min==60){
hour++;
min=0;
}
h=hour; 
m=min; 
s=sec;
ms = msec;
if(hour < 10){
h="0" + hour;
}
if(min < 10) {
m="0" + min;
}
if(sec < 10) {
s="0" + sec;
}
if(msec < 10) {
ms="0" + msec;
}
document.getElementById("text1").innerHTML= h + ":" + m + ":" + s + ":" + ms;
}
function start1(){
document.kei.elements[0].disabled = true;
timerID = setInterval("count()", 10);
}
function stop(){
document.kei.elements[0].disabled = false;
clearInterval(timerID);
}
function reset1(){
document.getElementById("text1").innerHTML = "00:00:00:00";
hour = 0;
min = 0;
sec = 0;
msec = 0;
}
//-->
</script>
</head>
<body>
<div id="text1">00:00:00:00</div>
<form name="kei">
<input type="button" value="start" onclick="start1()" />
<input type="button" value="stop" onclick="stop()" />
<input type="button" value="reset" onclick="reset1()" />
</form>
</body>
</html>
  • 気になる質問をクリップする

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

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

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

質問への追記・修正、ベストアンサー選択の依頼

  • m.ts10806

    2018/02/02 09:48

    提示コードを見た感じ、新しい・古いにインデントの有無も含まれるのでしょうか。

    キャンセル

  • 退会済みユーザー

    退会済みユーザー

    2018/02/02 20:27

    それは関係ないです。

    キャンセル

回答 3

+6

「新しいストップウォッチの書き方」のどの辺りが新しいのかよくわかりませんでしたが、「今そんなコーディングしてる人いないよ」という古すぎる書き方を排除してサンプルコードを探したいということでしょうか。

該当するページに日付や言語バージョンが書いてあれば簡単なのですが、そうでないことが多いと思います。

一番確実な王道は「何が古すぎて使えなくて何が新しすぎて使えないのかを自分が知った上で情報を探す」ということだと思います。

「JavaScript 新機能」でググれば JavaScript のバージョンと機能の変遷がわかります。
また「JavaScript ブラウザ 対応状況」でググれば JavaScript のどのバージョンが主流なのかがわかります。
「JavaScript トレンド」で今風の書き方をチェックできます。

そのようにして「まず前提となる自分の基礎」を固めてから情報を探すのが結局早道ではないでしょうか。

とにかく訳も分からずサンプルコードを探してコピペして仕上げる方法を「やっつけ」「でっちあげ」と呼びます。
仕事の期限が数時間後というのならともかく、ある程度時間があるならまず最低限の基礎は抑えましょう。

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

  • 2018/02/02 17:46

    確かに私は初心者ですが、コードを丸々コピーするためにサンプルコードを探しているわけではありません。

    キャンセル

+5

「新しい書き方」は何を指して言っているのかがわかりませんが、「最新の仕様」ということでしょうか。下記記事のコメントも含めて読めばなんとなく方向性はわかると思います。

【JavaScriptのバージョンがややこしい - Qiita】
https://qiita.com/zenno04/items/df26932ef12b5dfe70fe

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

checkベストアンサー

+4

あまり新しい ECMAScript に対応しても、ブラウザが対応してくれているとは限らないのでご注意を。

http://kangax.github.io/compat-table/es6/ によれば、

  • Firefox と Chrome は array.values が未実装(Firefox Nightly Build には入っているので、いずれは入るでしょうが)
  • Edge は設定で「試験的なJavaScript機能を有効にする」を行わないと使えない機能がある
    ※about:flags へアクセスして設定する

ECMAScript は ES6(ES2015) で大きく変わったので、今から始めるならここをベースにする形ですかね。

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

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

  • ただいまの回答率 89.07%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

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