hanzochang
logo
picture

hanzochangはAI・Web3・マイクロSaaSに特化した開発会社です

hanzochangはAI・Web3・マイクロSaaSの開発に特化しています。AIを用いた高速ワークフローにてスピード感のある新規事業推進をサポートします。

hanzochangの特徴

アイディアだけお聞かせください!AIを使い設計〜プロダクト開発〜運用を手早く行います。
最初に
プロトタイプ開発
調査
進行管理
デザイン
設計・開発
リリース・運用
▼ AIプロトタイピングで、アイディアをすぐカタチに
まずはあなたのアイディアをお聞かせください。 私たちはすぐにAIを活用してプロトタイプを作成し、その場で可能性を可視化します。
試作の段階で方向性や実現性を検証できるため、「進める/進めない」の判断がスピーディーに行えます。
開発をご希望の場合は、技術的な調査からプロジェクト設計までを一貫してご提案。 AIの力を使って、立ち上がりのスピードを最大化します。
▼ 代表はエンジニア × デザイナー × PjM の実務経験者です
代表自身がデザイナー、ディレクター、エンジニア、そしてプロジェクトマネージャーとしての実務経験を持ち、 必要に応じてAIを使わずともひとりでゼロから開発を進められる体制があります。
スタートアップでのスピード開発の現場を経験しているからこそ、限られた時間で成果を出す動き方を熟知しています。
だからこそ、「とりあえず話してみる」だけでも価値あるアウトプットを提供できます。

利用技術スタック

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

hanzochangの特徴

エンジニアリングから
プロジェクトマネジメント、クリエイティブまで。
多様な専門性を活かし、プロジェクト全体を伴走します。
  • プロダクトを自走で立ち上げるフルスタック体制| Webサービス構築に必要な技術を一式内製可能

    フロントエンド、バックエンド、インフラ(AWSやFirebase)までを一貫して対応可能な体制を備えています。開発スピードを重視し、最新技術を柔軟に選定しながら構築を進めます。

  • プロジェクトを前進させる進行管理能力| プロダクト推進のための実行力とリーダーシップ

    チーム内外の関係者と連携し、プロジェクト全体を俯瞰しながらタスク進行と成果最大化を支援します。プロジェクトリーダーとして複数の案件を成功に導いてきた実績があります。

  • 上流から一貫したサービス設計と提案力| 企画・要件定義・UI/UXまで対応可能

    コンセプト設計からワイヤーフレーム作成、クライアント向けの提案資料作成まで、開発の上流工程を包括的に対応します。サービスの目的に応じた実現手段をプランニングし、提案力で価値を生み出します。

  • 変化に強い、柔軟なマルチロール対応| 創業フェーズや未整備な状況にもフィット

    立ち上げ期のスタートアップなど、役割が固定されないフェーズでも柔軟に対応。開発・顧客対応・提案・ドキュメント整備など、状況に応じた動きが可能です。

  • 独立的に動ける即戦力として機能| 既存チームを妨げず成果を最大化

    外部のマーケティングチームや事業側と連携しながら、スクラム開発を妨げずに独立したスプリントを進行できます。企画・デザイン・実装まで自律的に完結する支援が可能です。

  • Crypto・Web3領域の技術支援| Solana/Solidity開発・調査・アドバイザリー対応

    Solana、Ethereum(Solidity)における開発や技術調査、フロントエンド統合の経験があります。実装受託だけでなく、要件整理・技術的相談・教育的な並走支援も対応可能です。

お問い合わせはこちらから

ご希望に応じて職務経歴書や過去のポートフォリオを提出可能ですので、必要な方はお申し付けください。
また内容とによっては返信ができない場合や、お時間をいただく場合がございます。あらかじめご了承ください。

調査レポート・TIPS

Railway.appで複数のcronを実行する方法

Railway.appで複数のcronを実行する方法

Railway.appでは単一のcronしか実行できないという制限がありますが、独自のcronサービスを作成することで複数のcronジョブを実行する方法を解説します。Node.js + TypeScriptでのcronサービスの実装から、Railway.appでのデプロイまでを網羅的に説明します。

公開: 2025.07.17
mastra x prisma ビルドエラー - production buildでprisma generateでclientを生成できない問題の解消

mastra x prisma ビルドエラー - production buildでprisma generateでclientを生成できない問題の解消

mastraにprismaを組み合わせて本番ビルドを行う際に、prismaのclientがbuildできない問題。ESMとCommonJSの互換性問題が原因で発生するこの問題の解決方法を詳しく解説します。

公開: 2025.07.15
thirdwebのgetOwnedTokenIdsがslowな問題を解消する

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

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

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

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

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

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

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

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

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

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

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

公開: 2022.09.11更新: 2022.09.12
FramerMotionで流れるループ画像を作る / How to Create Infinite Autoplay Carousel (Ticker Carousel)

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

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

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

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

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

公開: 2022.06.26更新: 2022.10.24
[TIPS] thirdwebのMINT時priceを表示する - thirdwebのフロントエンド実装

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

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

公開: 2022.06.14
thirdwebのBatchUpload利用方法

thirdwebのBatchUpload利用方法

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

公開: 2022.06.12更新: 2022.11.03
リビールNFTの作り方 | thirdwebでつくるノーコードなリビールNFT作成方法

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

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

公開: 2022.06.11更新: 2022.07.05
ipfs:// のURLをブラウザで直接見られるようにする

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

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

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

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

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

公開: 2022.06.07更新: 2022.06.11
NFTアートの基礎知識 | ブロックチェーン・NFT・コントラクト

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

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

公開: 2022.06.06
Chrome Extension(拡張機能)をInstallした直後のウェルカムページを実装する

Chrome Extension(拡張機能)をInstallした直後のウェルカムページを実装する

Chrome Extension(拡張機能)をInstallした直後のウェルカムページの実装方法を説明します。

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

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

この記事ではChrome Extension(拡張機能)のManifest v3の開発で、ショートカット機能をどう実装するかを知ることができます。

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

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

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

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

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

本記事ではStrapi v4をherokuにデプロイする流れを説明します。セルフホスティング型の利点を生かし、安価で多機能なHeadlessCMS環境を手に入れましょう。ローカル開発環境の構築方法と、本番環境の構築をガイドします。画像保存のストレージはAWS-S3を利用し、ホスティング先はheroku、記事保存のDBにはPostgreSQLを使用します。

公開: 2022.01.27更新: 2022.02.02

お問い合わせはこちらから

ご希望に応じて職務経歴書や過去のポートフォリオを提出可能ですので、必要な方はお申し付けください。
また内容とによっては返信ができない場合や、お時間をいただく場合がございます。あらかじめご了承ください。