イーサリアムネットワーク上でWEBアプリを構築しよう
👋 dApp 開発プロジェクトへようこそ!
このプロジェクトでは、イーサリアムネットワーク上にスマートコントラクトを実装して、スマートコントラクトとやりとりできる独自のWebアプリケーションを構築します。
プロジェクトを進めるには以下の技術が必要です。
いますべてを理解している必要はありません。 わからないことがあったらインターネットで検索したり、コミュニティで質問しながらプロジェクトを進めていきましょう! 開発初心者の方は、まずこのプロジェクトから始めることをお勧めします ☺️
⛓ ブロックチェーンとは何か？
ブロックチェーンとは、互いに通信するコンピュータ（ノード）のピアツーピア・ネットワークです。
参加者全員がネットワークの運営を分担する分散型ネットワークですので、各ネットワークの参加者は、ブロックチェーン上のコードとデータのコピーを維持します。
これらのデータはすべて、「ブロック」と呼ばれる記録の束に含まれており、それらが「連鎖」してブロックチェーンを構成しています。
ネットワーク上のすべてのノードは、コードとデータがいつでも変更可能な中央集権型のアプリケーションとは異なり、このデータが安全で変更不可能であることを保証しています。これがブロックチェーンを強力なものにしているのです ✨
ブロックチェーンはデータの保存を担っているため、根本的にはデータベースです。
そして、互いに会話するコンピュータのネットワークですから、ネットワークとなります。ネットワークとデータベースが一体化したものと考えればよいでしょう。
また、従来のWebアプリケーションとブロックチェーンアプリケーションの根本的な違いとして、アプリケーションは、ユーザーのデータを一切管理しません。ユーザーのデータは、ブロックチェーンによって管理されています。
🥫 スマートコントラクトとは何か？
スマートコントラクトとは、ブロックチェーン上でコントラクト（＝契約）を自動的に実行するしくみです。
よくたとえられるのは、自動販売機です。自動販売機には「100円が投下され、ボタンが押されたら、飲み物を落とす」というプログラムが搭載されており、「店員さんがお金を受け取って飲み物を渡す」というプロセスを必要としません。
人の介在を省き、自動的にプログラムが実行される点こそ、スマートコントラクトが、「スマート」と呼ばれる理由です。
実際には、スマートコントラクトのしくみは、イーサリアムネットワーク上のすべてのコンピュータに複製され、処理されるプログラムにより成り立っています。
イーサリアムの汎用性により、そのネットワーク上にアプリケーションを構築できます。
スマートコントラクトのコードはすべてイミュータブル（不変）、つまり変更不可能です。
つまり、スマートコントラクトをブロックチェーンにデプロイすると、コードを変更したり更新できなくなるのです。
これは、コードの信頼性と安全性を確保するための設計上の特徴です。
私はよくスマートコントラクトをWeb上のマイクロサービスにたとえます。ブロックチェーンからデータを読み書きしたり、ビジネスロジックを実行したりするためのインタフェースとして機能するのです。これらはパブリックにアクセス可能で、ブロックチェーンにアクセスできる人なら誰でもそのインタフェースにアクセスできることを意味します。
📱 dApps とは何か？
dAppsは、分散型アプリケーション（decentralized Application） の略です 。
dAppsは、ブロックチェーン上に構築されたスマートコントラクトと、フロントエンドであるユーザーインタフェース（Webサイトなど）を組み合わせたアプリケーションのことを指します。
dAppsは、イーサリアムのプログラミング言語であるSolidityを基盤に構築されています。
イーサリアムでは、スマートコントラクトはオープンAPIのように誰でもアクセスできます。よって、ほかの人が書いたスマートコントラクトも、あなたのWebアプリケーションから呼び出すことができます。逆も然りです。
🛠 何を構築するのか？
WavePortalと呼ばれる 分散型 Web アプリケーション（dApp） を構築します。
WavePortalでは、以下の機能を実装します。
- インターネット上の誰もが、あなたに「👋+メッセージ」送ることができる。
- それらのデータは、イーサリアムのスマートコントラクトを介してブロックチェーン上に保存される。
- あなたに手を振ったユーザーは、ラッキーだったらあなたのサイトから少量のETHを獲得できる 🎉
このプロジェクトでは、具体的に以下の実装します。
- ユーザーのウォレットをあなたのWavePortalに接続する。
- Webアプリケーションを通して、ユーザーがスマートコントラクトとやりとりとりできる機能を実装する。
Solidityでバックエンドを実装し、Reactでフロントエンドを構築します。
🌍 プロジェクトをアップグレードする
この学習コンテンツは、Attribution-ShareAlike 4.0 International © 2022 buildspaceのライセンス及び UNCHAIN License のもとで運用されています。
プロジェクトに参加していて、「こうすればもっと分かりやすいのに!」「これは間違っている!」と思ったら、ぜひpull requestを送ってください。
GitHubから直接コードを編集して直接pull requestを送る方法は、こちらを参照してください。
どんなリクエストでも大歓迎です 🎉
また、プロジェクトを自分のGitHubアカウントにForkして、中身を編集してからpull requestを送ることもできます。
👋 UNCHAIN-projectsにpull requestを送る! ⏩ UNCHAIN の GitHub にアクセス!
⚡️ Issueを作成する
pull request送るほどでもないけど、提案を残したい! と思ったら、こちら にIssueを作成してみましょう。
Issueの作成方法に関しては、こちらを参照してください。
pull requestやissueの作成は実際にチームで開発する際、重要な作業になるので、ぜひトライしてみてください。
UNCHAINのプロジェクトをみんなでより良いものにしていきましょう ✨
次のレッスンに進んでプログラミングの環境構築しましょう 🎉
Attribution: This learning content is licensed under Attribution-ShareAlike 4.0 International © 2022 buildspace. Sharelike: Translations and modifications to markdown documents.
Documentation created by yukis4san（UNCHAIN discord ID: yshimura#7617）