TOKOROKO - 絶景スポットでNFTを集める新体験

TOKOROKOとは...?

TOKOROKOは、ユーザーが絶景スポットを訪れることでNFTをコレクションできるサービスです。地域観光の促進とNFTの新たな活用法を融合させたワクワクする体験を提供します。

---

使用技術スタック

• フロントエンド: Next.js , Leaflet.js
• バックエンド: Supabase
• データベース: Supabase
• インフラ: Cloudflare Tunnel, EC2

---

こだわりポイント

1. 直感的で快適なユーザー体験

• Next.js を使用し、高速なページ遷移を実現。
• ユーザーが訪れたスポットの情報をリアルタイムで取得し、訪問を即座にNFTとして記録。

2. Supabaseによる柔軟なバックエンド設計

• バックエンドとフロントエンドの分離によりスケーラビリティを確保。
• DBにRLSを適切に設定し外部から不正に内容を書き換えられないように設計。

3. Supabaseを活用した高速なデータ処理

• 認証機能やリアルタイムデータベースとしてSupabaseを活用し、ユーザー登録・ログインをシームレスに実現。
• NFTコレクションの記録や表示が即座に反映。

4. Cloudflare Tunnelを利用したセキュアなインフラ

• Cloudflare Tunnelを用いることで、ハッカソン環境でも簡単に安全なデプロイを実現。
• 開発スピードを犠牲にせず、セキュリティも担保。

5. 絶景スポットの訪問を証明するNFT

• 各スポットに訪問するだけで、該当スポットのNFTを取得可能。
• NFTデザインには現地の景観や文化を反映し、観光地の魅力を最大限にアピール。

6. EC2での安定したホスティング

• EC2を使用することで、柔軟なスケーリングが可能。
• ハッカソン後も長期的な運用を見据えた設計。

---

サービスのインパクト

• 地域観光の活性化: スポット訪問を通じて観光地の魅力を発信。
• 新しいNFT体験: 単なるデジタルアートではなく、リアルな訪問体験を伴うNFTの価値を提案。
• 持続可能な仕組み: 環境への配慮を意識し、エネルギー効率の高いNFTプラットフォームを採用。

---

ハッカソンでの学び

• ハッカソンでも超セキュアなサービスの実現
• 次世代の観光促進サービスとしての可能性を模索。

TOKOROKOで、絶景とデジタルの融合を体験しましょう！

使ったもの紹介(スポンサー様ァァァ)

Backlog(プロジェクト管理)←BIG LOVE

タスク管理の観点で非常に役に立ちます。プライベートでもいつも使わせていただいており(本当)、今回の開発でもスムーズに開発を行うことができました

Cacco(システム設計)←BIG LOVE

上記の通りとっても見やすいシステム設計書を作ることができます。こちらも普段から利用させていただいており(本当)モダンで見やすい設計書の作成ができます。 個人的Cacoo推しポイントは画像URLをコピーして適当な場所に貼り付けるだけで画像が表示されるところです。

Progate(個人的学習目的)←BIG LOVE

今回の開発でもとっても使ったnode.js！まだ始めたてで右も左も分からない時からずっと利用させていただいてます！どんなサイトよりもわかりやすくてUIがKAWAII!大好きです！

今後使っていきたいもの

invoiceAgent 電子契約

invoiceAgent 電子取引

invoiceAgent 文書管理

今後、TOKOROKOを運用していくにあたりWingArc1st様のソリューションを利用し適切な帳票管理をすることでTOKOROKOとしてのサービスの信頼性を高めていけるものと考えています。

※このページでのNFTはチェーンのないただのNFT(バッチ)です。