picture

Web3・NFTに特化した
PMと開発を提供する
フリーランスエンジニアです

hanzochangはWeb3に特化したフリーランスです。
実装はもちろん、企画・検証・設計の上流工程まで対応可能です。複数のNFTプロジェクトの運用とWeb3アプリケーションの開発実績があります。2022年から個人事業主としてWeb3事業を行い、2023年より法人化。
法人化していますので、発注先としても安心してご利用いただけます。
logo

hanzochangの特徴

Web3の知識がなくともご安心ください、Web3プロダクトの開発・PM・運用をまるっと依頼可能です。
Web3知識の
オンボーディング
調査
進行管理
デザイン
設計・開発
リリース・運用
▼ NFT/Web3サービスを開発できる
当社は「Web3対応エンジニア」「Web3対応のPM」「Web3の特性を踏まえたUIの設計」が可能です。チーム組成をショートカットして、すぐにプロダクト開発に取り組めます。

▼ 起業家・新規事業担当者直属のプロダクト担当として
一人がデザイナー・ディレクター・PM・エンジニアの経験を持つため、単独でプロダクト開発を進めていく能力を有しています。
スタートアップ勤務経験もあり、時間のない中での動き方の重要性を理解しています。細かい指示なしに動けます。

実績

参加プロジェクト
Web3プロジェクト実装実績(一部)
NFT発行〜Dapp開発。またNFT配布に関するユーティリティサイトの開発など、Web3プロジェクトの実装を行っております。こちらに掲載しているのはその一部事例です。お気軽にご相談ください。
react
夕張メロンNFT
技術サポート
- MINTサイトソースコードの提供
- NFTプロジェクトPjM支援
react
法人 コンペサポート
提案のための技術サポート
一週間後の競合プレに向けた企画サポートを実装。コンペ実施前の短時間で技術調査〜実装提案等を実施。
react
(個人)I様
学習用メンタリングプラン
MINTサイト構築の1ヶ月分のカリキュラムを作成し、チャットと定例ミーティングにてサポート
react
Wakonpass
エンジニア/PjM
- MINTサイト実装/NFT開発PjM
- NFTゲートウェイの実装
- エアドロップシステム提供
Web3以外のプロジェクト実績
ウェブアプリケーションはもちろん、ウェブサイトの構築もおこなっております。こちらに掲載しているのはその一部事例です。お気軽にご相談ください。
react
fuzkue web
ディレクター/エンジニア
- コンセプト設計
- ワイヤーフレーム作成
- フロント/サーバーサイド実装
- (開業から9年間に渡り継続運用)
react
某有名アーティスト様
イベントサイト
ディレクター/デザイン/エンジニア
チケット購入/発表時の大量トラフィックにも耐えられるようなサイトを構築。
react
SaaS 開発メンバー
エンジニア
SaaSスタートアップにて、サーバーサイドの実装を担当。スクラムメンバーとして開発に参加。

提供サービス

Web3開発・Webアプリケーション開発の料金メニュー

Web3開発:提供サービス

    MINTサイトの作成
    MINTサイトの作成を行います。スマートコントラクトのデプロイ・設定も可能です。
    料金目安:300,000円〜
    NFTサイト構築 メンターサービス
    NFTサイト構築で技術質問や不明点を聞けるサービスです。slackやmeetsで気軽に相談できます。
    料金目安: 月額 10,000円〜
    NFTの認証を使ったサービス作成
    NFTを用いた会員向けサービスの作成が可能です。会員認証だけの実装など部分的な開発も可能です。
    料金目安:500,000円〜
    ブロックチェーンTx・SNS解析
    SNSとブロックチェーンのデータ解析。自前開発のツールを用い成功事例を解析します。
    Web3/Crypto関連ツール開発
    クローラー開発など、進化の早いWeb3をキャッチアップするためのツール開発を行います。
    料金目安:300,000円〜
    Web3技術調査依頼
    他、Web3関連の開発リソースをお求めの方はお声がけください。
    料金目安:ASK

