lesson-1_チェーンの特徴とアプリの概要を理解しよう
👋 ASTAR SNS 開発プロジェクトへようこそ!
本プロジェクトでは、ASTARというチェーン上でスマートコントラクトの実装とそれとやりとりをするwebアプリケーションを作成します。
使用する技術は以下のものです。
- Rust
- Terminalの基本操作
- React
- Next.js
今すべてを理解している必要はありません。
わからないことがあったらインターネットで検索したり、コミュニティで質問しながらプロジェクトを進めていきましょう!
👁🗨 ASTAR の特徴は？
最近話題になっている日本初のパブリックブロックチェーンASTARをご存じの方も多いのではないかと思いますが、そのチェーンの特徴とはどのようなものなのでしょうか？
その最大の特徴はPolkadotのパラチェーン（Polkadotに接続するための特別なチェーン）であることです。なぜこれがすごいのかというと、Polkadotのパラチェーンとして認められるのは100個までと決められているのですが、ASTARは世界で ３ 番目の速さでその中に選ばれたからです！
では技術的な特徴とは何なのでしょうか？
主なものは以下の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作成のための環境構築をしていきましょう 🚀