TechAcademy（テックアカデミー） フロントエンドコース プログラミング JavaScript JavaScriptのvoid(0)の使い方を現役エンジニアが解説【初心者向け】
オーダーメイドコース
icon
icon
JavaScript

JavaScriptのvoid(0)の使い方を現役エンジニアが解説【初心者向け】

初心者向けにJavaScriptのvoid(0)の使い方について解説しています。void演算子の役割、よく使用されるaタグの画面遷移の無効化の例を説明します。使用時の注意点も含めて覚えておきましょう。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査

JavaScriptのvoid(0)の使い方について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。

そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。

 

なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。

 

田島悠介

今回は、JavaScriptに関する内容だね！

大石ゆかり

どういう内容でしょうか？

田島悠介

void(0)の使い方について詳しく説明していくね！

大石ゆかり

お願いします！

 

void(0) の意味は？

void演算子は、どんな値を入れても「undefined（未定義であることを示す値）」で返してくれる演算子です。ですので、void(0)でもvoid(123)でもvoid(”ABC”)でも、結果はすべて「undefined」で返ってきます。慣例的にvoid(0)が使われるようになりました。

そしてどんな時に利用するかと言うと、動作を無効化をしたい時に利用します。一般的にはaタグリンクの画面遷移を無効化したい時に利用されてきました。

 

画面遷移とvoid(0) の関係

よく使われるのは、「aタグを利用してリンクを意識させたい（マウスを上に持っていくとクリック可能だとわかる）けど、動作はJavaScript側のonclickで制御したい」といった時に利用されます。

<a href=“javascript:void(0)” onclick=“window.open(‘https://www.google.com/?hl=ja)”>URLを開く</a>

aタグは、”href”に値を入れるとテキスト上にマウスがある時にポンターが変わるのですが、クリックすると”href”の内容をリンク先と認識して画面遷移してしまいます。しかし、undefinedを指定するとリンク先に飛ばない仕様となっています。そこで、「void(0)」を利用しundefinedを指定するようにしています。

最近は、この書き方はあまり推奨されていません。テキスト上にマウスがある時にポンターを変えたければ、CSSのcursorを利用すればいいからです。また、古いブラウザーなどでは利用できない場合もありますので注意して下さい。

 

[PR] コーディングで副業する方法とは

監修してくれたメンター

小宮山晃史（こみやまこうじ)

現在はOracle系システムの導入コンサルに勤め、仕事でコーディングをする機会は少なくなくなっているが、ライフワークで数多くの言語を勉強中。

iphoneのアプリ開発やWEBサーバの構築など幅広く挑戦しています。

 

大石ゆかり

内容分かりやすくて良かったです！

田島悠介

ゆかりちゃんも分からないことがあったら質問してね！

大石ゆかり

分かりました。ありがとうございます！

TechAcademyでは、初心者でもJavaScript・jQueryを使ったWebサービス公開を習得できるオンラインブートキャンプを開催しています。

また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。

記事を検索

関連するキーワード

関連する記事

JavaScriptでジャグ配列を作成する方法を現役エンジニアが解説【初心者向け】

JavaScriptでジャグ配列を作成する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。 ...
JavaScript

JavaScriptでルーレットのプログラムを作る方法を現役エンジニアが解説【初心者向け】

JavaScriptでルーレットのプログラムを作る方法について解説します。 実際のコードをもとに解説していきますので、理解を深めていきましょう。 ま...
JavaScript

JavaScriptで配列を分割する方法を現役エンジニアが解説【初心者向け】

JavaScriptで配列を分割する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 そ...
JavaScript

JavaScriptでconfirmを使って確認ダイアログを表示させる方法【初心者向け】

JavaScriptをプログラミング初心者向けに紹介した記事です。 今回は、JavaScriptでconfirmを使って確認ダイアログを表示させる方法につ...
JavaScript

JavaScriptで可変変数を作る方法を現役エンジニアが解説【初心者向け】

JavaScriptで可変変数を作る方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。 &nb...
JavaScript

