ウェブ開発のキャリアを考えていますか？もしそうなら、あなたは素晴らしい選択をしています。ウェブ開発は2024年において最も需要のあるスキルの一つです。50.38億人のインターネットユーザーを超える中、ウェブ開発には有望な未来があります。

この記事では、ウェブ開発を始めるための基本事項をご紹介します。主要な技術スタック、初心者向けのプロジェクトアイデア、有用なリソース、そしていくつかの追加のヒントを探ります。

2年前にこのトピックについての記事を書きました。ウェブ開発の需要が依然として非常に高いため、より詳細なガイドで再訪できることにワクワクしています。ですので、最後までお付き合いください。

目次

  1. ウェブサイトとは？

    1. フロントエンド vs バックエンド

  2. フロントエンド開発

    1. HTML

    2. CSS

    3. JavaScript

    4. フロントエンドフレームワークとライブラリ

    5. レスポンシブデザイン

  3. バックエンド開発

    1. なぜプログラミング言語を学ぶべきなのか？

    2. Python

    3. Golang

    4. Java

    5. JavaScript

    6. プログラミング言語の選び方は？

    7. バックエンドフレームワーク

    8. データベース

    9. API

  4. GitとGitHub

  5. プロジェクトのポートフォリオを構築する

  6. デプロイメントとホスティングサービス

  7. 追加のヒント

ウェブサイトとは何ですか？

ウェブページは、Webブラウザ（Chrome、Firefoxなど）に表示されるドキュメントです。テキスト、画像、その他のインタラクティブ要素で構成されています。そして、ウェブサイトはリンクを介して互いに接続されたウェブページのコレクションです。

ウェブサイトは、Webサーバーと呼ばれるリモートコンピューター上で実行され、インターネット経由でアクセスされます。よく知られたウェブサイトの例には、Wikipedia、Amazon、YouTubeなどがあります。

注意：この記事でWebアプリやウェブアプリケーションと言及する際、ウェブサイトと同じ意味を指します。

ウェブアプリには、フロントエンドとバックエンドの2つのコンポーネントがあります。それぞれの違いを理解しましょう。

ウェブサイトのフロントエンドとバックエンド

フロントエンドはウェブサイトのユーザーインターフェース（UI）であり、基本的にはユーザーが画面上で見るものです。

バックエンドは、ウェブサイトの主要なロジックが存在するサーバーを指します。また、すべてのアプリケーションデータが保存されるデータベースも含まれます。

フロントエンドとバックエンドはデータを交換することで通信します。インスタグラムのようなソーシャルメディアアプリの例を考えてみましょう。

投稿をアップロードすると、UIは投稿データをバックエンドに送信し、バックエンドはデータを処理してデータベースに追加します。そして、次回サイトやアプリを読み込むと、バックエンドからすべての投稿を取得し、画面に表示します。

次の2つのセクションでは、フロントエンドとバックエンドの開発を始める方法を示します。

フロントエンド開発

前述のように、フロントエンド開発は主にUIに関するものであり、つまりウェブサイトの外観に関わっています。フロントエンド開発を始めるには、以下の3つの基本的なツールを学ぶ必要があります：

HTML

HTML（ハイパーテキストマークアップ言語）は、ブラウザによって表示されるウェブページを書くために使用されます。ウェブページの構造と内容を定義し、すべてのウェブサイトのバックボーンとなります。

ウェブページの内容には、見出し、段落、リンク、画像、リストなどの要素が含まれます。HTMLは、HTML タグを使用してこれらの要素を作成し、構造化します。ブラウザは、このHTMLコードを解釈し、画面上にレンダリングします。

freeCodeCampのレスポンシブウェブデザイン認定は、無料カリキュラムの中でHTMLの基本を教えるところから始まります。自分自身の写真アプリを作成することさえできます。ですので、これはHTMLを深く掘り下げる良い出発点です。

追加の練習をしたい場合は、w3schools.comも初心者にとって役立つリソースです。各コンセプトに対して明確でステップバイステップのチュートリアルを提供しています。彼らはまた、HTMLタグを使って練習し、出力されるウェブページを見るためのインタラクティブエディタも提供しています（freeCodeCampでも同様です）。

次の領域に焦点を当ててください：

  • シンプルなウェブページの作成

  • コンテンツをレンダリングするためのHTMLタグの使用

  • フォームの作成

