Javascriptクイズアプリで基礎勉強をして独学入門者を超えよう

schoolJavascript入門者用の独学にピッタリ






回答を決定する

次に進む(クイズ開始ボタン)

(↑↑↑↑ここを押したら【上に問題や回答が表記】されます。↑↑↑↑上に戻ってください↑↑↑↑!)
ここの隣に、何が起きたか表記されるので、次へボタンを押したら、
【隣に表記される文字列を確認してください】!

現在取得したポイント

0

Javascript勉強クイズアプリの答えや解説など(ステージ1)

・変数とは?

・解説1: 値などを入れる箱の様な物。

・解説2: 値などにつける名札の様な物。

回答は、選択1.正解、選択2.正解です。

箱は有名な話ですが、名札はあまり知られていないので、値に名札を付けたような物と例えられることも覚えておきましょう。

変数は、Javascript独学勉強中の入門者でも、絶対に知っておきたい基礎なので、Javascript勉強用クイズでしっかり覚えてください。

・定数とは?

・解説1: 固定された変化しない値を入れる箱の様な物。

・解説2: constを使えば、参照型も厳密な定数になる。

回答は、選択1.正解、選択2.不正解です。

参照型は、値そのものは入っておらず、値がある場所を占めるアドレスが入っています。よって参照先の値が変更されると結果的に中身に入る値が変わってしまうので、constを使っても厳密な定数ではありません。

Javascript独学勉強用クイズアプリでは、簡単な部類の問題なので、点を稼ぎましょう。

・参照型とは?

・解説1: アドレスが入った配列の型。

・解説2: constを使えば定数にできるタイプのデータ型である。

回答は、選択1.正解、選択2.不正解です。

上記で説明した通り参照型は定数にはなりません。

Javascript独学勉強中の入門者さんには、少し難しい問題だったかもしれません。

これがわかるくらいになれば、Javascript独学勉強用クイズアプリをクリアーするレベルに達しています。

・基本型とは?

・解説1: 数値や文字列など、値そのものが入っているデータ型の事。

・解説2: 配列は基本型である。

回答は、選択1.正解、選択2.不正解です。

配列は、参照型です。また、オブジェクトも参照型です。

Javascript独学勉強中の入門者さんには、少し難しい問題だったかもしれません。

中級レベルの問題です。これがわかるくらいになれば、Javascript独学勉強用クイズアプリをクリアー出来るレベルに達しています。

・コメントアウトとは?

・解説1: 変数名の場合は、コメントアウトを使わずに、変数名だけで内容がわかる方がより良い。

・解説2: bodyタグ内である、ブラウザのメイン画面上で見ることができる。

回答は、選択1.正解、選択2.不正解です。

コメントアウトで説明するのも悪くはないですが、変数名だけで何の変数かわかる変数名は最高の変数名と言われています。また、コメントアウトはソースコード上でしか見れません。

Javascript独学勉強用クイズアプリでは、簡単な部類の問題なので、点を稼ぎましょう。

・console.logとは?

・解説1: bodyタグ内の内容が表記される、ブラウザ上のメイン画面で、エラーを確認するために使う。

・解説2: 変数の中身が、途中で変わってないか確認する為に使う。

回答は、選択1.不正解、選択2.正解です。

インスペクタのコンソール上でしか見れないのでブラウザ上のメイン画面では見れません。変数の中身が途中で変わってないか確認する為にもっとも使われます。

・クラスとは?

・解説1: ES6からJAVAなどと同じように、厳密な意味でのクラスがやっとjavascriptにも登場した。

・解説2: JAVAなどと同じように厳密な意味でのクラスは、ES5からあり、それをプロトタイプとjavascriptでは言う。

回答は、選択1.不正解、選択2.不正解です。

ES6からクラスのような物ができましたが、javascriptはあくまでプロトタイプベースの言語です。できたクラスはクラスに近いものであって厳密なクラスは、ES6になった現在(2017年)まだ存在しません。

