TechAcademy（テックアカデミー） フロントエンドコース プログラミング JavaScript JavaScriptにおけるオブジェクト指向について現役エンジニアが解説【初心者向け】
オーダーメイドコース
icon
icon
JavaScript

JavaScriptにおけるオブジェクト指向について現役エンジニアが解説【初心者向け】

初心者向けにJavaScriptにおけるオブジェクト指向について現役エンジニアが解説しています。オブジェクト指向とは、プログラミングをモノ（オブジェクト）という単位で作成していくアーキテクチャの事です。オブジェクト指向のメリットやデメリット、インスタンスの生成方法などを解説します。

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

JavaScriptにおけるオブジェクト指向について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。

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

 

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

 

田島悠介

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

大石ゆかり

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

田島悠介

JavaScriptにおけるオブジェクト指向について詳しく説明していくね！

大石ゆかり

お願いします！

 

目次

 

オブジェクト指向とは

プログラミングを「モノ（オブジェクト）」という単位で作成していくアーキテクチャの事です。

モノの中に性質と動作、そして記憶をもつようにプログラムを作成します。厳密には、もっといろいろな説明や考えもあるのですが、ざっくりとそう覚えてください。

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

オブジェクト指向のメリット

オブジェクト指向の一番のメリットは、その動きが現実に近いためプログラムの動きが見やすいということだと思います。しかし、関数型のプログラミングに慣れてしまっていると、逆にその考え方などが理解し難くなるというデメリットもありす。

また、オブジェクト指向プログラミングの特徴の一つとして、インスタンスもしくは継承という考え方があります。これは、同じ性質と動作を持つものを複数、簡単に作成出来るという特徴があります。これにより、仕様に変更があった時に、元のオブジェクトを修正すればよく、仕様変更が簡単に行えるというメリットも持ち合わせています。

インスタンスを生成してオブジェクト指向を理解しよう

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>object JavaScript</title>
</head>
<body>
  犬の名前：<input type="text" id="dogname" placeholder="Hachi">
  <input type="button" id="keep" value="犬を飼う"><br>
  <div id="call">
    呼ぶ名前：<input type="text" id="callname" placeholder="Hachi">
    <input type="button" id="calldog" value="犬を呼ぶ">
  </div>
  <script type="text/javascript">
    var NewDog;
    document.getElementById("call").style.display = "none";
    
    // 犬オブジェクト
    function Dog(Name)  {
      this.name = Name;
      alert("あなたは、" + this.name + "を飼った。名前を呼んでください。")
      this.call = function (callname) {
        if(this.name == callname){
          alert('Bow-wow!');
        }else{
          alert('wooooooooo!');
        }
      }
    }
    keep.addEventListener('click', function () {
      if(document.querySelector('#dogname').value != ""){
        NewDog = new Dog(document.querySelector('#dogname').value);
        document.getElementById("call").style.display = "block";
      }else{
        alert("犬に名前を付けてください")
      }
    });
    calldog.addEventListener('click', function () {
      NewDog.call(document.querySelector('#callname').value);
    });
  </script>
  </body>
</html>

 

まとめ

オブジェクト指向プログラミングなどと聞くと難しそうに思えると思いますが、今、皆様が利用しているプログラミング言語の殆どが、大なり小なりオブジェクト指向の要素を取り込んでいます。

ですので、知らず知らずのうちに皆様もオブジェクト指向プログラミングを実践していることになるのです。あまり、身構えずに取り組んで見てください。

筆者プロフィール

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

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

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

 

大石ゆかり

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

田島悠介

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

大石ゆかり

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

 

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

挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。

記事を検索

関連するキーワード

関連する記事

JavaScriptでキーコードを取得する方法を現役エンジニアが解説【初心者向け】

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

JavaScriptのIF文の省略形の書き方を現役エンジニアが解説【初心者向け】

JavaScriptのIF文の省略形の書き方について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。 J...
JavaScript

JavaScriptでエラーメッセージを表示する方法を現役エンジニアが解説【初心者向け】

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

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

JavaScriptでiframeを操作する方法について解説します。 実際のコードをもとに解説していきますので、理解を深めていきましょう。 また、入...
JavaScript

JavaScriptの主なエラーと解決方法を現役エンジニアが解説【初心者向け】