JavaScriptのクラスで継承を使う方法を現役エンジニアが解説【初心者向け】

JavaScriptのクラスで継承を使う方法について解説します。実際のコードをもとに解説していきますので、理解を深めていきましょう。 また、入門向けのJa...
JavaScript

あわせてよく読まれている記事

JavaScriptでundefinedを判定する方法を現役エンジニアが解説【初心者向け】

JavaScriptでよく見かける「undefined」の意味や判定する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 目次void(0) の意味は？画面遷移とvoid(0) の関係監修してくれたメンター そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 undefinedを判定する方法について詳しく説明していくね！ 大石ゆかり お願いします！   undefinedとは JavaScriptにおけるundefinedとは、値が未定義であることを示しています。 例えば、以下のように変数を宣言した後にまだ値を代入していない状態で、その変数を出力した場合にundefinedが返されます。 let sample; //sampleという変数を宣言 console.log("結果は" + sample); //sampleを文字列とともに出力   出力結果 結果はundefined   このようにundefinedとは、入れ物（変数や配列）を用意したけれど、まだ中身が空っぽの（値を代入していない）状態ということを示しています。   よくundefinedと混同されるnullは、入れ物の中身に空っぽだという情報（値）が代入されている状態を示していて、未定義の状態と区別されます。 undefinedとnullの違いは「中身が空っぽ」ということを、記述した人が意図的に示しているかどうかという点です。   undefinedを判定する方法 変数などの値がundefinedであるかどうかを判別するには、主に以下の3つの方法があります。 厳密等価演算子で判別する typeof演算子で判別する void演算子で判別する 以降では、これら3つの判別方法を紹介します。   厳密等価演算子で判別する 厳密等価演算子は、イコールが3つ続く「===」で表し、左側と右側の「値」と「データ型」を比較します。 イコールが2つ続く「==」で表される等価演算子は「値」のみを比較します。 undefinedは「未定義」というデータ型に分類されるので、以下のような条件式に厳密等価演算子を用いることで、変数がundefinedかどうかが判別ができます。 let sample; //sampleという変数を宣言 if (sample === undefined) { console.log('sampleはundefinedです'); // 値と型が等しい場合に実行 } else { console.log('sampleはundefinedではない') // 値と型が等くない場合に実行 }   出力結果 sampleはundefinedです   上記の条件式に等価演算子「==」を用いてしまうと、変数sampleにnullが定義されている時でも値と型が等しいと判別されてしまいますので注意しましょう。   typeof演算子で判別する typeof演算子は、変数などに定義されている値のデータ型を返します。 前述したように、undefinedは「未定義」というデータ型に分類されるので、以下のような条件式で判別できます。 let sample; //sampleという変数を宣言 if (typeof sample === "undefined") {   console.log("sampleはundefinedです"); // 値と型が等しい場合に実行 } else {   console.log('sampleはundefinedではない') // 値と型が等くない場合に実行 }   出力結果 sampleはundefinedです   注意点として、typeof演算子は宣言されていない変数を比較してもエラーにならず、undefinedを返します。 そのため、宣言されているかどうかの判定には使用できません。   void演算子で判別する void演算子は、対象がどのようなデータ型であれ常にundefinedを返します。 そのため、以下のように「void 0」という記述がundefinedの判定によく用いられています。 let sample; //sampleという変数を宣言 if (sample === void 0) {   console.log('sampleはundefinedです'); // 値と型が等しい場合に実行 } else {   console.log('sampleはundefinedではない') // 値と型が等くない場合に実行 }   出力結果 sampleはundefinedです   [PR] コーディングで副業する方法とはグローバルスコープでのundefined 「undefined」は変数名などに使用できない予約語ではないため、変数を宣言する際に「undefined」という名前を付けられます。 ただし、変数undefinedに値を代入できるのは、以下のように関数内などの限られた範囲（スコープ）で使用する場合です。 function kansu(){   let
JavaScript

JavaScriptで「Cannot read property ‘プロパティ名’ of undefined」エラーが出る原因と対処法を現役エンジニアが解説【初心者向け】