javascript独学入門者さんには、絶対にわからない難問です。これがわかれば余裕でアプリゲームをクリアーできるレベルです。

・5 % 3とは?

・解説1: 5と3の割った結果が取得できる。

・解説2: 5と3の割った結果の余りが取得できる。

回答は、選択1.不正解、選択2.正解です。

javascript独学入門者さんでも知っておいてほしいレベルの問題です。アプリゲームをクリアーしたい人は、ここで点を稼い

・undefinedとnullについて

・解説1: 真偽値で考えると両方とも偽になる。

・解説2: nullは定義されていないことを示す。

回答は、選択1.正解、選択2.不正解です。

nullは空という意味です。未定義はundefinedです。

javascript独学入門者さんでも知っておいてほしいレベルの問題です。アプリゲームをクリアーしたい人は、ここで点を稼いでください。

・switch文とは?

・解説1: 条件に一致するものを実行するのはもちろん、以上以下などもif同様使える。

・解説2: switchは、ifより複雑になるので、ifを優先的に使う方が良い。

回答は、選択1.不正解、選択2.不正解です。

以上以下という条件をswitchは利用できません。ABCDのうちどれを選択するかという場合に利用します。10以上だったらなど以上以下を条件にしたい場合はifのネストを利用します。

switchの方が、複雑にならないので、switchを優先して使います。

ifは、ネストが深くなってしまいます。

ご利用大変ありがとうございました。今後さらに学んでいただくためにアプリを発展させたいです。モチベーションアップのために、Javascript勉強用クイズアプリを広めていただけると幸いです。宜しくお願い致します。

問題に戻りたい人は、右上にある「三」を押して、問題へ戻るボタンを押してください。

Javascript勉強クイズアプリの答えや解説など(ステージ2)

・オブジェクトとは?

・解説1: キーと値がペアになったデータの集まりの事。PHPは連想配列。rubyやprelはハッシュと言う。

・解説2: オブジェクトは、オブジェクトの中にさらにオブジェクトを入れ子にすることはできない。

回答は、1正解、2不正解です。

オブジェクトの中に、オブジェクトを記載することは可能です。

javascript独学入門者さんには、絶対にわからない難問です。これがわかれば余裕でアプリゲームをクリアーできるレベルです。

・繰り返し処理whileとは?

・解説1: 繰り返し回数を代える際には、条件式以外も変えないといけないのが難点。

・解説2: 自分で数えて回数分式を記載しなくても、回数分の処理が自動で実行できるようになる。

回答は、1不正解、2正解です。

whileは、繰り返し回数を代える際に、条件式だけ変えれば、その条件分繰り返してくれます。

下記の例なら、(i < 3)を(i < 4)に変えると、「こんにちは」を4回繰り返します。

つまり、条件式だけ変更すれば、中身のconsole.logの数を増やす必要はありません。

よって、解説1の、条件式以外も変えないといけないは間違えです。

while (i < 3) {
  i++;
  console.log('こんにちは');
}
									

・配列とオブジェクトの違いとは?

・解説1: オブジェクトと違い配列はグループ化出来ない。

・解説2: オブジェクトは原則同じ種類の要素しか入れられません。

回答は、1不正解、2不正解です。

配列は、グループ化をするために使います。またオブジェクトは、別の種類のデータもまとめられます。

javascript独学入門者には難しいと思いますが、javascript中級者には理解してほしい問題です。アプリゲームでしっかり覚えておきましょう。

・returnについて

・解説1: returnは、ブラウザ上に、alertや文字列を表記する

・解説2: 省略した場合は、実はjavascrptが、nullを自動的に補ってくれます。何もないように見えますが、実は補われているという事を知っておきましょう。

回答は、1不正解、2不正解です。

returnは、関数の処理結果を、関数の呼び出し元に返す役割です。ブラウザ上に表記する役割ではありません。

省略されている場合は、nullではなくundefinedを自動的に補ってくれます。

・繰り返し処理について

・解説1: 繰り返し処理は、必ず「i」という変数名から始めないといけないというルールがある。