Webアプリケーション開発:提供サービス

    業務委託(準委任)エンジニア
    SaaSプロダクト / DXプロダクト / Webサービス / Web3フロント等の実装を時間単位にて請け負います。
    ChromeExtension(拡張機能)開発
    社内ワークフロー改善やデータ取得のためのツールの開発ができます。ストアに公開しない非公開のプロダクトを作成可能です。
    料金目安:250,000円〜
    他、検証用サービス構築等
    まるっとサービス開発を依頼したいなど、ご相談可能です。

    料金目安:ASK

利用技術スタック

単独でWebアプリケーションを立ち上げられるスキルを持っています。企画・設計・デザインも対応可。Web3対応アプリケーション開発もご相談ください。
フロントエンド 利用技術スタック
ブラウザ上のアプリケーションの制御の実装スキルです。Web3で言えばコントラクト通信する「UI」の実装スキルとなります。 見た目の演出なども含みます。
react
React.js
nextjs
Next.js
nodejs
ChakraUI
react
three.js
サーバーサイド 利用技術スタック
現在新規案件では、積極的にNestJSを採用しています。 ブロックチェーンを利用するライブラリはJSで書かれているものが多いのと、フロントエンドのメンバーがサーバーにスイッチしやすいというメリットがあります。 ブロックチェーンでのNestJSのノウハウを蓄積しています。
またRubyOnRailsの利用経験も長いため、状況に応じては採用することも可能です。
react
NestJS
functions
Firebase functions
ror
Ruby on rails
nodejs
node.js
インフラ 利用技術
サービス立ち上げ時であれば、vercel、railwayでライトに検証することをオススメしています。
必要に応じて、AWSを利用してシステム構築を行うこともできます。terraformを利用してインフラ構築を行うことも可能です。
aws
AWS
azure
Azure
vercel
vercel
firebase
Firebase
Web3 利用技術
ブロックチェーンに接続するWebアプリケーションの開発ができます。
firebase
Solidity
thirdweb
thirdweb
wagmi
wagmi
ethers.js
ethers.js
デザイン関連 利用ソフト
WebアプリケーションのデザインやUI設計が可能です。必要に応じて別途デザイナーのアサインも可能です。
figma
Figma
Photoshop
Photoshop
AfterEffects
After Effects
開発以外のスキル
進行管理、企画提案、仕様設計、ディレクションまでWebアプリケーションのリリースに必要なスキルがあります。
そのためお客様側で厳密な指示出しをすることなく、 最小限の管理コストにて、開発プロジェクトを単独遂行することができます。
AfterEffects
進行管理
AfterEffects
企画提案
pen
仕様設計
AfterEffects
ディレクション

hanzochangの人材特徴

開発職の他に、PM職・クリエイティブ職を経験。役割を変えながら、プロジェクトの推進に寄与できます。
    プロダクト構築を単独で実行できる開発スキル | Webサービス構築に必要な技術を一式保有
    フロントエンド実装から、サーバーサイド、インフラ(AWS)までWebアプリケーション構築に必要なスキルを一人で有しています。 リリースを高速化するために、FirebaseやNext.jsを用いることがあります。
    進行管理 | プロジェクトリーダー兼エンジニアとして過去複数の案件を担当
    開発チームのプロジェクトリーダーとして、過去複数のプロダクト開発を行ってきました。 社内のみならず関係会社様との連携を含め、事業の推進に寄与してきました。
    設計・企画・UI構築等上流工程も可能 | サービス構築に必要な企画・ディレクション・PMの経験
    コンセプト設計、WEB開発を見据えたタスクの落とし込み、開発を見据えたワイヤーフレーム設計が可能です。また、クライアント案件の場合提案のための作業も可能です。コンセプト提案の提案スライド制作・提案資料制作等も行っています。
    目的に合わせて「何でも屋」として動きます | 新会社創業時の創業メンバー経験あり
    スタートアップ創業期にメンバーとして参画した経験があります。”何でも屋”として顧客折衝から開発まで可能刻々と変わる状況に対して、職能を変えながら柔軟に対応した経験があるため、エンジニアやディレクターの職能に留まらない動きで、ビジネスをサポートすることが可能です。
    独立して動いて欲しい案件に強みを発揮 | 開発外チームで開発が必要な場面
    企画経験、最低限のデザインスキル、コーディング、実装を有していますので、単独で動けます。 スクラムチームの日々の目標達成を極力阻害しないように、マーケターと並走する形で独立して動くことが可能です。
    Crypto・Web3 | 実装・調査・相談もご相談ください
    solidity構築、調査、Web3フロントエンド構築を承っております。実装を請け負う以外にも不明点の相談や実装の並走・サポート等も可能です。
