# 課題

抽象クラス ``Shape`` が用意されています。このクラスには2つの抽象メソッド ``calculateArea()`` と ``calculatePerimeter()`` が含まれています。あなたの課題は、``Rectangle`` と ``Circle`` の2つのクラスを実装することです。これらのクラスを抽象クラス ``Shape`` から継承し、そのメソッドを**オーバーライド**してください。

簡単なガイド:

* ``Circle`` クラスには `radius` フィールドが、`Rectangle` クラスには `width` と `height` フィールドが必要です。これらのフィールドとコンストラクタは**すでに用意されています**。メソッドをオーバーライドする際にこれらのフィールドを使用してください。

* 幾何学の知識があまりなくても、必要な公式を以下にまとめました:
*  円の面積: **Pi * radius * radius**
* 円の周囲長: **2 * PI * radius**
* 長方形の面積: **width * height**
* 長方形の周囲長: **2 * (width + height)**

円周率（π）の値を使用するには、``Math`` ライブラリを利用してください。``Math.PI`` でπの値にアクセスできます。







<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.3/codemirror.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.3/theme/dracula.min.css">


<link rel="stylesheet" href="https://content-media-cdn.codefinity.com/courses/c1087363-9025-4c37-8d5e-983a32a007e9/buttons-section/hint-solution-with-copyable-%26%3Dhighlighted-code.css">

<div class="button-container">
  <button class="button" onclick="toggleBlock6('hint-block6', 'solution-block6')">
    ヒント
  </button>
  <button class="button" onclick="toggleBlock6('solution-block6', 'hint-block6')">
    解答例
  </button>
</div>


<div id="hint-block6" class="block hint-styling-block">
  <li>
    次を使ってください: <code>@Override</code> アノテーションを使って、
    抽象クラス <code>Shape</code> の両方のメソッドをオーバーライドします: <code>calculateArea()</code> と
    <code>calculatePerimeter()</code>。
  </li>
  <li>
    <code>Circle</code> の場合は、上記で説明した <b>公式を利用してください</b>。
    π の値にアクセスするには <code>Math.PI</code> を使います。
  </li>
  <li>次の構文を使ってください: <code>return "formula to calculate";</code>。</li>
  <li>
    <b>テストを実行</b> ボタンをクリックして、解答が正しいか確認しましょう。
  </li>
</div>

<div id="solution-block6" class="block solution-styling-block">
  
  <textarea id="code-6" class="language-java">
// Circle クラス:
@Override
public double calculateArea() {
    return Math.PI * radius * radius;
}

@Override
public double calculatePerimeter() {
    return 2 * Math.PI * radius;
}

// Rectangle クラス:
@Override
public double calculateArea() {
    return width * height;
}

@Override
public double calculatePerimeter() {
    return 2 * (width + height);
}</textarea>

  <button class="copy-button" onclick="handleClick6('code-6')">
    <svg width="20" height="20" x="0" y="0" viewBox="0 0 32 32" style="enable-background: new 0 0 512 512" xml:space="preserve" class="">
      <g>
        <path d="m26.121 6.707-3.828-3.828A2.98 2.98 0 0 0 20.172 2H12a3.003 3.003 0 0 0-3 3v1H8a3.003 3.003 0 0 0-3 3v18a3.003 3.003 0 0 0 3 3h12a3.003 3.003 0 0 0 3-3v-1h1a3.003 3.003 0 0 0 3-3V8.829a2.982 2.982 0 0 0-.879-2.122ZM22 5.414 23.586 7H22ZM20 28H8a1.001 1.001 0 0 1-1-1V9a1.001 1.001 0 0 1 1-1h8v3a2.002 2.002 0 0 0 2 2h3v14a1 1 0 0 1-1 1ZM18 9.414 19.586 11H18ZM24 24h-1V12.829a2.982 2.982 0 0 0-.879-2.122l-3.828-3.828A2.98 2.98 0 0 0 16.171 6H11V5a1.001 1.001 0 0 1 1-1h8v3a2.002 2.002 0 0 0 2 2h3v14a1 1 0 0 1-1 1Zm-6-8h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2Zm0 4h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2Zm0 4h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2Z" fill="#a6b8e6" opacity="1" data-original="#000000" class=""></path>
      </g>
    </svg>
  </button>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.3/codemirror.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.62.3/mode/clike/clike.min.js"></script>


