地元の地方クリエイターが造る TouristLog

# ⭐️ プロジェクト概要

**TouristLog**は地方創生を促進する新しいプラットフォームです。地元の魅力を最もよく知る地方クリエイターと、その情報を求める広告主をつなぐことで、地域経済の活性化を目指します。このプロジェクトは、「NEMTUS Hackathon 2025」の私の提出した成果物となっております。

:::note
[github(コード)](https://github.com/mori-tt/tourist-log)
:::
:::note
[TouristLog(デプロイ)](https://tourist-log.vercel.app)
:::
:::note
[Akindo URL(ハッカソン提出ページ)](https://app.akindo.io/communities/LaQM1K9rBfkAWPakx/products/nPEKn8plgcENeR2W)
:::

### TOPページ
![screencapture-tourist-log-vercel-app-2025-03-23-02_43_27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623923/53bab613-a431-4b29-b7fc-3a90546a50f5.png)

### 記事詳細ページ
![screencapture-tourist-log-vercel-app-article-2-2025-03-23-02_45_02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623923/c01da3e0-604f-4abd-83b3-98b4f2826765.png)


# ⭐️「NEMTUS Hackathon 2025」

このハッカソンは、ブロックチェーン技術の可能性を最大限に引き出し、実社会における課題解決を目指すイベントです 。多様なアイデアや技術を持つ参加者が集い、競い合いながら、ブロックチェーンの経済圏・コミュニティを活性化し、技術普及を加速させることを目的としています 。
今回のハッカソンでは、2つのテーマを設定し、幅広い取り組みを推進します。

##### テーマ1：～お笑い～2 

日本文化として親しまれる「お笑い」が持つ、人と人をつなげる力を活用し、エンターテイメント体験に新たな価値をもたらすプロダクトを募集します。

##### テーマ2：～地方創生～2 

地方独自の魅力を引き出し、経済活動やコミュニティの活性化を目指す地方創生において、ブロックチェーンを活用し透明性や信頼性を確保することで、どのような貢献ができるかを追求します。

:::note
[NEMTUS Hackathon 2025 (Website)](https://hackathon-2025.nemtus.com/)
:::

# ⭐️ 主な機能

### 1. コンテンツ作成プロセス
- **広告主側**: 作ってほしい記事のトピックを立てる
- **クリエイター側**: 地元をよく知る地方クリエイターが質の高い記事を作成

### 2. ブロックチェーン活用の仕組み
- **投げ銭システム**: 広告主から投稿者へ直接支援
- **記事買取機能**: 投稿者が価格を決定し、広告主が買い取り

# ⭐️ 地方創生への貢献

### 課題
- 地方の魅力が十分に発信されていない
- 地方クリエイターの収入機会が限られている
- 観光情報の質と信頼性にばらつきがある

### TouristLogによる解決策

#### 1. 地域の魅力の可視化
地元ならではの視点で隠れた観光スポットや体験を発信し、地方の独自性をアピール

#### 2. 地方クリエイターの経済的自立
- ブロックチェーンによる透明な報酬システム
- 複数の収入源（投げ銭、記事販売、広告収入）確保
- クリエイターの価値に見合った適正な対価

#### 3. 信頼性の高い情報提供
- ブロックチェーンによる取引履歴の透明化
- 改ざん不可能な評価システム
- クリエイターの実績が可視化され、質の高いコンテンツが評価される仕組み

# ⭐️ ブロックチェーン活用のメリット

### 透明性
- 全ての取引記録が公開され、不正ができない
- 支払いプロセスの自動化による中間コスト削減

### 分散型システム
- 特定の企業や団体に依存しない持続可能なエコシステム
- コミュニティ主導の発展モデル

### トークンエコノミー
- 地域内での経済循環を促進
- 貢献度に応じた公正な価値分配

# ⭐️ 期待される効果

1. **観光客増加**: 魅力的で信頼性の高い情報発信による地域への興味喚起
2. **地方雇用創出**: クリエイターという新たな職業の確立
3. **地域ブランディング**: 地元の視点からの発信による独自性の強化
4. **地域コミュニティ活性化**: クリエイターと地域住民の連携促進


# ⭐️ ブロックチェーン機能の利用

### 投げ銭機能
- 広告主が投稿者（クリエイター）に対して、記事に対する評価や感謝の意味を込めた投げ銭を行います。  
- ブロックチェーン上でトランザクションを管理することにより、寄付や支払いの透明性が確保されます。

### 記事買取機能
- クリエイターが自作の記事の価格を設定し、広告主はその価格で記事を購入する仕組みを採用。  
- 価格交渉を含めた市場機構をブロックチェーンで担保し、信頼性の高い取引を実現します。



## ⭐️ メリットと展望

### 地方クリエイターの活躍支援
- 地元に根ざした文化や情報が発信されることで、地域の魅力が再評価される。  
- 地方クリエイター自身が自らの作品の価値を正当に評価され、報酬を受け取る仕組みとして機能。

### 広告主のメリット
- ターゲットに即した記事コンテンツにより、効率的なプロモーションが実現。  
- ブロックチェーンによる透明な支払い仕組みで取引の信頼性を確保。

### 技術的優位性
- NEXT.JSとTypeScriptによる最新の開発基盤が、高いパフォーマンスと開発効率を実現。  
- ブロックチェーン導入により、今後のデジタルトランザクションの新たな標準を目指します。


# ⭐️ アーキテクチャ  

### アーキテクチャ構成
![スクリーンショット 2025-03-05 13.29.23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623923/828a91a7-0e7e-4ef1-9afe-6af00cbeadda.png)


### アーキテクチャ概要
■ フロントエンド  
・app/  
　　→  NEXT.JS のAppRouterのディレクトリ構造を利用して、ページコンポーネントやビューを管理  
・components/  
　　→ 再利用可能なフロントエンドのUI コンポーネントやレイアウトなど
・public/  
　　→ 静的ファイル（画像など）  

■ API  
・app/api/  
　　→ バックエンドとして、NEXT.JSのルートハンドラーを使い、フレームワーク内部のDBとの連携や外部API連携の処理を実装
・context/  
　　→ 状態管理に関連する実装

■ DB  
・prisma/  
　　→ Prisma を用いたDBスキーマやマイグレーション、各種データなどの管理  

■ ブロックチェーン  
・scripts/とutils/とapp/api/ 
　　→ ブロックチェーン関連の実装等
　　→ APIは、app/api/ 配下に実装



### フロントエンド・バックエンド
- **TypeScript & NEXT.JS**  
  ・モダンなフレームワークのNEXT.JSでフルスタックに実装。
  ・フロントエンドもバックエンドも、一つのNEXT.JSのプロジェクトで、モノレポ構成。
  ・TypeScriptによる型安全性で、エラーの早期防止と保守性の向上を図ります。

### DB
- **NEON (Postgres)**  
  ・NEONを使用することで、高可用性かつ拡張性の高いPostgresデータベースの運用が可能。  
  ・複数のデータを統一して管理し、効率的なクエリ実行を実現します。


### デプロイ
- **Vercel**  
  ・Vercelを採用して、スケーラブルかつ高速なデプロイ環境を提供。  
  ・CI/CDパイプラインと統合し、リリース作業を効率化します。

### ブロックチェーン
- **Symbol**  
  ・Symbolを利用することで、投げ銭や記事買取、広告料支払いに伴うトランザクションを安全に行えます。  
  ・各取引の自動実行と透明性の確保を可能にしています。  



### ⭐️ Key Features
**1. Content Creation Process**
Advertiser Side: Post topics for articles they want created.

Creator Side: Local creators with in-depth knowledge create high-quality articles.



**2. Blockchain Utilization Mechanism**
Tip System: Direct support from advertisers to contributors.

Article Purchase Function: Contributors set prices, and advertisers purchase articles.



### ⭐️ Contribution to Regional Revitalization Challenges
Local attractions are not being communicated effectively.

Income opportunities for local creators are limited.

Variations in the quality and reliability of tourism information.



### Solutions by TouristLog
**1. Visualization of Regional Attractions**
Showcase hidden tourist spots and experiences from a unique local perspective, highlighting regional uniqueness.



**2. Economic Independence for Local Creators**
Transparent reward system using blockchain.

Secure multiple income sources (tips, article sales, advertising revenue).

Fair compensation that matches the value of creators.



**3. Provision of Highly Reliable Information**
Transparency of transaction history through blockchain.

Tamper-proof evaluation system.

Mechanism to visualize creator achievements and evaluate high-quality content.



### ⭐️ Benefits of Blockchain Utilization
**Transparency**
All transaction records are public, preventing fraud.

Reduced intermediary costs through payment process automation.



**Decentralized System**
Sustainable ecosystem that does not depend on specific companies or organizations.

Community-driven development model.



**Token Economy**
Promote regional economic circulation.

Fair value distribution based on contribution.



### ⭐️ Expected Effects
**Increased** Tourists: Stimulate interest in the region by providing attractive and reliable information.

**Local Job** Creation: Establish a new profession as a creator.

**Regional Branding**: Strengthen uniqueness by disseminating information from a local perspective.

**Regional Community Revitalization**: Promote collaboration between creators and local residents.





### ⭐️ Use of Blockchain Functions
**Tip Function**
Advertisers tip contributors (creators) as an expression of appreciation and evaluation for their articles.
Transaction management on the blockchain ensures transparency of donations and payments.



**Article Purchase Function**
Creators set prices for their own articles, and advertisers purchase them at those prices.

Realize reliable transactions by securing a market mechanism, including price negotiations, with blockchain.



### ⭐️ Benefits and Prospects
Support for Local Creator Activities
Re-evaluate the region's appeal by disseminating locally rooted culture and information.
Function as a mechanism for local creators to have the value of their work fairly evaluated and receive compensation.



**Advertiser Benefits**
Achieve efficient promotion through article content tailored to the target.

Ensure transaction reliability with a transparent payment mechanism using blockchain.



**Technical Advantages**
Latest development base with NEXT.JS and TypeScript achieves high performance and development efficiency.

Aim for a new standard in future digital transactions by introducing blockchain.



### ⭐️ Architecture
**Frontend/Backend**
TypeScript & NEXT.JS: Full-stack implementation with the modern framework NEXT.JS.
Monorepo configuration with both frontend and backend in a single NEXT.JS project.
Improve error prevention and maintainability with type safety using TypeScript.



**DB**
**NEON (Postgres)**: Operating a highly available and scalable Postgres database by using NEON.
Unified management of multiple data and efficient query execution.



**Deployment**
**Vercel**: Provide a scalable and high-speed deployment environment by adopting Vercel.
Streamline release operations by integrating with the CI/CD pipeline.



**Blockchain**
**Symbol**: Secure transactions for tips, article purchases, and advertising fee payments by using Symbol.
Enable automatic execution and transparency of each transaction.