お仕事のご依頼はこちら
数時間で終わりそうな雑務から、
長期のプロジェクトまでお気軽にお問合せください
ご希望に応じて職務経歴書や過去のポートフォリオを提出可能ですので、必要な方はお申し付けください。また内容とによっては返信ができない場合や、お時間をいただく場合がございます。あらかじめご了承ください。
調査レポート・TIPS
仕事や調査のメモを、Web3やNFTを中心に、記事にしています。
発注にあたっての検討材料にあたり、ぜひ下記記事も併せてご参照ください。
17-Thumbnail_Image.png

thirdwebのgetOwnedTokenIdsがslowな問題を解消する

thirdweb の getOwnedTokenIds のレスポンスが遅く、利用に耐えないという問題があります。トークン数が少ない場合は問題が顕在化しませんが、トークン数が多い場合この点難しいところです。本記事ではそれに対しての対策を案内します。
16-Thumbnail_Image.png

NFT会員サイト作成TIPS - 保有NFT一覧を高速に取得する方法

NFT保有者限定サイトを作成するにあたり、ウォレットがどの tokenId を保持しているかを判定したい場面があります。例えばユーティリティの申し込みや判定において、特定のプレミアムがついた NFT のみ許可する一覧取得が必要になります。この記事ではどのトークンを保持しているかを高速に出力する実装方法について解説します。
14-Thumbnail_Image.png

拡張機能開発事例 : React-Konvaでブラウザにレイアウトグリッドを敷ける拡張機能を開発した話

Figma等のデザインツールでよくみるLayoutGridをbrowserに敷くchrome extension「Layout Grid for Browser」を開発しました。ブラウザ上にガイドを敷くことにより、高速かつ高品質なフロントエンドでのマークアップを実現することを狙ったプロダクトです。この記事では、その開発の成果と、どういう実装概要を簡単に説明しています。
13-Thumbnail_Image.png

thirdwebでの WhitelistMint / PreMint / PublicMint のやり方 - Claim Conditionsの知見とともに

NFTの配布では、一般にWhitelistMINT(WLMint)、PreMint、PublicMintといった配布方式があります。それらをthirdwebでどう実現していくかを説明していきます。
12-Thumbnail_Image.png

FramerMotionで流れるループ画像を作る / How to Create Infinite Autoplay Carousel (Ticker Carousel)

SaaSのLPにあるような流れる企業ロゴを、FramerMotionとReactでお手軽に流れるループ画像を作ります。既存のCarouselのpackageを魔改造することなく実現できるので、見通しがよく、デザインの改築を簡単に行えます。
11-Thumbnail_Image.png

[TIPS] thirdwebのMINT時priceを表示する - thirdwebのフロントエンド実装

thirdwebのフロントエンド実装についての記事です。ReactでのNFTDropのMINTの価格の実装方法がわかります。
10-Thumbnail_Image.png

thirdwebの使い方 - 独自コントラクトの作成と「NFTのMINTサイト」の作り方を紹介

thirdwebでの独自コントラクト作成 〜 MINTサイト作成までの流れが掴める記事です。サンプルリポジトリ(React/Next.js)を使って、MINTサイトをすぐに構築する方法を説明します。独自コントラクトでのNFT作成までの一連のフローを体験してみましょう。
9-Thumbnail_Image.png