<script src="https://cdn.jsdelivr.net/npm/notiflix@2.7.0/dist/notiflix-aio-2.7.0.min.js"></script>

<script>
  document.addEventListener("readystatechange", (event) => {
    if (event.target.readyState === "complete") {
      onPageLoad6();
    }
  });

  function onPageLoad6() {
    var editor = CodeMirror.fromTextArea(document.getElementById("code-6"), {
      lineNumbers: true,
      mode: "text/x-java",
      theme: "dracula",
    });

    // ----------> HIGHLIGHT <----------
    editor.markText(
      { line: 0, ch: 0 },
      { line: 0, ch: 0 },
      { className: "specific" }
    );

    editor.markText(
      { line: 0, ch: 0 },
      { line: 0, ch: 0 },
      { className: "specific" }
    );

    editor.markText(
      { line: 0, ch: 0 },
      { line: 0, ch: 0 },
      { className: "specific" }
    );

    editor.markText(
      { line: 0, ch: 0 },
      { line: 0, ch: 0 },
      { className: "specific" }
    );

    editor.markText(
      { line: 0, ch: 0 },
      { line: 0, ch: 0 },
      { className: "specific" }
    );

    // Initially hide both the hint and solution blocks
    hideBlock6("hint-block6");
    hideBlock6("solution-block6");
  }

  // Copy Button handler
  const handleClick6 = (codeBlock) => {
    const textarea = document.getElementById(codeBlock);
    const copiedText = textarea.value;

    navigator.clipboard.writeText(copiedText);

    Notiflix.Notify.Success("Copied to clipboard!", {
      timeout: 2000,
      width: "260px",
      position: "center-top",
      textColor: "#ff5549",
    });
  };

  // Function to toggle the visibility of a block
  const toggleBlock6 = (blockId) => {
    const block = document.getElementById(blockId);

    if (block.style.display === "none" || block.style.display === "") {
      hideBlock6("hint-block6");
      hideBlock6("solution-block6");
      showBlock6(blockId);
    } else {
      hideBlock6(blockId);
    }
  };

  // Function to show a block
  const showBlock6 = (blockId) => {
    const block = document.getElementById(blockId);
    block.style.display = "block";
  };

  // Function to hide a block
  const hideBlock6 = (blockId) => {
    const block = document.getElementById(blockId);
    block.style.display = "none";
  };
</script>

OOPを理解している人はプログラミングが得意だと多くのプログラマーが言います。Java学習の重要な部分に備えましょう。この分野を習得することで、プログラミングスキル全般が大きく向上します。Java開発環境の効果的な利用方法、オブジェクト指向プログラミング（OOP）の原則、OOPにおけるベストプラクティスを学びます。コードを柔軟にし、これまで学んだ内容をさらに深めることができます。さあ、始めましょう。


いよいよ、Javaにおけるオブジェクト指向プログラミング（OOP）の学習を始めます。難易度は高いかもしれませんが、きっと成功できると確信しています。このセクションでは、OOPのすべての原則を取り上げ、OOPがなぜ重要なのかを説明します。クラスの継承、メソッドのオーバーロードとオーバーライド、他のクラスからのデータのカプセル化、抽象化の扱い方を学びます。さらに、これらの理論的な概念を実践的な演習で強化し、IDEで課題に取り組みます。実践的かつ理論的な豊富な知識を身につけることができますので、さっそく始めましょう。

前のセクションでは、すべてのオブジェクト指向プログラミングが主に抽象化の上に構築されていることを確認しました。しかし、抽象クラスには大きな制限があり、1つの抽象クラスからしか継承できません。では、さらに多くの継承が必要な場合はどうすればよいでしょうか？
そこでインターフェースが登場します。このセクションでは、インターフェースとは何か、なぜ必要なのか、正しい使い方について学び、オブジェクト指向プログラミングの実践を続けます。あなたをプロフェッショナルへと導きます。

チャレンジ：抽象化

課題