JavaScriptの主なエラーと解決方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 ...
JavaScript

JavaScriptで数値の切り上げをする方法を現役エンジニアが解説【初心者向け】

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

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

徹底解説！オブジェクト指向とは【初心者向け】

プログラミング言語を学習する中でオブジェクト指向という言葉を聞いたことがある人は多いのではないでしょうか。 この記事では、オブジェクト指向という概念について解説します。   なお本記事は、TechAcademyのJava講座の内容をもとに作成しています。   田島悠介 ここではオブジェクト指向について詳しく見ていこうか。 大石ゆかり 田島メンター！Javaはオブジェクト指向の言語なんですよね。まだあまり把握できていないのですが、一体どういうものなんでしょうか～？ 田島悠介 そうだね、まずはどういった背景でオブジェクト指向が生まれたのかというところから話をしよう。 大石ゆかり はい！よろしくお願いします！ オブジェクト指向とは オブジェクト指向(Object-Oriented)という言葉は、現代のプログラミングにとって馴染みの深い用語でありながら、その全容を正しく理解することは困難を極めます。 その原因の一つに、この言葉の成り立ちが複数の異なる概念からスタートしていることが挙げられます。 クラスやオブジェクトという言葉が生まれたのは、1960年代後半に開発されたSimula67というプログラミング言語です。とはいえ、この時点ではオブジェクト指向という考え方は存在していませんでした。 このSimula67のオブジェクトを用いて、コンピューティングをオブジェクトとそれに対するメッセージングで表現するという考えをアラン・ケイが提唱し、この考え方をオブジェクト指向(Object-Oriented)と名付けました。この考えでは、オブジェクトではなくメッセージのやりとりこそが重要な点であると主張されています。   一方で、ビャーネ・ストラウストラップは、Simula67のクラスを用いることで、int型のようなデータ型をユーザーが新しく定義できることに着目しました。このようなユーザー定義のデータ型は抽象データ型と呼ばれます。 この思想はバーバラ・リスコフが開発したプログラミング言語CLUを経てC++などの言語に取り入れられ、カプセル化や継承、多態性といった要素を含む現在のオブジェクト指向の根幹となっています。 このように、概念の異なる複数の思想がともにオブジェクト指向という名で呼ばれるようになりました。その後、多くのオブジェクト指向言語が開発され、実用される中で、オブジェクト指向プログラミングのサンプルは非常に増えましたが、オブジェクト指向とは何かを一言で定義することは難しくなっています。 この記事では、ストラウストラップらによる、抽象データ型の実現という側面から見たオブジェクト指向について解説します。この考えはクラスベースのオブジェクト指向とも呼ばれます。   クラスベースのオブジェクト指向 抽象データ型は、以下のような特徴を持っています。 データ構造とそれに対する手続きが定義されている intのようなプリミティブ型と同様にデータ型として使用できる クラスベースのオブジェクト指向では、データ構造(フィールド)と手続き(メソッド)を持つクラスを定義し、変数やメソッド引数・戻り値の型として使用することができます。これは、抽象データ型を実現したものとなります。 例として、Java言語でよく使用するStringもそうしてデータ構造と手続きを定義されたクラスです。Stringはintのようなプリミティブ型と同様にデータ型として使用でき、参照型と呼ばれます。 int i = 0;  // プリミティブ型 String s = "Hello, World";  // Stringクラスとして定義された参照型 ここで、上記の変数sは、Stringクラス内に定義されたデータ構造を使用して”Hello, World”という文字列を保持しています。   また、例えば文字列の文字数が知りたい場合に、以下のようにメソッドを呼び出すことで、手続きを行うことができます。 String s = "Hello, World"; int count = s.length();   // lengthメソッドの呼び出し このとき、lengthメソッドを呼び出す側は、Stringクラス内に文字列がどのようなデータ構造として格納されているか、ということを知る必要はありません。Stringクラス内部のデータ構造に直接アクセスすることなく、手続きとしてのメソッドを呼び出すことで文字数を取得するという目的が達成できるのです。 もしStringクラスの実装が変わり、内部のデータ構造が変化しても、上記のようなStringの機能を呼び出している側のコードに影響はありません。 これは、Java言語においておそらく最も身近な参照型であるStringクラスの例です。同様に、自分でも構造と振る舞いを持ったクラスを定義し、参照型として使用することができます。 これが、現在クラスベースのオブジェクト指向と呼ばれている考え方の基本になります。   田島悠介 クラスベースのオブジェクト指向についての説明だよ。 大石ゆかり Javaはこれに該当するんですね。 田島悠介 次に、多態性についても解説しよう。 [PR] コーディングで副業する方法とは継承と多態性 クラスを用いて新しいデータ型を定義できるというクラスベースのオブジェクト指向の特性において、重要な要素が多態性(Polymorphism)です。 どのような場面で必要となるか、これもJava言語の学習でよく使用する、System.out.printlnを例に挙げて説明します。 Date date = new Date(); System.out.println(date); // 日付が表示される BigDecimal number = new BigDecimal(3.5); System.out.println(number); // 3.5という数字が表示される printlnメソッドの引数に、一方ではDate型の変数を渡し、もう一方ではBigDecimal型の変数を渡しています。では、Date用のprintlnメソッドとBigDecimal用のprintlnメソッドがそれぞれ用意されているのでしょうか。 もちろん、そんなことはありません。新しい型はクラスを定義することでいくらでも増やすことができるため、一つ一つの型に対してメソッドを用意していくことは不可能です。 これを実現しているのが、継承と多態性です。DateもBigDecimalをはじめとして、すべてのJavaのクラスはObjectクラスを継承しており、Object型として振る舞うことができます。上記のコードは、以下のように解釈することができ、同じ実行結果となります。 Object date = new Date(); System.out.println(date); // 日付が表示される Object number = new BigDecimal(3.5); System.out.println(number); // 3.5という数字が表示される Date型、BigDecimal型いずれの場合でも、Object型を引数にするprintlnメソッドが使用されます。このメソッドは、表示する文字列としてObjectクラスのtoStringメソッドの戻り値を使用します。 ここで、Dateクラス、BigDecimalクラスはそれぞれObjectクラスのtoStringメソッドを再定義(オーバーライド)しています。その結果、同じObject型としてtoStringメソッドを実行しても、Dateクラスのオブジェクトでは日付を示す文字列が、BigDecimalクラスのオブジェクトでは数値を示す文字列がそれぞれ返ります。 これによって無数のJavaクラスや、自分で新たに作成したクラスのオブジェクトを、printlnメソッドの引数として使用することができます。 もちろん、System.out.println以外でも様々なケースでこのような振る舞いは活用されます。データ型をクラスとして新しく定義できるという特性を活かすために、型を汎用的に操作するとともに、個々の振る舞いは定義されたクラス側によって変化するという性質は重要で、これが多態性の基本となります。   以上、オブジェクト指向について解説しました。 入門向けJavaの学習サイトもまとめているので、合わせてご覧ください。   田島悠介 継承と多態性について説明したよ。 大石ゆかり メソッドの実行結果が、クラスによって変わるといった感じでしょうか。 田島悠介 オブジェクト指向について理解しておくことで、Javaの構成もより分かりやすくなると思うよ。改めて勉強してみよう。 大石ゆかり そうですね、一度見直してみます。ありがとうございました！ TechAcademyでは、初心者でもJavaやServletの技術を使ってWebアプリケーション開発を習得できるオンラインブートキャンプを開催しています。 また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。
Java