CSS

HTMLはウェブページの構造を定義しますが、単にウェブページの骨組みのUIを作るだけでは不十分です。それはページにどの要素が存在するかを定義するだけで、どのように見えるかは定義しません。

CSS（カスケーディングスタイルシート）は、ウェブページに視覚的魅力を追加するために使用されます。それはシンプルで平凡なウェブページを適切にデザインされたユーザーインターフェースに変えます。

これがプレーンHTMLでのウェブサイトの見た目です：

これがCSSを追加したときの見た目です：

ずっと良いですよね？実際、以前の骨組みのUIと比較して、適切なウェブページのように見えます。これは「ウェブページのスタイリング」と呼ばれます。

CSSスタイリングには以下が含まれます：

  • 色、フォント、要素の背景

  • さまざまなレイアウト（グリッド、フレックスボックスなど）でのコンテンツの整理

  • スペーシング、つまりマージンとパディング

  • トランジションとアニメーション（高度な内容）

freeCodeCampのカリキュラムを続けると、CSSも学ぶことになりますので、それは素晴らしい方法です。

CSSチュートリアルについては、w3schools.comを参照することもできます。彼らのインタラクティブエディタで各CSSプロパティを試してみてください。

注意：HTMLとCSSはプログラミング言語ではありません。

JavaScript

HTMLとCSSは静的なウェブサイトしか作成できません。つまり、HTMLとCSSだけで作成されたウェブページ上の要素と対話することはできません。ウェブサイトは更新されず、ボタンクリックやドロップダウン選択などのユーザーインタラクションに反応しません。

JavaScript（JS）はウェブサイトを動的かつインタラクティブにするプログラミング言語です。ウェブサイトに次の機能を追加します：

  • クリック、ホバー、キーボード入力、フォーム入力などのユーザーインタラクションの処理。

  • ウェブページのコンテンツを動的に更新する

  • フォームの検証と送信の処理

  • バックエンドサーバーとの対話

JavaScriptには、ウェブサイトを機能的で魅力的にするための多くの機能があります。JSの学習を始めるにあたり、コンセプトの強固な基礎を築くことが重要です。最初は、以下の領域に重点を置いてください：

  • 基本的なJavaScriptの構文

  • JS関数

  • DOM（ドキュメントオブジェクトモデル）との対話

  • イベント処理

  • JSオブジェクトと配列

  • 非同期JavaScript

JavaScriptに関する以下のリソースを参照してください：

JavaScriptに関する他のリソースもたくさんありますが、あまり多くを詰め込むつもりはありません。この二つが始めるには十分でしょう。

HTML、CSS、JavaScriptに慣れたら、シンプルなウェブページを作成できるようになります。異なるウェブページを構築することで練習を続けてください。たとえば、To-Doリストやフォームなどを作成し、CRUD（作成、読み取り、更新、削除）機能を実装してみてください。

フロントエンドフレームワークとライブラリの学習

ウェブサイトが成長するにつれて、JavaScriptコードはますます複雑になり、メンテナンスが難しくなります。これにより開発プロセスが遅れ、開発者にとって非常に困難になります。

これらの問題に対処するために、フレームワークやライブラリを使用できます。フレームワークは、ウェブアプリを構築するためのより構造化された方法を提供し、モジュール設計と再利用性を促進します。

フレームワークを使用することで、JavaScriptコードの複雑さを処理するのではなく、実際の機能の構築に集中できるため、開発プロセスを加速するのに役立ちます。したがって、より大きなプロジェクトを開発するために1つのJSフレームワーク/ライブラリを選ぶことをお勧めします。

React.js – 良い選択肢

React JSは、動的でインタラクティブなウェブページを簡単に作成できるJavaScriptライブラリです。コードをコンポーネントに分割することで、読みやすく、メンテナンスが容易になります。これにより、コードの複雑さが軽減され、再利用性が向上します。

Reactは、他のフレームワークと比べて学習曲線が緩やかであるため、私の個人的な推奨です。多くのウェブアプリがReactで構築されているため、フロントエンドの役割において非常に高い需要があります。

Reactを学び始めるには、最良のリソースはReact Docsです。非常に詳細で、遊ぶためのインタラクティブなコードエディタも含まれています。

freeCodeCampのYouTubeチャンネルにも、Bob Zirollによるこのコースのような役立つReactコースがあります。また、フロントエンド開発ライブラリ認定にもReactセクションがあります。

