先生と生徒の会話形式で理解しよう

生徒

「TypeScriptでオブジェクト指向のクラスを勉強しているんですけど、関数型と一緒に使うこともあるんですか？」

先生

「そうですね。TypeScriptではクラスを使ったオブジェクト指向プログラミング（OOP）と、関数型プログラミングの考え方をうまく組み合わせることができますよ。」

生徒

「クラスだけでもアプリは作れると思うんですけど、なぜ関数型と一緒にする必要があるんですか？」

先生

「良いポイントですね。実は、関数型を取り入れることでコードがシンプルになり、テストや再利用がしやすくなるんです。それでは具体的に見ていきましょう。」

1. TypeScriptのオブジェクト指向と関数型の違いとは？

まずは基本的な考え方を整理してみましょう。オブジェクト指向（OOP）は「クラスとインスタンス」を使ってデータや処理をまとめる仕組みです。一方で、関数型は「関数を組み合わせること」で処理を作り上げていきます。

例えば、オブジェクト指向では「犬」というクラスを作り、その中に「吠える」というメソッドを定義します。関数型では「犬が吠える」という処理をひとつの関数として表現します。どちらも目的は同じでも、コードの書き方や考え方が少し違うのです。

2. クラスだけで書いた場合の例

まずはオブジェクト指向だけを使った例を見てみましょう。犬を表現するクラスを作り、その中にメソッドを定義します。


class Dog {
    name: string;

    constructor(name: string) {
        this.name = name;
    }

    bark(): string {
        return this.name + "がワンと吠えました！";
    }
}

const dog = new Dog("ポチ");
console.log(dog.bark());


ポチがワンと吠えました！

このコードでは、犬の名前を持ち、その犬が吠える動作をクラスのメソッドで表しています。典型的なオブジェクト指向の書き方ですね。

3. 関数型で書いた場合の例

次に関数型で書いてみましょう。クラスを使わず、ただの関数を定義します。


function bark(name: string): string {
    return name + "がワンと吠えました！";
}

console.log(bark("タロウ"));


タロウがワンと吠えました！

関数型はとてもシンプルです。状態（ここでは犬の名前）を外から与えることで、同じ関数をいろいろな場面で再利用できます。

4. OOPと関数型を組み合わせる考え方

では、TypeScriptでクラスと関数をどう組み合わせるとよいでしょうか。例えば、クラスで「犬」という概念を表現しつつ、処理の一部を外部の関数に任せる、という方法があります。


class Dog {
    name: string;

    constructor(name: string) {
        this.name = name;
    }

    bark(action: (name: string) => string): string {
        return action(this.name);
    }
}

function barkAction(name: string): string {
    return name + "がワンと元気に吠えました！";
}

const dog = new Dog("ハナコ");
console.log(dog.bark(barkAction));


ハナコがワンと元気に吠えました！

この例では、クラスは犬の「名前」というデータを持ち、実際に吠える動作のロジックは関数に任せています。こうすることで、データの管理はクラス、処理のロジックは関数という役割分担ができます。

5. 関数型を取り入れるメリット

関数型を併用するメリットはいくつかあります。

再利用性が高い：関数は独立しているので、他のクラスでも同じ関数を使い回せます。
テストが簡単：関数単体で動作を確認できるため、バグを見つけやすくなります。
保守性が向上：クラスがデータ管理に集中できるので、コードの見通しが良くなります。

6. OOPと関数型のバランスを取るコツ

TypeScriptでOOPと関数型を組み合わせるときのコツは、次のように考えるとわかりやすいです。

クラスは「モノの設計図」としてデータをまとめる
関数は「処理の部品」として動作を表現する
複雑な処理は関数に切り出し、クラスはそれを呼び出すだけにする

このバランスを意識すると、初心者でも自然にオブジェクト指向と関数型を組み合わせられるようになります。

まとめ

オブジェクト指向と関数型を併用する意義と効果

今回の記事では、TypeScriptにおけるオブジェクト指向（OOP）と関数型をどのように併用するか、そしてその併用がコードの品質にどのように貢献するのかを詳しく振り返りました。クラスを使った設計は、データをひとまとまりの概念として扱うのに非常に優れていますが、関数型をうまく取り入れることで、より柔軟で再利用性に優れたコード構造を実現できます。

特に、クラス側は「状態（データ）」の保持に集中し、関数側に「処理のロジック」を切り出すという設計は、現代のTypeScript開発でもよく用いられる考え方です。関数を独立した“処理の部品”として扱うことで、テストがしやすく、同じ処理を他のクラスや場面で簡単に再利用できます。また、関数は副作用を減らして状態を分離できるため、コードの見通しも良くなり、理解しやすい構造が作れます。

OOPと関数型を組み合わせる実践コード例

ここでは、記事の内容を踏まえて、クラスと関数をうまく併用した例をもう一度整理してみます。クラスは「データ保持」、関数は「処理の実行」というシンプルな構造にすることで、どちらの利点も活かした設計が可能になります。


// 処理を外部化した関数
function shoutAction(name: string): string {
    return name + "が力強くワンと吠えました！";
}

// データ保持に特化したクラス
class Dog {
    name: string;

    constructor(name: string) {
        this.name = name;
    }

    bark(action: (name: string) => string): string {
        return action(this.name);
    }
}

const dog = new Dog("コロ");
console.log(dog.bark(shoutAction));


コロが力強くワンと吠えました！

このように、クラスという「モノの設計図」はあくまでデータを持つ役割に徹し、実際の処理部分は外部関数へ責務を委ねることで、プログラム全体が整理され、コードの重複や複雑さを減らすことができます。関数型の取り入れ方は多様で、適切に組み合わせることで保守性や読みやすさを大幅に向上させられます。

OOPと関数型を組み合わせる際のポイント整理

クラスは「データのまとまり」を扱い、状態を保持する役割に集中させる
関数は「処理の部品」として切り出し、組み合わせることで柔軟な設計が可能になる
処理ロジックを関数として外部化することでテストがしやすくなる
関数型は副作用を減らし、予測しやすいコードにつながる
OOPと関数型は対立する概念ではなく、互いの強みを補完する関係である

このバランスを意識すると、TypeScriptの強力な型システムを十分に活かしつつ、柔軟で高品質なコードを実現できます。実務でも、クラスと関数のどちらを使うべきか迷った場合には「状態を持つ必要があるかどうか」「処理を再利用したいかどうか」といった観点を考えるとよいでしょう。

先生と生徒の振り返り会話

生徒

「今回学んだことで、クラスだけを使うんじゃなくて、関数型も併用するとコードがもっと使いやすくなるってわかりました！」

先生

「そうですね。特にTypeScriptでは型が強いので、関数と組み合わせることで安全性も上がります。」

生徒

「クラスはデータをまとめて持たせる役、関数は処理を外に切り出す役って分けると、とても理解しやすいです。」

先生

「その理解はとても大切ですよ。関数を独立させるとテストが楽になり、コードの再利用性も高まります。」

生徒

「具体的なサンプルでクラスと関数を組み合わせられたので、実際の開発でも応用できそうです！」

先生

「ぜひ実務や学習で活かしてくださいね。TypeScriptはOOPと関数型の両方を使える柔軟な言語なので、そのバランスを意識すると一段上の設計ができますよ。」

TypeScriptで関数型との併用を意識したOOP設計の考え方