PHPを使う上で知っておきたいクラスとは【初心者向け】

今回はPHPでオブジェクト指向のプログラミングについて解説していきます。 クラスやインスタンス、継承など実際に業務に関わる際には重要な知識になります。PHPを始めたばかりという人はまだ使ったことが無いかもしれませんが、覚えておくととても便利なので、ぜひ自分でも書いてみてください。 そもそもPHPが何か分からない場合は、先にPHPとはの記事をご覧ください。   なお本記事は、TechAcademyのPHPオンライン講座の内容をもとにしています。 今回の記事の内容は動画でもご覧いただけます。 テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。（動画は3つに分かれています）   オブジェクト指向とは オブジェクト指向によるプログラミングとは、プログラムを機能ごとにまとめて作成していく手法を指します。 例えばショッピングサイトの場合、「ページを表示する機能」「金額を計算する機能」「メールを送信していく機能」など様々な機能がありますよね。 これらの機能ごとにプログラムを作成する手法がオブジェクト指向です。 オブジェクト指向の一番の利点は、保守やデバッグがしやすくなることです。 例えば以下のような結果を表示させたいと考えてみてください。   オブジェクト指向を使用しない場合 次の例では、設定機能と表示機能が分けられていません //--------関係ある部分だけ抜粋 echo "アイテム　: シャツ"<br /> 値段(税込): 1080<br /><br />"; echo "アイテム　: シューズ"<br /> 値段(税込): 3240<br /><br />"; 例えば消費税が変わったとしましょう。 オブジェクト指向を使用していない場合、プログラム中で消費税の計算を使用している商品を全て洗い出さないといけません。大規模なシステムになると大変です。   オブジェクト指向を使用した場合 次の例では設定機能と表示機能を分けてプログラムしてみます。 設定機能のプログラム部分 //設定部分 public function sayItem (){ print "アイテム : ".$this->name . "<br /> 値段(税込): ".$this->price * 1.08."<br /><br
PHP