React以外にも、Angular、Vue、jQueryライブラリなど他のJavaScriptフレームワークがあります。これらも人気があり、あなたの地域で需要のあるツールに応じて、最もニーズに合ったものに焦点を当てることができます。

注意：フレームワークに飛び込む前に、すべての基本的なJavaScriptの概念を学び、完全に理解することを確認してください。

レスポンシブデザインを学ぶ

次に進む前に、ウェブ開発における基本的な実践について話しましょう。

レスポンシブデザインは、デザインがデスクトップからタブレット、モバイルまでのすべての画面サイズに合わせて調整されるアプローチを指します。良いレスポンシブデザインは、異なる画面サイズのために別々のコードを書く必要を大幅に減らします。

興味深い事実があります：モバイルフォンは、世界中のウェブ使用の3分の2を占めています。したがって、良いユーザーエクスペリエンスを確保するためには、モバイルフォンでウェブサイトが見栄えが良くなるようにする必要があります。

このシンプルなガイドでレスポンシブデザインについてもっと学び、いくつかのベストプラクティスについてはこちらで読むことができます。

そして、フロントエンドの旅を助ける他のリソースはこちらです：

バックエンド開発

バックエンド開発は、ウェブアプリケーションのサーバーサイドを構築することを含みます。サーバーサイドは、ウェブサイトのビジネスロジックをホストしており、すべての裏側の動作を支えています。また、データベースの管理やサーバーとUI間のデータのスムーズな流れを確保する責任もあります。

バックエンド開発に取り組むには、まずプログラミング言語を学ぶ必要があります。

なぜプログラミング言語を学ぶべきなのでしょうか？

プログラミング言語を学ぶことで、これらのサーバーサイドアプリケーションを構築するための基盤を身につけることができます。言語は、サーバーに何をしてほしいかを伝える手段と考えてください。

プログラミング言語は、問題を解決し、堅牢で機能するアプリケーションを作成するためのツールとして機能します。これらの言語は、データの保存や管理、フロントエンドとの通信、アプリケーションのセキュリティの確保などのタスクを処理するためのさまざまな機能を持っています。

プログラミング言語を学ぶことは、単に文法を学び、コードを書くことではありません。成功するウェブサイトを推進するシステムを作成する方法を理解することです。したがって、プログラミング言語に慣れることは、バックエンド開発の重要な部分です。

さまざまなプログラミング言語があり、それぞれに独自の機能があります。いくつかの選択肢を理解してみましょう：

Python

Pythonは、そのシンプルさからバックエンド開発において好まれる選択肢の一つです。簡潔で読みやすい文法を持ち、とても人気があります。データベース接続やウェブサーバーの設定に良い機能を提供しています。Pythonにはデータサイエンスや機械学習のためのライブラリもあります。

Pythonは多くのチュートリアルと良好なコミュニティサポートがあり、始めやすいです。初心者に優しく、学ぶのが楽しく、高い需要があります。

Pythonを学ぶためのリソースは以下の通りです：

Golang

Golang（Go）は、そのシンプルさと効率性から人気が高まっています。Goコードは迅速かつ効率的に実行され、高性能なニーズに適した選択肢となります。これにより、開発時間も短縮されます。また、Goは並行処理のサポートも優れており、効率的な処理を実現します。

Goは初心者にも優しく、クリーンで簡潔な構文を持っているため、読みやすくメンテナンスもしやすいです。また、豊富な標準ライブラリが提供されており、多くの組み込み関数やツールが用意されているため、手間をかけずにプロジェクトを設定できます。

Goはその効率性から人気が高まり、多くの企業がプロジェクトにGoを採用しています。これによりGolang開発者の需要が高まっており、さらに増加することが予想されています。

Goは初心者向けのリソースや成長するコミュニティを多数提供しています。Goを始めるには、以下のリソースを参照してください：

Java

Javaはオブジェクト指向プログラミング（OOP）言語であり、バックエンド開発で広く使用されています。Javaはそのセキュリティと堅牢性で知られており、金融や医療システムなど高い信頼性が求められるアプリケーションに適した選択肢です。Javaは同時処理のサポートも優れています。

