<h1 id="h037f6fce10">Polygon PoS Chain NFT Mint Site</h1><p><br>Polygon PoS ChainでNFTをMintできるサイトを制作しました。<br>Polygon PoS Chain上に独自コントラクトをデプロイ<br>MetaMskを接続してNFTをMintできます。<br><br>ブロックチェーンの選定でPolgpnを選んだ理由はGas代が安いことです。<br>EthereumはGas代が高くUXを考えたときに不採用にしました。<br>近年ではJPYCなどを使えば、少額の手数料で取引することができ、将来性も感じました。<br>また、独自コントラクトで作成することで今後の汎用性が高いと思い挑戦しました。<br><br>実際に実装することにより、コンストラクタやNFTの仕組みを理解することができました。<br>こちらは2022年夏に作成したのもでNext.jsでサーバーコンポーネントを利用した実装にアップデート予定です。<br></p><h2 id="h41d3afb97b">制作期間</h2><p>7日<br></p><h2 id="h48162eced8">使用技術</h2><ul><li>Next.js</li><li>Typescript</li><li>React</li><li>Mantine</li><li>Thirdweb</li><li>Tailwindcss</li></ul><p><br></p><h2 id="h26d7ddbd3b">GitHub</h2><p><a href="https://github.com/kazun1224/nft_mint_site" target="_blank" rel="noopener noreferrer">https://github.com/kazun1224/nft_mint_site</a><br></p><h2 id="h5e00d77a30">URL</h2><p><a href="https://nft-mint-site-4qo8.vercel.app/" target="_blank" rel="noopener noreferrer">https://nft-mint-site-4qo8.vercel.app/</a></p>

Polygon PoS ChainでNFTをMintできるサイトを制作しました。

Polygon PoS Chain NFT Mint Site

<h1 id="h579501e953">XRP Ledger Test Net Wallet</h1><p><br>XRP Ledger Test NetのWalletを制作しました。<br>XRP Ledger Test Netでアカウントを作成してXRPの送金を体験できます。<br><br>XRP Ledgerではスマートコントラクトも実装され、<br>将来性があると思いました。<br>また、送金の速度も早く手数料も安いため、<br>使用される場面が増えるのではないかと思っています。<br>今のうちに知見を貯めるとともに、<br>暗号資産ウォレットの仕組みを知るために作成しました。<br><br>Next.jsのAPIルートを使用してAPIを作成してしました。<br><br><br></p><h2 id="h41d3afb97b">制作期間</h2><p>2日<br></p><h2 id="h48162eced8">使用技術</h2><ul><li>Next.js</li><li>Typescript</li><li>React</li><li>Mantine</li><li>Tailwindcss</li><li>xrpl</li><li>axios</li></ul><p><br></p><h2 id="h26d7ddbd3b">GitHub</h2><p><a href="https://github.com/kazun1224/XRP_Wallet_Testnet" target="_blank" rel="noopener noreferrer">https://github.com/kazun1224/XRP_Wallet_Testnet</a><br></p><h2 id="h5e00d77a30">URL</h2><p><a href="https://xrp-wallet-testnet.vercel.app/" target="_blank" rel="noopener noreferrer">https://xrp-wallet-testnet.vercel.app/</a><br></p><h2 id="hbfca088075">Zenn</h2><p>※記事でのコードは説明しやすいように上記のアプリケーションとは内容が異なります。<br><a href="https://zenn.dev/kazu31/articles/2ec4e7c113a279" target="_blank" rel="noopener noreferrer">https://zenn.dev/kazu31/articles/2ec4e7c113a279</a></p>

XRP Ledger Test Net Wallet

<h1 id="h13a4415409">ブロックチェーン上で動くTodoアプリ</h1><p><br>solidityでコントラクトを作成してブロックチェーン上で動くTodoアプリを作成しました。<br>開発環境でTruffleとGanacheを使用しました。<br>web3.jsでコントラクトを操作してTodoの追加、削除などを行います。<br><br>Gas代(イーサリアム・ブロックチェーン上での取引手数料)が必要にため、本番環境にはアップロードしていません。<br></p><h2 id="h48162eced8">使用技術</h2><ul><li>Next.js </li><li>Typescript</li><li>web3.js</li><li>Solidity</li><li>Ganache</li><li>Truffle</li></ul><p><br></p><h2 id="h41d3afb97b">制作期間</h2><p>4日<br></p><h2 id="h77a364642d">Github</h2><p><a href="https://github.com/kazun1224/todo-app-smartcontract" target="_blank" rel="noopener noreferrer">https://github.com/kazun1224/todo-app-smartcontract</a><br></p>

ブロックチェーン上で動くTodoアプリを作成しました。

Todoアプリ

<h1 id="h371b59dc0b">Portfolio</h1><p>私が作成したWebサイトやアプリケーションを、まとめるためのポートフォリオを作成しました。<br>見やすくシンプルなデザインを意識して作成。<br></p><h2 id="h3e7bcd21b1">使用したプログラム言語とサービス</h2><ul><li>Next.js </li><li>Typescript</li><li>Tailwindcss</li><li>microCMS</li></ul><p><br></p><h2 id="h41d3afb97b">制作期間</h2><p>7日<br></p><h2 id="h77a364642d">Github</h2><p><a href="https://github.com/kazun1224/portfolio" target="_blank" rel="noopener noreferrer">https://github.com/kazun1224/portfolio</a><br></p>

Portfolio

<h1 id="hbd713fc315">美容室L'archeのWebサイト</h1><p>美容室L'archeのWebサイト制作を請負ました。<br>オーナー様の要望とお客様のニーズをもとに要件定義からWebデザイン、コーディングや、保守をすべて一人で行いました。<br>ヒヤリングをもとにFigmaを使ってデザインを作成。<br>コーディングを行いサーバーにアップロード。<br><br>ロゴの制作も依頼を受けデザインを作成しました。<br><span style="color:#444444">カットクロスにもロゴを印刷し、使用していただいてます。</span><br><br>制作したWebサイトは現在も使用していただいています。<br></p><h2 id="h41d3afb97b">制作期間</h2><p>一ヶ月半<br>※打ち合わせから公開、公開後のサポートを含めた期間<br></p><h2 id="h5e00d77a30">URL</h2><p><a href="https://larche-hair.com/" target="_blank" rel="noopener noreferrer">https://larche-hair.com/</a></p>

美容室L'archeのWebサイトをWordpressを使用して作成しました。

美容室L'archeのWebサイト

<h1 id="hb14ea3abc8">Figma Webデザイン</h1><p><br>Figmaを使って作ったWebデザインをまとめました。<br>架空の要件定義をもと以下のデザインを作成</p><ul><li>パーソナルジムのLP</li><li>コーポレートサイトのWebサイト</li></ul><p><br></p><h2 id="h5e00d77a30">URL</h2><p><a href="https://www.figma.com/file/9VFv1ID2dqck96QdRI1mKI/Figma-Portfolio?node-id=0%3A1" target="_blank" rel="noopener noreferrer">https://www.figma.com/file/9VFv1ID2dqck96QdRI1mKI/Figma-Portfolio?node-id=0%3A1</a></p>

Works

Polygon PoS Cha

XRP Ledger Test

Todoアプリ

Portfolio

美容室L'archeのWebサ

Webデザイン