thirdweb BatchUploadの使い方 - CSVでmetadataとファイルをまとめてIPFSにアップロード

thirdwebにはBatchUploadと呼ばれるIPFSにmetadataと画像をまとめてアップロードしてくれる便利な機能があります。少しだけクセがあるので、この記事は捜査方法を解説しています。
8-Thumbnail_Image.png

ipfs:// のURLをブラウザで直接見られるようにする

「ipfs://〜」で始まるURIをブラウザで直接閲覧できるようにする方法を紹介します。ipfsのURIをコピペしてブラウザバーにいれるだけで、参照できるようになるので、IPFSを利用した開発が楽になります。
7-Thumbnail_Image.png

リビールNFTの作り方 | thirdwebでつくるノーコードなリビールNFT作成方法

この記事では、リビール(reveal)機能付きのNFTの作成方法を紹介します。thirdwebを使うことで、ノーコードで実現できます。リビールNFTを使うことで、NFTプロジェクトに期待感を醸成したり、またはガチャのようにNFTごとに価値を変化させたい場合に効果的です。
Thumbnail_Image.png

NFT独自コントラクトをノーコードでデプロイできる、4つのサービスを紹介

この記事ではノーコードで独自コントラクトに出品する方法がわかります。独自コントラクトでNFTを作ると、自分のサイトでの出品やMINTができるようになります。またマーケットプレイスへの複数同時出品がやりやすくなります。ブランディングにも効果的です。
Thumbnail_Image.png

NFTアートの基礎知識 | ブロックチェーン・NFT・コントラクト

NFTアート作成に必要な前提知識の習得を目的とした記事です。ブロックチェーン・FT・NFT・コントラクトに関する基礎知識を速習することができます。NFTアートの作りたいと思っているクリエイターやエンジニア向けに情報を整理しました。
ogp.png

Chrome Extension(拡張機能)インストール直後ページの実装方法

この記事ではChrome Extension(拡張機能)のManifest v3のインストールページ(ウェルカムページ)の作成方法がわかります。
ogp.png

ChromeExtension(拡張機能)の開発でショートカットを実装する

この記事ではChrome Extension(拡張機能)のManifest v3の開発で、ショートカット機能をどう実装するかを知ることができます。
91128466-dfc96c00-e6da-11ea-8b03-a96e6b98667d.png

React製デザインシステム「GeistUI 」を調査してみた

React製デザインシステムであるGeistUIを実際に動かしてみました。簡単に紹介します。
ThumbnailImage.svg

Strapi V4をHerokuとS3にデプロイし、安くて自由なHeadlessCMS環境を手に入れる。

本記事ではStrapi v4をherokuにデプロイする流れを説明します。セルフホスティング型の利点を生かし、安価で多機能なHeadlessCMS環境を手に入れましょう。ローカル開発環境の構築方法と、本番環境の構築をガイドします。画像保存のストレージはAWS-S3を利用し、ホスティング先はheroku、記事保存のDBにはPostgreSQLを使用します。
picture
hanzochang
代表取締役 半澤勇大
慶應義塾大学卒業後、AOI Pro.にてWebプランナーとして勤務。ナショナルクライアントのキャンペーンサイトの企画・演出を担当。その後開発会社に創業メンバーとして参加。Fintech案件や大手企業のDXプロジェクトに関わり、その後個人事業主として独立。2023年にWeb3に特化した開発会社として法人化。

2017年ごろより匿名アカウントでCryptoの調査等を行い、ブロックチェーンメディアやSNSでビットコイン論文等の図解等を発信。
お仕事のご依頼はこちら
数時間で終わりそうな雑務から、
長期のプロジェクトまでお気軽にお問合せください
ご希望に応じて職務経歴書や過去のポートフォリオを提出可能ですので、必要な方はお申し付けください。また内容とによっては返信ができない場合や、お時間をいただく場合がございます。あらかじめご了承ください。
fixed
© 2023 hanzochang