・解説2: 一説によると「i」から始まるのはindexの「i」であると言われています。

回答は、1不正解、2正解です。

「i」を使う慣習はありますが、「i」でなくても問題ありません。

「i」では何を繰り返しているかわからない場合は、「i」以外を使うこともあります。

javascript入門初心者の方は、知らないかもしれませんが、リーダブルコーディングの本にも載っています。

・繰り返し処理について?

・解説1: while、forは根本的に違うものなので、同じような繰り返し処理をどちらでも、出来るわけではない。

・解説2: 「i」(アイ)の初期値を0からではなく好きな数値から始めたい場合はwhileが適している。

回答は、1正解、2不正解です。

while、forは、繰り返し処理をする構文なので、ほぼ同じものです。

また、forは、引数でi=0とする慣習があので、好きな数値から始めるのにはあまり適しません。

・関数について

・解説1: 即時関数を利用することでカプセル化が出来る。

・解説2: 無名関数は、再利用を基本考えていないので複数存在することはほとんどない。

回答は、1正解、2正解です。

javascriptのプログラマーになりたい人は、絶対に知っておきたい入門知識です。javascript初心者でも知っておきましょう。

・型について

・解説1: プリミティブ型は参照を渡す。

・解説2: オブジェクト型は値を渡す。

回答は、1正解、2正解です。

javascript独学入門者には難しいと思いますが、javascript中級者には理解してほしい問題です。アプリゲームでしっかり覚えておきましょう。

・JAVAとの違い

・解説1: JAVAはクラスベース。

・解説2: JSはプロトタイプベース。

回答は、1正解、2正解です。

この難問がわかれば、あなたは、javascript独学入門者さんを卒業済みです。自信を持ってください!

Javascript勉強クイズアプリの答えや解説など(ステージ3)

・エスケープシーケンスについて

・解説1: エスケープは、特別な意味を持つ文字列のこと。

・解説2: エスケープシーケンスは、特殊文字とも言う。

回答は、1不正解、2正解です。

エスケープは、クロスサイトスクリプティングというサイトを改ざんする攻撃を避けるために行う回避策です。

javascript独学入門者さんが、間違えやすい、エスケープとエスケープシーケンスの問題です。そっくりな単語ですねwww!

※お仕事決まれば全額キャッシュバックされるので実質無料!※
3ヶ月10万円で受講可能な転職特化型Ruby実践研修ポテパンキャンプ。
未経験者もいきなりフリーランスエンジニアになれる!

・エスケープシーケンスについて

・解説1: 「?」という文字を表示したい時は、そのまま?とだけ記載すれば画面上に、「?」と記載できる。

・解説2: ¥は、¥を表示してくれる記載なので、これだけで記載できる。

回答は、1不正解、2不正解です。

「?」マークを表記したい場合は、「¥?」のように円マークを付けて、これはエスケープシーケンスであるとブラウザに伝えます。

円マークを表記したい場合は¥¥のように二つ記載します。

参考情報

・エラーついて

・解説1: 論理エラーとは、プログラムの論理の矛盾により発生するエラーのことである。エディターがある程度認識して、エラーを出してくれるが、基本的には自分で見つける必要がある。

・解説2: ランタイムエラーとは、タイプミスなど、エディターでもある程度理解できるエラーなので、エディターのエラーを見ていれば、ある程度防ぐことが出来ます。

回答は、1不正解、2正解です。

論理エラーは、プログラムの論理的矛盾(人間にしか認識できない、論理の矛盾や破綻により発生するエラーです。)によって起きるエラーです。
よって、何のアプリケーションを作っているか認識できないエディターには、一切認識したり、エラーを表記したりすることは出来ません。
何も表記されないので、最も難しいエラーです。

ランタイムエラーとは、文法の間違えや、打ち間違えによって起きるエラーの事です。
エディターもある程度理解できるエラーなので、エディターのエラーを見ていれば、ある程度防ぐことが出来ます。
また、プログラムを実行している時のエラーなので、プログラム実行時に発生します。ランは走っているという意味ですよね。
よって、実行している時に起こるエラーです。
html読み込み時、クリックなどをして、JSを実行した時に、 インスペクタにエラーが表記されるので簡単に見つけられることが多いです。