Javaは初心者にとって良い選択肢であり、豊富なリソースと大規模な開発者コミュニティがあります。これには多くのチュートリアルや詳細なドキュメントが含まれており、初心者や経験豊富な開発者の生活を楽にします。

Javaは長い間存在しており、現在多くの既存システムやエンタープライズアプリケーションがJavaで動作しています。したがって、大企業の間でJava開発者の需要は非常に高いです。

最後に、Javaでコーディングする際に学んだ概念はあなたに残り、将来的に他の言語に切り替えてもより良い開発者になる手助けをします。

次のリソースは、Javaを始めるのに役立ちます：

JavaScript

私たちはすでにJavaScriptがフロントエンドに何を提供するかを知っていますが、NodeJSを通じてバックエンド開発にも使用できます。

NodeJSは、サーバーサイドでJSコードを実行することを可能にするランタイム環境です。これにより、JavaScriptをフロントエンドとバックエンドの両方で使用できるようになります。

NodeJSはイベント駆動型アーキテクチャと非同期プログラミングに従っており、これにより単一のタスクの実行を停止することなく複数のタスクを処理できるようになります（ノンブロッキングI/O）。Nodeはシングルスレッドであるため、タスクを処理するために複数のスレッドを作成するのではなく、タスクをキューに入れて非同期的に1つずつ実行します。

Nodeはモジュラーアーキテクチャに従っており、アプリケーションを小さく管理しやすいコンポーネントに分割できることを意味します。また、ルーティング、認証、データベース処理などの機能を追加するための数千のオープンソースライブラリにアクセスできるNPM（Node Package Manager）も含まれています。

Nodeを使用する理由は？

  • JavaScriptにすでに慣れている場合、他の言語を学ぶ必要がないため、非常に良い選択肢です。

  • Nodeは高速で効率的であり、小さなサーバーを迅速にセットアップしたい場合に便利です。

  • Nodeはまた、NPMを通じて大規模なライブラリエコシステムを持っています。

ただし、Nodeはシングルスレッドであるため、CPU集約型のタスクには理想的ではなく、メインスレッドをブロックする可能性があります。

プログラミング言語の選び方は？

多くの選択肢があるため、自分に合ったものを選ぶのは混乱するかもしれません。各言語には独自の機能があり、どの言語が他の言語よりも客観的に優れているわけではありません。

PythonとGolangは非常に初心者に優しく、シンプルな構文を持っています。したがって、穏やかな学習曲線を重視するのであれば、これらの2つは良い選択肢です。Javaは信頼性と堅牢性で知られており、多くのエンタープライズレベルのアプリケーションがJavaを使用して構築されています。

職業機会について言えば、上記の各言語には高い需要があるので、好きなものを選ぶことができます。最も重要なことは、問題解決能力を育て、信頼できるソフトウェアがどのように構築されるかを理解することです。

言語の選択は長期的にはそれほど重要ではなく、基本的な原則は同じだからです。したがって、私のアドバイスは、どの言語でも選び、その構文と基本的な機能を学び、問題解決を始めることです。以下のことから始めることができます：

バックエンド開発フレームワーク

プログラミング言語だけでは、堅牢で安全なアプリケーションを作成するには不十分です。これらの言語の能力に基づいて構築されたフレームワークは、強力なアプリケーションを作成することを可能にします。ルーティングやデータベース処理などの追加機能を提供することで、コーディングスキルを試すためのプラットフォームとして機能し、開発プロセスを迅速に進めることができます。

選択した言語に応じて、以下のフレームワークを学ぶことができます：

  • Django と Flask – Python ベースのフレームワーク

  • Java Spring Boot

  • Gin – Golangフレームワーク（フレームワークを使用せずにシンプルなGolangアプリケーションを作成できます）

興味がある場合は、詳細をお読みください。

データベース

データベースはデータの構造化されたコレクションであり、バックエンド開発の重要な部分です。アプリケーションのデータを保存および管理する上で重要な役割を果たします。

データベースは大きく2つのタイプに分類されます：

  • リレーショナルデータベースは、データを保存するためにテーブルを使用し、これらのテーブル間の関係を定義します。例としては、MySQL、PostgreSQL、SQLiteがあります。

  • 非リレーショナルデータベース（NoSQL）は、非構造化または半構造化データを扱うために設計されており、階層的またはドキュメントベースのデータストレージにしばしば使用されます。例としては、MongoDBとCassandraがあります。

    • MongoDB: 柔軟でスケーラブルなデータストレージのための人気のあるNoSQLデータベースです。

    • Cassandra: 大量の分散データを扱うのに適しています。

