lesson-1_チェーンの特徴とアプリの概要を理解しよう
👋 ASTAR SNS 開発プロジェクトへようこそ!
本プロジェクトでは、ASTAR
というチェーン上でスマートコントラクトの実装とそれとやりとりをするwebアプリケーションを作成します。
使用する技術は以下のものです。
- Rust
- Terminalの基本操作
- React
- Next.js
今すべてを理解している必要 はありません。
わからないことがあったらインターネットで検索したり、コミュニティで質問しながらプロジェクトを進めていきましょう!
👁🗨 ASTAR の特徴は?
最近話題になっている日本初のパブリックブロックチェーンASTAR
をご存じの方も多いのではないかと思いますが、そのチェーンの特徴とはどのようなものなのでしょうか?
その最大の特徴はPolkadot
のパラチェーン(Polkadotに接続するための特別なチェーン)であることです。なぜこれがすごいのかというと、Polkadot
のパラチェーンとして認められるのは100個までと決められているのですが、ASTARは世界で 3 番目の速さでその中に選ばれたからです!
では技術的な特徴とは何なのでしょうか?
主なものは以下の4つとなります。
1.開発者への報酬制度
ASTARはEVM
とWASM
を用いたスマートコントラクトの開発者をサポートしています。これらどちらかで作成されたdAppをAstar上にデプロイしてASTARトークンの保有者に気に入ってもらえればASTARトークンを受け取れるという仕組みが用意されています。
2.スケーラビリティ
TPS(Transaction Per Second)
が他のチェーンと比べて小さく、ユーザーはトランザクションを待つのに時間を無駄にすることが少ないです。
3.サブス トレイト
ASTARが用意してくれている基礎的なシステムをしようすれば、開発者は独自のチェーンを簡単に作成することができます。
🦀 アプリの概要
本アプリはブラウザで使用可能なフルオンチェーンSNS webアプリです。
また投稿に対して受け取ったいいねの数に従って、トークンを獲得できるという特徴があります!
では具体的にこのアプリが持つ機能を画面ごとに簡単に紹介していきます。
[ログイン画面
]
この画面のConnect
ボタンを押すことでウォレットを接続できるようになっています。
うまく接続が完了すれば次にホーム画面へ飛ぶようにできています。
[ホーム画面
]
この画面では全体のユーザーの投稿を最新のものから順番に見られるようになっています。
また、それらの投稿にいいね
を押せたりまだフォローしていないユーザーをフォローすることもできます。
このフォローによってそのアカウントとメッセージでやりとりを行うことができます。
加えて、いいねの数に従ってトークンを獲得できる機能も備えておりロゴとプロフィールアイコンの間に残高が表示されます。
[プロフィール画面
]
自分のプロフィール、フォロワー数、フォロー数、投稿内容を見ることができます。
また、プロフィールの画像と名前を変更することもできます。
[メッセージ画面
]
フォローしている、またはされているユーザーとメッセージのやりとりができる画面です。
以上を踏まえて実装する機能は下のようになっています。
1.ウォレット接続
2.投稿
3.メッセージのやりとり
4.フォロー
これらの機能をRust, Next.js
を使って実装していきます!
🌍 プロジェクトをアップグレードする
この学習コンテンツは、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のプロジェクトをみんなでより良いものにしていきましょう ✨
🙋♂️ 質問する
わからないことがあれば、Discordの#astar
でsection ・ Lesson名とともに質問をしてください 👋
では早速次のレッスンに進んで、ASTAR SNS作成のための環境構築をしていきましょう 🚀