今さら聞けない！デザインパターンとは【初心者向け】

初心者向けにデザインパターンとは何なのか解説しています。 プログラミングではよく聞く言葉なのですが、しっかりと基本を理解して使っている人は少ないようです。本稿ではデザインパターンの基本的な知識と、おすすめの書籍についてまとめました。 Javaについてそもそもよく分からないという方は、Javaとは何なのか解説した記事をまずご覧ください   なお本記事は、TechAcademyのJava講座の内容をもとに作成しています。   なお、今回の記事の内容は動画でもご覧いただけます。 テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。 大石ゆかり 田島メンター！！デザインパターンというのは何ですか～？ 田島悠介 オブジェクト指向において色んなプログラムで再利用できる設計パターンのことで、1995年に発刊された「オブジェクト指向における再利用のためのデザインパターン」という本で広く知られるようになったんだ。 大石ゆかり 具体的にはどんなものがあるんですか？ 田島悠介 主にオブジェクトの生成に関するもの、プログラムの構造に関するもの、オブジェクトの振る舞いに関するものがあるよ。実際に見てみよう。   目次 デザインパターンとは デザインパターンの目的 デザインパターンの種類 デザインパターンの学習におすすめの本   デザインパターンとは デザインパターンとは、JavaやRubyなどのオブジェクト指向の言語で使われる設計パターンのことです。過去のエンジニアが解決してきた方法（設計）が、デザインパターンとしてまとめられているのです。 デザインパターンと言ってもいろいろとあるのですが、最も有名なのはGoF（Gnag of Four）でしょう。「生成」や「構造」、「振る舞い」の3つに分類された、23のパターンがあります。 デザインパターンは体系だっているので、ビギナークラスのエンジニアがオブジェクト指向を学ぶ題材としても役に立つことでしょう。   [PR] コーディングで副業する方法とはデザインパターンの目的 デザインパターンに取り組むべき主な目的は、以下の3つです。   ベストプラクティスを体得する デザインパターンは、設計のベストプラクティスとも言えます。 エンジニアが試行錯誤した結果を、少ない時間で体得する（利用する）ことができるのです。プログラミングの効率化もできますし、先人のアイデアを学ぶこともできるでしょう。   再利用性の高いコードを書く デザインパターンに取り組むことで、再利用性の高いコードを書くこともできます。コードの見通しも良くなり、メンテナンス性も高まります。   エンジニア同士の共通言語にする エンジニアの中には、デザインパターンに親しんだ人も数多くいます。そのため、デザインパターンが考慮されたコードは、他のエンジニアにとっても読みやすいコードになります。言わば、エンジニアの共通言語とも言うことができるのです。   デザインパターンの種類 GoFデザインパターンという定番パターンは全部で23種類あります。それぞれ3つに分類され利用されているので、役割を理解しておきましょう。   オブジェクトの生成に関するパターン Abstract Factory Factoryクラスを切り替えることでインスタンスを切り替えることが可能です。 Builder 複数のオブジェクトを生成する上で、専用のクラスを用意する際に便利です。 Factory Method 機能が複雑になりクラスが多くなった際に使えるでしょう。一緒に使いたいオブジェクトを生成する際に利用しましょう。 Prototype 同じクラスで複数のオブジェクトを作成する際に便利です。毎回コンストラクタを使ってオブジェクトを生成することなくクローンを生成できるので、作業の効率化が見込めます。 Singleton オブジェクトを一つだけ生成させるデザインパターンです。1つのクラスから1つのオブジェクトだけと制限する際に使えます。   プログラムの構造に関するパターン Adapter 本来繋がっていないクラス同士を関連づけることができます。 Bridge 継承元のスーパークラスの抽象メソッドを適切に実装したり、機能を拡張する際に利用すると良いでしょう。 Composite インターフェースを利用した際に応用の幅が広がります。 Decorator 継承以外の手段で機能を追加することができます。 Facade 1つのメッセージを複数のクラスで処理を行うことができます。複数人で開発する際、クラスを作る人と使う人がいるかと思います。クラスを使う際に楽をさせる作業になるはずです。 Flyweight 小さなオブジェクトを数多くロードする状況で効率的に処理できます。 Proxy インターフェースとメッセージフックを応用するという点で便利でしょう。   オブジェクトの振る舞いに関するパターン Chain of Responsibility メッセージを他のクラスのオブジェクトに送って処理することが可能です。 Command 命令を表すオブジェクトをメソッドの引数にすることで、1つの引数で複数のデータと処理を伝えることができます。 Interpreter インターフェースを使って、構文解析の結果をツリー構造で表示します。 Iterator オブジェクト間の関連をシンプルにすることができます。複数のつながりをシンプルにできるでしょう。 Mediator クラス間の疎結合を綺麗に整理することができます。複数のオブジェクトを組み合わせて機能を実装する際に使えます。 Memento オブジェクトの状態を保存したまま元の状態に復元することができます。 Observer あるオブジェクトの変化を別のオブジェクトに通知させることが可能です。 State if文を利用することなく、状態に対応した処理を行うことができます。 Strategy クラスを使う人のコードを変更することなくアルゴリズムを変更することが可能になります。 Template Method メソッドの機能を部分的に変更するために便利でしょう。 Visitor 利用頻度は少ないかもしれませんが、オブジェクトに動的に機能を追加するために利用できます。   田島悠介 「オブジェクト指向における再利用のためのデザインパターン」で取り上げられている23種類のデザインパターンだよ。 大石ゆかり それぞれが先ほどの3つの種類に分類されているんですね。 田島悠介 この本はGang of Fourと呼ばれる4人によって書かれたため、GoF本ともいわれるんだ。今は色々な書籍でこのパターンについての解説がされているよ。   デザインパターンの学習におすすめの本 最後に、デザインパターンのおすすめの書籍をご紹介しておきましょう。デザインパターンの入門書として活用してください。   増補改訂版Java言語で学ぶデザインパターン入門 増補改訂版Java言語で学ぶデザインパターン入門 最も有名なデザインパターンであるGoFの23パターンを、Java言語を使って解説してある本です。 初心者でも理解できるようにわかりやすく書いてあるので、デザインパターンの入門書としておすすめです。   独習デザインパターン 独習デザインパターン Java言語を題材に、デザインパターンについて平易な内容で説明してある入門書です。 事例がたくさん盛り込まれているところもいい点です。   オブジェクト指向における再利用のためのデザインパターン オブジェクト指向における再利用のためのデザインパターン デザインパターンのバイブル的存在の書籍です。デザインパターンの王道であるGoFをJavaを使って紹介しているのですが、内容的にはボリュームがあります。読み終えるには時間がかかるかもしれません。   デザインパターンの基礎知識と、おすすめの書籍についてご紹介しました。デザインパターンは知識として持っておくだけでは意味がありません。積極的に使っていただき、日々のプログラミングを効率化していっていただければと思います。   田島悠介 最後に、デザインパターンに関する学習書籍を紹介したよ。 大石ゆかり 初めて勉強するならどれがいいでしょうか？ 田島悠介 まずは「増補改訂版Java言語で学ぶデザインパターン入門」を読んでみるのがいいんじゃないかな。GoFの23のパターンを分かりやすく解説しているので、基礎を学ぶのに適していると思うよ。 大石ゆかり なるほど、分かりました！ありがとうございます！   入門向けのJava学習サイトも紹介しているので、合わせてご覧ください。 また、オンラインのプログラミングスクールTechAcademyでは、Java講座を開催しています。 JavaやServletの技術を使ってWebアプリケーションの開発を学ぶことができます。 現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、習得することが可能です。
Java