リレーショナルデータベースを始めるには、SQL（構造化クエリ言語）を学ぶことです。SQLは、データに対してさまざまな操作を実行するクエリを記述するために使用されます。たとえば：

  • テーブルを作成し、その構造を定義する。

  • SELECTステートメントを使用してデータを読み取る。

  • 既存のレコードを更新する。

  • 不要または古いデータを削除する。

SQLを学ぶためのリソースは以下を参照してください：

基本的なSQL構文に慣れ、クエリを書くことができるようになったら、DBMS（データベース管理システム）の概念を探求してみてください。これにより、データベースがどのように設計、管理、最適化されるかを理解できます。

初心者としては、リレーショナルデータベースから始めることをお勧めします。これらはテーブルとその間の関係を含むDBMSの概念に基づいた堅固な基盤を提供します。企業で広く使用されており、その概念を学ぶことは多くの利益をもたらします。

これらの概念を学ぶのには時間がかかるかもしれませんが、心配しないでください。時間をかけて、並行して開発に取り組んでください。データベースでの作業経験が増えるにつれて、これらの概念をよりよく理解できるようになります。

API

API（アプリケーションプログラミングインターフェース）は、バックエンド開発の重要な部分であり、バックエンドのロジックを外部に公開します。APIは、異なる2つのアプリケーションが互いに通信する方法です。ウェブ開発の文脈では、フロントエンドがAPIを通じてバックエンドサービスとやり取りします。

ウェブアプリケーションを構築する際、フロントエンドはバックエンドからデータを送受信する必要があることがよくあります。ログイン機能の例を考えてみましょう。ユーザーがログインすると、フロントエンドはAPIコールを通じてその認証情報をバックエンドに送信します。バックエンドはこの情報を検証し、結果を返します。

これらのAPIコールを確認するには、任意のウェブサイトを訪問し、開発者ツールのネットワークタブを開いてください。ウェブサイトとやり取りするか、ページを再読み込みすると、ウェブサイトを使用している際に行われるAPIコールを見ることができます。

APIについてさらに理解を深めるために、以下の記事をお読みください：

この時点で、フロントエンドとバックエンドの開発を始める方法を知っています。この段階に達したなら、おめでとうございます！ほとんどの難しい作業は完了しました。しかし、プロジェクトの開発を始める前に、もう一つ学ぶべきことがあります。

GitとGitHub

Gitはソフトウェアプロジェクトの変更を追跡するバージョン管理システムです。これにより、複数の人が互いの作業に直接干渉することなく、プロジェクトに取り組むことができます。

GitHubはGitに基づいたリモートリポジトリシステムです。これは、あなたのコードのためのソーシャルメディアのようなものです。GitHubは開発者間の協力を促進し、全員の貢献を追跡します。

GitHubを使用すると、自分のプロジェクトコードを共有したり、他の開発者のコードを閲覧したりすることができます。これにより、協力と学習が促進されます。特に開発の初期段階では、Gitを学ぶことを強くお勧めします。

GitとGitHubを始めるためには、以下の記事を参照してください：

プロジェクトのポートフォリオを作成する

さあ、プロジェクトに取り組む準備ができました。強力なプロジェクトのポートフォリオは、あなたのスキルを示すために不可欠です。また、これまで学んだことを応用し、問題解決能力を向上させるのにも役立ちます。

以下のプロジェクトアイデアを考えてみてください：

  • Todoアプリ

  • eコマースアプリ

  • 個人ポートフォリオウェブサイト

  • 天気アプリ – 公開APIを使用してシンプルなUIを作成

  • 経費トラッカー

これらのアイデアについてさらに調査し、思いつく基本的な機能から始めることができます。目標に応じて、フロントエンド、バックエンド、またはその両方を構築してください。プロジェクトをGitHubで共有して、その可視性を高めましょう。

GeeksforGeeksでさらにプロジェクトのアイデアをチェックしてください。

デプロイメントとホスティングプラットフォーム

ウェブプロジェクトを開発したら、それを公開することを選択できます。これは、あなたのウェブサイトがインターネット上で一般の人々が使用できるようになることを意味します。なんてワクワクすることでしょう！

