MENU
サーバーに参加する join
無料でWeb3プログラミングが学べる/エンジニアが探せる
NinjaDAO Web3エンジニアサーバー
※教材閲覧とエンジニアさんへの質問が完全に無料です。
※エンジニアさんに仕事を依頼する場合は別途お金がかかります。初期費用は無料です。

学べること

Javascript

ルート

未経験者向け

教材

Progate
Progate(プロゲート) | Learn to code, learn to be creative. Progateはオンラインでプログラミングを学べるサービスです。プログラミングを学んでWEBアプリケーションを作ろう。
あわせて読みたい
ドットインストール 3分動画で初心者や独学の方でも無理なく勉強が続くプログラミング学習サービスです。Web制作の基礎から子供向けのゲーム制作レッスン、さらにシステム開発に使われるPHP、R...

アドバイス

講師のRyujiさんからのアドバイスを転載します。

どこまで基礎を固めたらいいの?

僕が初心者の時にやっていた方法だと、 1回目:50%理解を目指す(考えてもわからないところは飛ばす) 2回目:80%理解を目指す(復習と飛ばしたところを理解を頑張る) 3回目:90%〜95%理解を目指す(100%理解しなくても終える) こんな感じで段階的に分けてやったら挫折しにくいかもです! あと、完全理解を目指すときついので、この段階でサイト作りに挑戦してもいいと思います。 ただ、progateを終えてもサイト作りは結構むずくて、実際に自分でゼロから作ろうとすると、あまり作れないかもです。僕の場合は、無理と判断したので、progateに加えてYoutubeやudemyでも勉強しました。

わからないことがあればサーバー内の #質問チャンネル からどうぞ!

初心者でもジェネラティブを作ってみよう!【誰ジェネ】

特にプログラミングのスキルがなくてもジェネラティブを作ることができます。

ジェネラティブNFTとは?
プログラムによって自動生成されたNFTのことを言います。
参考サイト

教材

提供:むなかたさん

https://crypto-code.jp/materials/create-generative-nft

いつでも質問OK

#誰ジェネ質問チャンネル からどうぞ!

ジェネラティブをもう少し深く学ぼう!【しごジェネ】

教材

提供:けいすけさん

010概要 https://youtu.be/IkbNVx8p9IA
020必要なものをダウンロードする https://github.com/HashLipshttps://youtu.be/EmHZniISDQI
030_npm_installする https://youtu.be/WQf_kwAweV4
040_とりあえずジェネ画像を作ってみる https://youtu.be/4phvADP5V_0
050hashlipsのパラメータ変更 https://youtu.be/IkPmc3n2xPU
060画像をipfsにアップロード https://youtu.be/RZp_K2jpcmE
070_メタデータの更新とアップロード https://youtu.be/lekglzyR2BI
080_remixでプロジェクトを作る https://youtu.be/IUiR1vfqXwo
090remixのちょっとしたネタ https://youtu.be/iTioSTJflzw
100ソースコードの数量などを変更する https://youtu.be/b92syRBFhTM
110テストネットのイーサを調達する https://faucets.chain.link/ https://youtu.be/Cz28cfLzesw
120テストネットにデプロイする https://youtu.be/UDkqjkn5Otw
130_verifyする https://youtu.be/_MUtNBKGuDc
140ミントしてみる https://youtu.be/OExc2H1FWAk
150本番環境にデプロイする https://youtu.be/OrOfvIcd0TA
160_ミントサイトのフォルダにnpminstall https://youtu.be/iciaNQd4O2k
170取りあえずnpm_runstart https://youtu.be/GOKSDbBQVq0
180ミントサイトのパラメータ変更 https://youtu.be/E_e0mc2FjYY
190さらにミントサイトのパラメータを変更 https://youtu.be/U9KRC71BZmM
200ミントサイトをビルドする https://youtu.be/doQzNmXKr80
210ホワイトリストのソースコードをダウンロード https://github.com/HashLips https://youtu.be/ZmLyB74Xuew
220ホワイトリストのソースコードを作る https://youtu.be/Hc78M1VR8gc
230デプロイの時の引数を無くす https://youtu.be/3JDws4fNrkY
240デプロイして一瞬でverifyする https://youtu.be/wQy_WLXA0oA
250_ホワイトリストのユーザーを登録する https://youtu.be/mkV14_vxh58
260mappingによるホワイトリスト https://etherscan.io/address/0x898a7dbfddf13962df089fbc8f069fa7ce92cdbb#code https://youtu.be/5ss52AAc3As
270ホワイトリストの成型 https://youtu.be/RZ9qKCoCkQw
280_ホワイトリストの入力 https://youtu.be/l_UpZDgT-ao
290_ホワイトリストに対応したミントサイト https://youtu.be/ZJIB1dVbuOw
300_ERC721Aの説明 https://youtu.be/IyaJDqlVrjg
310ERC721Aをコンパイルしてみる
https://github.com/tejastice/nft-smart-contract-721a
https://youtu.be/qTDDzMcnbSA
320ガス代の自動設定
https://youtu.be/YzMp08S9UKg
330_ホワイトリストに対応したミントサイト(さらに応用) https://github.com/tejastice/mintting_sourcehttps://youtu.be/fHp0p1nazWs
340_正規表現でエラーを弾くgoogleform https://youtu.be/OxZyBVW0ts8https://docs.google.com/forms/d/e/1FAIpQLScAv45fiRVqPnqlCNq0TTRV9a_c2FtJJrp4doJWYsD_42UEwA/viewform

Cryptoに直結するJavascriptを学ぼう!

Solidityを学ぼう!

教材

提供:amejikaさん

まだ “Solidity” やってないの❓
Solidity入門編のコンテンツを作成する事になりました!😌 どうもMejikaです❗️ この度、Ninja Daoのサブチャンネルである 「Ninja Dao Web3エンジニア育成プロジェクト」で、Solidity入門編のコンテンツを...

Reactでイメージしたアプリを形として作ろう!

対象読者
・HTML/CSSがある程度理解できている
・Reactの基礎がある程度理解できている(コンポーネントやhooks、ステートの作り方など)(Progate等で勉強してみてね!)
・将来Play to EarnやBlock Chain Gameを作りたいと思っている ※重要
・イメージしたアプリを形として作りたい

学べること
・Reactで本格的なプロジェクトを作れる
・どのような BCG / P2E を作る上でも応用が効く
・モダンなUIデザインを0から作れる
・web3.js / ether.js の扱い方がわかる
・ERC721 / ERC20 を扱ったフロント側を制御できる
・アカウント制御が出来る(アカウント作成/更新、ウォレット接続)
・反映待ち状態の処理がわかる
・React hooksの副作用について理解できる

教材

Zenn
【Web3】ReactでPlay-To-Earnアプリを作ろう! Reactの基礎はある程度わかっていてWeb3関連でゲーム(BCG / P2E)を作りたい人向けに執筆しました。 ここではクリックすると稼げるClick-to-Earnアプリを解説しながら一...

新着記事

所属しているWeb3エンジニア一覧