JavaScriptでオブジェクトを使う方法【初心者向け】

JavaScriptをプログラミング初心者向けに紹介した記事です。 今回は、JavaScriptでオブジェクトを使う方法について解説します。 また、入門向けのJavaScriptを学習できるサイトも紹介しているので、合わせてご覧ください。   本記事では、テキストエディタのmiを使っていますが、JavaScriptの場合はWebブラウザとテキストエディタがあれば特別な開発環境がなくても開発することができます。   なお本記事は、オンラインブートキャンプ フロントエンドコース（JavaScript・jQuery講座）の内容をもとにしています。   今回の記事の内容は動画でもご覧いただけます。 テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。 テキストと動画で、解説に少し違う部分があります。テキストは、JavaScriptの「ES6(ES2015)」というバージョンに基づいて解説しています。動画は、そのひとつ前の「ES5」というバージョンに基づいて解説しています。   目次 オブジェクトとは 実際にオブジェクトを作ってみよう 　―各プロパティを呼び出してみよう プロパティの値を書き換えてみよう     オブジェクトとは オブジェクトとは、プロパティ（※）を複数集めたもの集合のことです。変数配列もオブジェクトの一種に当たります。データを管理するのに非常に重要なものなので、是非覚えましょう。 ※プロパティ…あらかじめ設定しておいた特定の情報（値）に、名前（プロパティ名）をつけたもの   大石ゆかり 田島メンター！オブジェクトというのは何でしょうか？変数配列もオブジェクト？？？なんですか？ 田島悠介 少しややこしいんだよね。JavaScriptって全ての値がオブジェクト、もしくはオブジェクトのように振舞うから。 大石ゆかり なぜ全ての値がオブジェクトのようにふるまうのでしょうか？ 田島悠介 とりあえず簡単にオブジェクトっていう、変数や関数を格納しておける小さなプログラムの単位って考えるといいよ。さっそく書き方を見てみよう！   [PR] コーディングで副業する方法とは実際にオブジェクトを作ってみよう traffic_light（信号機）という変数を作り、色に応じてメッセージが表示されるようなプログラムを書きます。 <!DOCTYPE html> <html lang = "ja"> <head> <meta charset = "utf-8"> <title>JavaScriptの練習</title> </head> <body> <script> const traffic_light = { blue: "go",
JavaScript

JavaScriptのメソッドと関数の違いを現役エンジニアが解説【初心者向け】

JavaScriptのメソッドと関数の違いについて、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。   JavaScriptについてそもそもよく分からないという方は、JavaScriptとは何なのか解説した記事をみてみましょう。   なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 JavaScriptのメソッドと関数の違いについて詳しく説明していくね！ 大石ゆかり お願いします！   メソッドとは メソッドとは、オブジェクト指向言語における用語でオブジェクトに属する処理や操作のことをメソッドと呼びます。   多くのオブジェクト指向言語では、ドット演算子を用いて、オブジェクトとメソッドを以下のように表現可能です。 オブジェクト指向言語におけるメソッド記述方式は、以下のようになります。 CdPlayer.play();   関数とは 関数とはプログラミング言語において、何らかのまとまった処理を実行する処理ブロックを関数と呼びます。 一旦定義した関数は、いろいろな処理部分から呼び出して実行することが可能です。 JavaScriptでも、何かとfunctionの形式で関数を使います。 関数を使ったプログラムの例 単純な、２つの数値の足し算を実行するプログラムです。 var num1 = 2; var num2 = 7; function tashizan(arg1, arg2) { var kekka = arg1 + arg2 ; return kekka; } var kotae = tashizan(num1, num2); console.log( kotae ); // 9と表示される   [PR] コーディングで副業する方法とはメソッドと関数の違い JavaScript言語においては、どちらも関数(function）を使って実装します。 その際、オブジェクト型データに実装した関数を、メソッドと呼ぶことができるでしょう。 例えば、JavaScriptでは以下のようなオブジェクト型のコードを作ることが可能です。 var dog = { name : "tarou", age : 2, hoeru() { return "わんわん"; } } console.log( dog.hoeru() ); // わんわん しかし、この程度の複雑さであれば、同じ結果は以下のような関数だけの手続き型プログラムでも得られます。 function hoeru() { return "わんわん" ; } console.log(
JavaScript

今さら聞けない！Javaとは 【初心者向け】｜現役エンジニアが解説

「Javaとは聞いた事があるけど何が便利なのか分からない」といった初心者の方向けにJavaについて詳しく見ていきます。 Javaはプログラミング言語の中でも人気な言語ですので、使えるようになれば仕事も多く手に入るはずです。 これからJavaを勉強しようと思っている方はぜひ参考にしてみてください。   なお本記事は、TechAcademyのオンラインブートキャンプ、Java講座の内容をもとに作成しています。   なお、今回の記事の内容は動画でもご覧いただけます。 テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。   大石ゆかり 田島メンター！！今日はJavaについて教えてください！ 田島悠介 Javaは世界中の基幹システムで使われているプログラミング言語だよ。長年企業の最前線で使われてきたから、様々なライブラリやフレームワークがあって、今も進化し続けているよ。 大石ゆかり そうなんですね。 田島悠介 他にもいくつかの特徴があるので、実際にひとつずつ見てみよう。   目次 Javaとは Javaでどんなことができるか Javaを使うメリット Javaによるデメリット Javaの書き方 クラスとは Javaを実行するまでの手順 Javaの基本構文   Javaとは Javaとはプログラミング言語の1つです。 世界的に見ても使用されている言語、習得したい言語として1位を記録するほどに実績のある言語です。 なぜここまで人気が高いのかを説明すると、「Javaは多くの現場で使われていること」、「汎用的でOSに依存しない」などの理由があります。 OSに依存しないという点は重要で、作成したソフトが動く環境を考えるというのはプログラマーにとって大変な問題です。 macOSなのかWindowsなのかでさえもとても重要な問題です。 そんな中でも安定して動作するプラットフォームを提供してくれるJavaという言語は人気が高いといえるでしょう。   また、様々な言語のもとになっているという点でもJavaは優れているといえるでしょう。 開発にはJDK(Java Development Kit)を使用します。これはJavaの公式サイトから無料でダウンロードすることができます。 JDKダウンロード   [PR] コーディングで副業する方法とはJavaでどんなことができるか JavaはOSに依存をしないことからどんな環境でもソフトを動かすことができます。 例えば、Webアプリケーションのサーバーサイドプログラムを組むことができますし、金融システムなどの厳しい要件に対応することもできます。 サーバーサイドとは、サーバー側で動くアプリケーションのことで、Web上のアプリケーションが良い例だと思います。 そのような意味ではJavaはWebとも相性が良く、総じていえばどんなものにも搭載されているマルチな言語であるという事ができるでしょう。   また、Oracleの公式サイトでも紹介されていますが、有名ゲームMinecraftもJavaによって作成されています。 Minecraft Javaを使うためにはインストールする必要がありますので、インストール方法も合わせてご覧ください。 ※Javaの開発はWindows・Mac・Linuxいずれからでも行うことができます。   Javaを使うメリット 処理速度が速い Javaは、起動にコンパイルを必要とするコンパイラ言語であるためRubyやPHP, Pythonといった言語よりも処理速度が速いのが特徴です。   プラットフォームに依存しない OSに関係なく、Windows, iOS, Linuxで動作させることができる言語です。   オブジェクト指向である 実際の業務をモデル化してプログラムを作りやすく、カプセル化などの技術によりセキュリティコントロールも容易です。   Javaによるデメリット プログラミング以外の作業が大変 一度環境を整えれば、Javaは本当に高性能な言語ですが、実際に動かせるようになるまでのインフラの準備が、PHPなどのサーバーサイドプログラムと比べるとハードルが高いです。   学習コストが高い Javaは、高いセキュリティを確保したり、安定した動作が期待できますが、プログラミング時の制約が多く、プログラマが自立した実力を身に着けるまでに長い期間が必要です。   Javaの書き方 Javaはオブジェクト指向言語です。 C#やRubyなどの他言語もJavaを追随しており、classを使ってプログラミングします。 オブジェクト指向とは、現実世界をモデル化し、モノとその操作のあり方をプログラムで表現する書き方です。 Javaはオブジェクト指向型のプログラミングをするという事を覚えておきましょう。 上記にあげたように、Javaは世界的に見ても有名な言語で世界で書けるという方は多くいます。 これから勉強するという方はぜひ習得に励んでみてください。   クラスとは クラスは、主にデータとメソッドの2つの情報を持ちます。例えば、犬であれば名前がデータで、メソッドがお手です。 クラスという設計図を元に、仮想の犬をJVM（Java Virtual Machine）上で生成して動かす、といったイメージです。 この仮想のオブジェクトを生成する操作をインスタンス化と呼びます。   田島悠介 オブジェクト指向というのがJavaの大きな特徴のひとつだよ。プログラムを部品に分けて、それらを組み合わせて構成していくんだ。 大石ゆかり クラスとかオブジェクトとか、色々複雑そうですね…… 田島悠介 そうだね。でも、それによって、プログラムでモノの状態や動きを表現できる、高度な概念なんだ。JavaScriptも、PHPも、Javaのオブジェクト指向を真似して追加アップデートをしてきているんだ。だから、Javaを理解することで、他の言語にも詳しくなれるよ。   Javaを実行するまでの手順 Javaが実行される大まかな流れです。 ソースプログラムの作成 ソースプログラムをコンパイルしクラスファイルを作成する クラスファイルを実行する ソースプログラム(拡張子.javaのファイル)の作成 まず簡単な文字列を出力するファイル”Test.java”があるとします。これをソースプログラムといいます。 Test.java class Test{ public static void main(String[] args){ System.out.println("aaabbbccc"); } }   ソースプログラムをコンパイルする：クラスファイル(拡張子.class)の作成 このファイルをJava仮想マシン(Java virtual machine、Java VM、JVM)で実行できるファイルに変換します。これをコンパイルといいます。 コンパイルはターミナルでソースプログラムのある場所に移動し、以下のコマンドを入力することで実行されます。 javac ソールプログラムのファイル名.java 今回の場合は”Test.java”となります。ここでは拡張子がないとエラーとなります。 コンパイルが完了すると、.classという拡張子で同じ名前のファイルがソースプログラムと同ディレクトリ内に作成されます。これをクラスファイルといいます。 ソースプログラムのあるフォルダを見ると”Test.class”というファイルが新たに作成されているのが分かります。   クラスファイルの実行 最後にこのクラスファイルを実行します。以下のコマンドをターミナルで入力します。 java クラス名(ファイル名) 今回の場合はTestを入力します。※ここでは拡張子.javaは入力しません。 文字列がターミナルに出力されました。 コンパイラに使用するjavac(Javaのcompiler)、クラスファイルの実行に必要なjavaコマンドはいずれも前述のJDK(Java Development Kit)をインストールすることで使用することができます。   Javaの基本構文 Javaなどプログラミングでよく使う構文についていくつか紹介していきます。 これからプログラミングをしていく中で毎回のように出てくる基礎的な内容なので、今後のために書き方を覚えておきましょう。 main関数 main関数は、Javaの実行時に必ず必要になる関数です。 見慣れない修飾子も多いですが、暗記してしまいましょう。 public static void main(String[] args) { // この中に、最初に実行したい処理を記述する。 System.out.println("Javaは必ずmain関数から実行されます"); } 読み方は、「パブリック　スタティック　ボイド　メイン　ストリング　アーグス」となります。 if文 if文は、「もし◯◯したら〜する」といった条件分岐を作るのに使用する便利な構文です。 if(sample1 && sample2){ //sample1とsample2がどちらもtrueだった場合の処理 System.out.println("sample1とsample2はどちらもtrueです"); } for文 for文は、繰り返し処理をする際に使用します。例えば1~100までの数字を1つずつ手動で足していくのは面倒ですが、for文を使えば一瞬で処理が完了します。 for( int i = 1; i < 10; i++ ){
Java

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

副業したい方

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

はじめての副業コース

転職したい方

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

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

スキルアップしたい方

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

Pythonコース

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

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

オーダーメイドコース
TechAcademy（テックアカデミー） フロントエンドコース プログラミング JavaScript JavaScriptにおけるオブジェクト指向について現役エンジニアが解説【初心者向け】