JavaScriptで「Cannot read property ‘プロパティ名’ of undefined」というエラーが出る原因と対処法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 目次void(0) の意味は？画面遷移とvoid(0) の関係監修してくれたメンター そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 JavaScriptで「Cannot read property ‘プロパティ名’ of undefined」というエラーが出る原因と対処法について詳しく説明していくね！ 大石ゆかり お願いします！   「Cannot read property ‘プロパティ名’ of undefined」とは JavaScriptの開発をしていると、以下のようなエラーに遭遇することがあります。 このエラーは、JavaScript初心者にとって1つの大きな混乱ポイントです。 なぜなら、以下に挙げる2つの「罠」があるからです。 罠1：「TypeError」は、タイプミスではない！ エラー文の前半を見るとTypeErrorとあります。 そのまま読むと「タイプエラー」となり、なにか入力ミスをしているのかな？と思われるかもしれません。 しかし、プログラミングの文脈においてTypeは「型」を表します。 型とは文字列型や数値型など、値の種類を表す概念で、TypeErrorというのは型に関係のあるエラーですよ、という意味になります。 Uncaught TypeErrorは、さまざまな種類のエラーの頭に書いてあることが多く、エラー文の本体はその後ろの部分です。 罠2：「’プロパティ名’ of undefined」は、「プロパティ名がundefined」なのではない！ undefinedというのは「未定義」のことですが、このエラーにおいてundefinedなのは一体何なのでしょうか？ 直感的には’プロパティ名’の部分なのかな、と思うかもしれませんが、実は違います。 ここがこのエラーの最も複雑な部分なので、コードを追いながら見ていきましょう。   次のコードを見てください。 const fruits = { apple: { price: 100 } } 変数fruitsにはオブジェクトが代入されており、そのプロパティ（中身）として、appleという情報が存在しています。 ※オブジェクトの構造について理解したいという方は、以下の記事も参考にしてください。 JavaScriptでオブジェクトにプロパティを追加する方法を現役エンジニアが解説【初心者向け】   ここで、以下のように書くとどうなるでしょうか。 console.log(fruits.orange);   fruitsオブジェクトにorangeというプロパティは定義されていないため、コンソールにはundefinedという値が表示されます。 （ここで登場したundefinedをよく覚えておいてください！）   さて、次に以下のコードを書いてみます。 console.log(fruits.orange.price); さきほど出力したfruits.orangeは、undefinedでしたね。 そのundefinedという値に対して、ここではpriceというプロパティにアクセスしようとしています。 この瞬間に出現するエラーが、Cannot read property ‘price’ of undefined （undefinedに対してpriceというプロパティは読み込めませんという意味）です！ このように、undefinedな値に対して何かプロパティにアクセスしようとした時に、そんなアクセスは不可能ですと教えてくれるのが、このエラーの本質的な意味です。   エラーが出た時の解消方法 Cannot read property〜と出たら、まずはエラー箇所がどこかを特定しましょう。 エラー表示の一番右側に、該当の行数が表示されています。 今回は7行目なので、画像上のコードの7行目を確認すると、確かにその箇所に fruits.orange.price とエラー原因になる記述がありますね。 エラー箇所さえ見つけてしまえば、このエラーはコードの不具合を教えてくれる親切な人のように接することができます。   例えば、先ほどの const fruits = { apple: { price:
JavaScript

JavaScriptのNull合体演算子について現役エンジニアが解説【初心者向け】

JavaScriptのNull合体演算子について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。 そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 JavaScriptのNull合体演算子について詳しく説明していくね！ 大石ゆかり お願いします！   目次 Null合体演算子とは Null合体演算子の使い方 実際に使ってみよう まとめ   Null合体演算子とは 論理演算子の1つです。??（ハテナ2つ）で記述します。Null合体演算子の??の左側がnullまたはundefinedの場合は右側の値を返し、そうでなければ左側の値を返します。ES2020（ECMAScript 2020）で追加された演算子になります。 これにより今までは||（縦線2つ）のOR演算子で、falseと判定される空文字や0なども右側の値が返っていたのが明確に空であるnullとundefinedのみになり、使いやすくなりました。 もちろん今までもnullとundefinedだけを判定することはできましたが、より短い記述ですむメリットがあります。 [PR] コーディングで副業する方法とはNull合体演算子の使い方 値や変数や関数などの後に??と記述することで使えます。nullかundefinedの場合だけ右側の値を返すので、初期値を設定したい場合に便利です。 nullは値が空であることをあらわすオブジェクトで、undefinedは宣言のみがおこなわれた変数の値や、returnのない関数の戻り値です。 Null合体演算子の??の左右にそれぞれ下記のようなものを記述します。 左側にはnullかundefinedであることを評価したい値や変数や関数を記述します 右側にはnullかundefinedであった場合に返したい値や変数や関数を記述します 実際に使ってみよう ??を記述するだけなので使い方は簡単です。具体的な記述と動作をいくつか紹介します。 左側がnullの場合 let message = null ?? 'nullかundefinedの場合はこのメッセージです'; 変数messageには、nullかundefinedの場合はこのメッセージです　が格納されています。 左側がundefinedの場合 returnの無い関数はundefinedを返します。関数呼び出しにNull合体演算子を使ってみます。 function noReturn(){ console.log('noReturnが呼ばれました') } let message = noReturn() ?? 'nullかundefinedの場合はこのメッセージです'; 変数messageには、nullかundefinedの場合はこのメッセージです、が格納されています。 左側が空文字の場合 let message = '' ?? 'nullかundefinedの場合はこのメッセージです'; nullとundefined以外は左側が返されるので、変数messageには空文字が格納されています。 まとめ Null合体演算子の紹介をしました。 Null合体演算子のように、JavaScriptは便利な機能や記述が毎年追加されています。標準化団体のECMA Internationalのサイトで仕様を確認できます。 Ecma Internationalのサイト 筆者プロフィール 横山茂雄（よこやましげお） フリーエンジニアとして活動中。サーバーサイドからフロントまで時代の波に合わせてスキルを変化させてきました。 言語、フレームワーク、DB、現場、いずれも転々としながら、筋トレも欠かさない体育会系エンジニアです。TechAcademyジュニアのゲームアプリコースを担当しています。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でもJavaScript・jQueryを使ったWebサービス公開を習得できるオンラインブートキャンプJavaScript/jQuery講座を開催しています。 挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。
JavaScript

JavaScriptでnullを判定する方法を現役エンジニアが解説【初心者向け】

JavaScriptでnullを判定する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。 目次 nullとは nullとundefinedの違い JavaScriptでnullを判定する方法 実際に書いてみよう   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 JavaScriptでnullを判定する方法について詳しく説明していくね！ 大石ゆかり お願いします！   nullとは nullとは「何もない」、「値が存在しない」といった意味を指します。 JavaScriptで変数の値をnullにするには、以下のように「明示的」にnullを指定する必要があります。 //変数にnullを代入 let value = null; //関数の戻り値にnullを指定 const test = () => { return null; }   なお、null についてのさらに詳細な仕様は、下記の記事で確認できます。 MDN – null   [PR] コーディングで副業する方法とはnullとundefinedの違い undefined は「未定義」という意味です。 値がなにもないという点はnullと共通なのですが、大きな違いは「明示的に値を指定していない」ことにあります。 つまり、nullが「プログラムを書いた人が意図している仕様」なのに対し、undefinedは「意図せず発生している値」や「定義漏れ」であることが多いです。   以下は値が意図せずundefinedになるコードの一例です。 const apple = "りんご" console.log(aple) //スペルが間違っているため、apleという変数は未定義とみなされ、undefinedとなる JavaScriptでnullを判定する方法 JavaScriptでnullを判定するには null と比較します。 以下が実際のコード例です。 const value = null; if (value === null) { console.log('valueはnullです'); } 上記のコードでは、value === nullという条件がtrueになるため、コンソールに「valueはnullです」と表示されます。 ここで、比較の演算子に == （等価演算子）ではなく === （厳密等価演算子）を使っているのには理由があります。 == を使ってしまうと、なんとundefinedの場合も条件がtrueになってしまうという仕様があるためです。 == を使う場面もありますが、nullを正確に判定するためには必ず === を使いましょう！   実際に書いてみよう 今回のサンプルプログラムでは、値の未定義やreturn値がない関数の結果を受け取ることで、変数の値がどのように設定されるかを確認します。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>sample</title> </head> <body> <script language="javascript" type="text/javascript"> let val1;
JavaScript

JavaScriptで真偽値と三項演算子を使う方法【初心者向け】

JavaScriptの使い方を初心者向けに紹介した記事です。 今回は、JavaScriptで真偽値と三項演算子を使う方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 また、入門向けのJavaScriptを学習できるサイトを紹介しているので、合わせてご覧ください。   本記事では、テキストエディタのmiを使っていますが、JavaScriptの場合はWebブラウザとテキストエディタがあれば特別な開発環境がなくても開発することができます。 目次void(0) の意味は？画面遷移とvoid(0) の関係監修してくれたメンター そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。   今回の記事の内容は動画でもご覧いただけます。 テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。   真偽値とは 真偽値とは、その命題が真か偽かを示す2つの値で、それぞれtrue、falseと書きます。 主に条件分岐で使われます。   大石ゆかり trueやfalseって何でしょうか？ 田島悠介 値なんだよね。極端に書くとif(true)で、if文のブロックが実行されるんだ。 大石ゆかり 文字列のようにも見えますよね？ 田島悠介 そうそう。文字列だとシングルクォーテーションなどで囲わないとだめだけど、trueやfalseは値なので、数値のようにそのまま書けるんだよね。   三項演算子とは 三項演算子とは演算子のひとつで、その名の通り3つの項目を使う唯一の演算子です。 その性質から、if文の簡単な書き換えといえるでしょう。     [PR] コーディングで副業する方法とはif文・三項演算子それぞれの構文 if文の構文 if文による条件分岐では、基本的に3行以上の長い式を書かなければなりませんよね。 条件式が真(true)のときは式1を、偽(false)のときは式2が実行されます。 if (条件式) {   // 式1 } else {   // 式2 }   しかし、三項演算子を使うと、次のように同じ内容を1行で簡潔に記述することができるのです。   三項演算子の構文 条件式 ? 式1 : 式2 ;     三項演算子で値を返す 三項演算子を使うと、条件によって値を返すだけの簡単な式を作成できます。 サンプルコード 変数scoreの値が70以上なら「合格」、70未満なら「不合格」と出力するプログラムです。 var score = 75; var kekka = score >= 70 ? "合格" : "不合格"; document.write(kekka); 実行結果 まず、条件式「score >= 70」で条件判定します。 そしてsocoreが70以上なら?の次にある値「合格」の文字列が返されます。 条件に当てはまらなければ:以降の「不合格」の文字列が返されます。 三項演算子から返された「合格」あるいは「不合格」の文字が変数kekkaに代入されます。 演算子がいっぱいあるので複雑に見えますが、三項演算子をひとつの塊としてみるとわかりやすいでしょう。 var kekka = (score >= 70 ? "合格" : "不合格"); 本来、三項演算子全体を括弧でくくる必要はありませんが、以下のコードのように頭の中のイメージで三項演算子をひとつのまとまりとして判別できるようにしましょう。   実際にプログラムを書いてみよう それでは、実際にプログラミングを書きながら実行してみましょう。   if文で書く まずはif文からです。 サンプルコード 変数moneyに代入される値が5000以上なら「お金持ち」、5000以下なら「貧乏」とブラウザに出力されるようなプログラムを書きます。 <!DOCTYPE html> <html lang = "ja"> <head> <meta charset = "utf-8"> <title>JavaScriptの練習</title> </head> <body> <script> var money = 10000; if (money > 5000) { document.write ("お金持ち"); }
JavaScript

Rubyのエラーメッセージundefined methodの解決方法【初心者向け】

Rubyのエラーメッセージundefined methodの解決方法について解説します。   そもそもRubyについてよく分からないという方は、Rubyとは何なのか解説した記事を読むとさらに理解が深まります。 なお本記事は、TechAcademyのオンラインブートキャンプRuby講座の内容をもとに紹介しています。   田島悠介 今回は、Rubyに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 エラーメッセージundefined methodの解決方法について詳しく説明していくね！ 大石ゆかり お願いします！   エラーメッセージundefined methodが現れる原因 プログラミングはエラーをどう読み取りそれをどうやって解決していくのかが、上達のポイントです。今回はそんな中で、よく目にする undefined method がでる原因を紹介したいと思います。   訳しても理解できると思いますが “定義されていない” ということが大前提であります。一番の原因はなんといっても “スペルミス“とレシバーが”nil“の場合です。   以下からその読み解き方と解決方法を紹介していきます。   エラーメッセージundefined methodの解決方法 スペルミスでよくある方法です。 p "Ruby".lenght #=>  undefined method `lenght' for "Ruby":String (NoMethodError)   こちらを訳してみますと “RubyのStringクラスにおいてはlenghtというメソッドは定義されておりません。” つまりlenghtが間違っているということであります。   この場合はスペルミスを疑いましょう。よーく見ると、lenghtではなくlenghtですよね。こういうスペルミスは開発現場でもよくあることです^^;   次に put "Ruby" #=> undefined method `put' for main:Object (NoMethodError)   putなんていうメソッドはObjectのmainにないですよ!! と出ています。難しく考えずにputというメソッドがないと言っているのも同じですから、putに問題があるとまず疑います。   これもスペルミスですね。putではなくputsです。   最後ですが、こちらがちょっとややこしいです。 a = ["orange", "apple"] p a[0].length p a[1].length p a[2].length #=> 6 #=>5 #=> undefined method `length' for nil:NilClass (NoMethodError)   と出るかと思います。 “orange”の文字数は6と”apple”の文字数は5と出ますが a[2]はnilです。何も入っておりません。   レシーバーが何もないのに、この文字数を返すメソッドlengthを書いても、何もない(NilClass)にlengthメソッドは使えませんよ!! となるわけであります。   この場合は a = ["orange", "apple", "melon"]   と、a[2]に入る要素を追加すれば、nilではなくなるので   p a[2]   としてもエラーが出ずに表示されることとなります。このようにして、解決していくとエラーの読み取りも上達していくかと思います。   [PR] コーディングで副業する方法とは筆者プロフィール 町田　耕 学生時代は会計学専攻。塾講師勤務を経て、企業のCFOとして会社経営に携わる。 会社経営から一線を退いた後、インフラエンジニアの妻の勧めでプログラミングを 独学で始め、プログラミングセミナーなど転々としながら、開発案件に携わるようになる。 現在、フリーランスとして活動しながらテックアカデミーのメンターも勤めている。     大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でもRuby on Railsを使ったプログラミングを習得できるオンラインブートキャンプRuby講座を開催しています。 挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。
Ruby

あなたの目的に合わせて学べるコース

副業したい方

Web制作の力を身につけ
副業までサポート

はじめての副業コース

転職したい方

未経験から
Webエンジニアに

Webエンジニア転職保証コース

スキルアップしたい方

AIも統計解析もできる
Pythonを学ぶ

Pythonコース

※ 経済産業省の行うリスキリングを通じたキャリアアップ支援事業の補助金対象コースです。条件を満たすことで支払った受講料の最大70％がキャッシュバックされます。詳しくは こちら のページをご確認ください。

TechAcademyから
現役エンジニアの方へ
お知らせ

オーダーメイドコース
TechAcademy（テックアカデミー） フロントエンドコース プログラミング JavaScript JavaScriptのvoid(0)の使い方を現役エンジニアが解説【初心者向け】