上記の用語を理解しましょう。デプロイメントとは、あなたのアプリケーションをリモートシステムまたはサーバーにアップロードして、ライブでユーザーに提供するプロセスを指します。ホスティングは、アプリケーションコードを保存するためにインターネット上のスペースを借りるようなものです。それは、サーバー上でウェブサイトのデータを保持し、インターネット上であなたのウェブサイトを表示するためのスペースを提供します。

アプリケーションをデプロイしホスティングするには、主に以下のステップを踏みます：

  • アプリケーションコードが書かれ、ローカルでテストされ、プロダクション用に最適化されます

  • 必要な設定とシークレット（パスワード、APIキーなど）が環境変数として書かれます

  • コードはGitHubやGitLabのようなバージョン管理システムにプッシュされます。

  • コードはセキュリティの脆弱性をスキャンされ、自動テストが実行されます。

  • ホスティングプラットフォームはこれらのリポジトリからコードを引き出し、インターネットでアクセス可能にします。

Netlify、GitHub Pages、Herokuのようなホスティングサービスは、無料と有料のサービスを提供し、初心者でも使いやすいです。Netlifyはフロントエンドアプリケーションのみをサポートし、Herokuはバックエンドおよびフルスタックアプリケーションに適しており、データベースの統合が簡単です。GitHub Pagesはリポジトリから直接ホスティングできます。

ウェブサイトを一般に公開することは、リクルーターや潜在的なコラボレーターに自分の作品を見せる素晴らしい機会です。

追加のヒント

  1. チュートリアルにあまり時間をかけないでください。「チュートリアル地獄」にハマるかもしれません。チュートリアルは基本概念を理解するために重要ですが、実際の学習は手を動かすことで起こります。ですので、たとえそれが最初は小さなプロジェクトであっても、できるだけ早く作り始めてください。

  2. JavaScriptは最初は圧倒されるかもしれませんが、小さく始めて定期的に練習してください。一度に複数のことを学ぼうと急がず、一つの概念に取り組み、コードを通じて練習することで理解を深めてください。

  3. 最初は異なるフレームワークを試して、自分に合ったものを見つけてください。フレームワークを選んだら、それをしっかり学ぶまで続けてください。

  4. フレームワークに飛び込む前に、プログラミング言語の概念が明確であることを確認してください。

  5. もしプログラミング言語が自分に合わないと感じたら、別の言語に切り替えることができますが、基本的な概念は同じです。

  6. 初心者として、フロントエンドとバックエンドの両方について基本的な理解を持つことが重要です。後で、一方に特化することも、両方に焦点を当てて「フルスタック」開発者になることも選べます。

  7. 最初は挑戦があるでしょうが、落胆しないでください。練習を続ければ、時間と共に上達します。

  8. 問題で行き詰まったら、できるだけChat GPT、Google検索、フォーラムや開発者コミュニティ、Stack Overflowを利用してください。助けが必要な場合は、いつでもご連絡ください。

  9. 最後に、ウェブ開発の最新のトレンドや技術を常に把握しておきましょう。問題を解決するための新しいまたは改善された方法を常に探してください。学びは決して止まりません！

結論

ウェブ開発は、フロントエンドとバックエンド開発の2つの部分に分かれています。フロントエンドはウェブサイトの外観に関係し、バックエンドはサーバーサイドのロジックとデータベースに焦点を当てています。

HTML、CSS、JavaScriptはフロントエンド開発の基本であり、ウェブサイトの基盤を形成します。バックエンド開発では、PythonやJavaのようなプログラミング言語を学ぶことが重要です。フロントエンドとバックエンドのフレームワークは追加の機能を提供し、開発プロセスを迅速化します。

Gitは必須スキルであり、作業を共有し、他の開発者と協力することを可能にします。プロジェクトのポートフォリオを構築し、GitHubで共有することで、自分の作品を示し、より良い開発者になります。最後に、デプロイメントプラットフォームを活用すると、ウェブサイトを一般の人々に公開できます。

今日はこれで終わりです！この記事があなたのウェブ開発の旅の始まりに役立つことを願っています。あなたの意見を教えてください。フィードバックはいつでも感謝しています！

より多くの更新やディスカッションのためにTwitterで私とつながってください。質問や確認があれば、お気軽にご連絡ください。お読みいただきありがとうございました。また次回お会いできるのを楽しみにしています！

参考文献：