・タイマーについて

・解説1: new Date();とは、
newでDateオブジェクトを作っていること。

・解説2: オブジェクトとは、物の事である。

回答は、1正解、2正解です。

javascript独学入門者さんにもう一歩上に行ってもらうための中級問題です。現場で活躍したいなら、覚えておきましょう。

・varNameという変数が全く存在しない時に、その存在しない変数を参照した場合に出現するエラーついて。

・解説1: Uncaught ReferenceError: varName is not definedというエラーの、ReferenceErrorの意味とは、varNameを参照したが、その変数が無かったという意味と解釈することもできる。

・解説2: Uncaught ReferenceError: varName is not definedの意味は、varNameが定義されていないという意味。つまり、定義されていないのに使っているよという意味と解釈することもできる。

回答は、1正解、2正解です。

javascript独学入門者さんには、絶対にわからない難問です。これがわかれば余裕でアプリゲームをクリアーできるレベルです。

・等価演算子(==)と同値演算子(===)の違い

・解説1: 等価演算子は、同じ値かどうかのみを判定する。

・解説2: 同値演算子は、同じ値かどうかのみを判定する。

回答は、1正解、2不正解です。

等価演算子は、値が同じかのみ判定するので、数値の1と、文字列の1を比べた時でも真と判定します。よって解説1は正解になります。

同値演算子は、データ型(数値型、文字列型など)まで判定するため、数値の1と、文字列の1を比べた時に、この二つは、データ型が違うので、偽になります。よって解説2は間違えになります。

javascript独学入門者さんでも知っておいてほしいレベルの問題です。アプリゲームをクリアーしたい人は、ここで点を稼いでください。

・条件式で使う!について

・解説1: !は日本語で示すと、一致しない、~でない、という意味である。

・解説2: データ型の一致まで判定する条件式の書き方は(!===)である。

回答は、1正解、2不正解です。

!==には三つのイコールを使うことはありません。

・if文について

・解説1: 文も必ず最後に;が必要である。
例if(){};

・解説2: else以下は仮に偽の場合の処理が無くても記載しないといけない。

回答は、1不正解、2不正解です。

ifなどの構文には、終了の;が必要ありません。

else以下は、偽だった時の処理が不要な場合は省略可能です。

・イディオムとは

・解説1: イディオムは慣用句(慣用的に使われるコード)の事。

・解説2: イディオムとは、わかりやすく言うと、よく使われる書き方という意味。

回答は、1正解、2正解です。

javascript独学入門者さんには、絶対にわからない難問です。これがわかれば余裕でアプリゲームをクリアーできるレベルです。

ご利用大変ありがとうございました。今後さらに学んでいただくためにアプリを発展させたいです。モチベーションアップのために、当アプリを広めていただけると幸いです。宜しくお願い致します。

Javascript勉強クイズアプリの答えや解説など(ステージ4)

・受け取った値を式として実行する関数4文字。

回答は、evalです。この関数は、受け取った値を式として実行するので、入力された式(足し算の式など)を、式として実行してくれます。つまり、閲覧者が自由に計算式を入力して、計算結果を出したい時などに使います。

・インスペクタのコンソール上にjavascriptというログを表記するための式を記載してください。文字列はシングルクォーテーションで最後まで省略なしで記載してください。

回答は、console.log('javascript');です。

超初級問題問題♪これがわからないと、javascript勉強アプリゲームのクリアーは難しいです。

・読み取り専用の名前付き定数を宣言するための5文字。最も厳密な変数を定義する際の宣言を書いてください。

回答は、constです。ES6から利用可能になりました。

・関数の実行を終了して、関数の呼び出し元に返す値を指定する文6文字。

回答は、returnです。

・変数を宣言し、その変数をある値に初期化することもできる3文字。最もゆるい変数を定義する際の宣言を書いてください。

回答は、varです。

・式を評価し、その式の値がcaseのラベルと一致するなら、そのcaseに関連付けられた文を実行する構文、6文字を記載してください。

回答は、switchです。

・ループを作成する時に使う最も基本的な構文、5文字を記載してください。

回答は、whileです。

超初級問題問題♪これがわからないと、javascript勉強アプリゲームのクリアーは難しいです。

・varを使って、aという変数にjavascriptという文字列を代入してください。文字の間は半角スペース、文字列はシングルクォーテーションで記載してください。

var a = 'javascript'です。

・数学的な定数と関数を提供するプロパティとメソッドを持つ、組み込みのオブジェクト4文字。

回答は、mathです。

ご利用大変ありがとうございました。今後さらに学んでいただくためにアプリを発展させたいです。モチベーションアップのために、当アプリを広めていただけると幸いです。宜しくお願い致します。

Javascript勉強クイズアプリの答えや解説など(ステージ5)

・javascriptは、多くの場合○言語に似た手続き型言語のようなスタイルで書かれるが、第一級関数をサポートしている(関数を第一級オブジェクトとして扱える)など、関数型言語の性質も持ち合わせている。半角英数で1文字を記入してください。

回答は、cです。javascriptは、PHPと同じくC言語系の言語です。

・○○○○は、ウェブブラウザ内で非同期通信を行いながらインターフェイスの構築を行うプログラミング手法である。半角英数で4文字を記入してください。

回答は、Ajaxです。グーグルマップなど必要なときに必要な情報を読み込む際に利用します。

・AjaxはAsynchronous JavaScript + ○○○ の略で、2005年2月18日に米国のインフォメーションアーキテクトであるJesse James Garrettにより名付けられた。半角英数で3文字を記入してください。

回答は、xmlです。最近は、json形式の方が主流です。

・○○○とは、HTMLやXHTML (XML) で書かれたドキュメントにアクセスするためのAPIである。○○○は多くのプログラミング言語でライブラリやモジュールとして実装されているが、ウェブブラウザと統合しているJavaScriptの処理系では特に言語仕様として組み込まれており、○○○オブジェクトを介してアクセスできる。半角英数で3文字を記入してください。

回答は、domです。

javascriptプログラマーになるには、HTML関連の知識も必須なので、javascriptプログラマーとしてついでに覚えておきましょう。

・ライブラリを使用しないJavaScriptは○○○illa JSと称されることがある。半角英数で3文字を記入してください。

回答は、vanです。バニラJSとは、何も加えてないシンプルなという意味で、プレーンなバニラ味から付けた名前であると思います。

javascript上級者も案外知らない知識なので、javascriptプログラマーとしてついでに覚えておきましょう。

・○○○e.jsとはサーバサイドのプログラミングが出来るライブラリです。半角英数で3文字を記入してください。

回答は、nodです。他にもメテオなどもあります。

javascriptプログラマーとしてついでに覚えておきましょう。

・○○○ctとはフェイスブックが作った、2016年から流行り始めたライブラリです。半角英数で3文字を記入してください。

回答は、reaです。2018年現在最も流行っているライブラリです。

・v○○.jsとは、2017年から流行り始めたライブラリです。半角英数で2文字を記入してください。

回答は、ueです。2018年現在最も普及が増えそうなライブラリです。

・JavaScriptという言葉は狭義には○○○illaが仕様を策定し実装しているスクリプト言語を指す。半角英数で3文字を記入してください。

回答は、mozです。参考情報

・このスクリプト言語は○○○aインターナショナルで○○○AScript (○○○A-262) として標準化されており、多くのウェブブラウザ等はこの標準化された○○○AScriptを実装している。たとえば、マイクロソフトによる実装はJScriptと呼ぶ。半角英数で3文字を記入してください。

回答は、ecmです。javascriptは厳密にはecmascript(エクマスクリプト)という事を覚えておきましょう。

javascript入門初心者でも、知っておきたい基礎なので、今日覚えてしまいましょう。

CONTACT