はじめに
2025 年初頭、Reddit では毎日同じ質問に遭遇するように感じました。「Vibe Coding が No-Code を置き換えるのか？」
この話題はあちこちで取り上げられていました。人々は Vibe Coding を使った実験を、小さな機能からフルサイズのアプリケーションまで興奮して共有しています。AI と会話するだけで、ほぼ何でも構築できるように見えたのです。
しかし数ヶ月後、雰囲気が変わってきました。
あるユーザーはこう投稿しました。「5 ヶ月間 Vibe Coding を使っていたが、No-Code に戻りました。」
その理由は単純です。AI 生成結果の不安定性（「幻覚現象」：AI が事実と異なる内容を生成すること）です。デバッグやエラー修正は疲労感を伴い、長期的なメンテナンスはさらに手強いものでした。
実際のプロジェクトで Vibe Coding を試した多くの人にとって、結論は明確でした。No-Code の方が安定的で制御しやすい選択肢です。
それでもしかし、本当の問いは「どちらが優れているか」ではなく、「それぞれどのような場面で使うか」なのかもしれません。
💬 NocoBase ブログへようこそ。NocoBase は、エンタープライズアプリケーションや業務ツール、ワークフローシステムを構築できる、オープンソースのノーコード／ローコード開発プラットフォームです。セルフホスティング、プラグインアーキテクチャ、開発者フレンドリーな設計が特徴です。→ GitHubで詳しく見る
どう選ぶ？
Vibe Coding が No-Code を置き換えることはないと、私はますます確信しています。むしろ、それぞれ最適なユースケースを持つ「並行する 2 つの道」という関係性に近いです。
Vibe Codingは、小規模で迅速なプロジェクトに最適です。
個人用ホームページ、シンプルなユーティリティ、あるいはすぐに実現したい簡単なアイデアなど —— 複雑なロジックが不要で、迅速に生成されれば良いものです。
No-Code（シンプルなウェブサイトビルダーを超えるもの）は、複雑で構造化されたアプリケーションに適しています。
企業向け CRM、承認システム、データ管理プラットフォームなど —— コラボレーション、ロールベースのアクセス権、データ整合性、長期的なメンテナンスが必要なアプリです。こうしたシナリオでは、No-Code プラットフォームが提供する安定性と制御性が不可欠です。
さらに興味深いのは、両者の境界が曖昧になってきている点です。
多くの No-Code プラットフォームが現在 AI 機能を統合しており、ユーザーは自然言語を通じてページ、フィールド、ワークフローを生成できるようになっています。それでもなお、No-Code フレームワークの整合性は保持されています。
したがって、本当の選択はプロジェクトのステージ、要件の複雑さ、チームのリソースにかかっています。これらの要素によって、Vibe Coding、No-Code、あるいは両者の組み合わせのいずれが適切かが決まります。
以下では、Vibe Coding プラットフォーム、No-Code プラットフォーム、両者を組み合わせたハイブリッドソリューションの 3 つのカテゴリで、推奨するツールを紹介します。
| 製品 | オープンソース | カテゴリ | AI 機能 | UI 構築 | バックエンドロジック | 最適なユースケース | チームコラボレーション | 学習コスト |
|---|---|---|---|---|---|---|---|---|
| Cursor | ❌ | Vibe Coding | ✅ 深度な AI 統合 | ❌（IDE コードのみ） | ✅ AI 支援コーディング | 小規模ユーティリティ、迅速なプロトタイピング | 中（Git ベース） | 中 |
| v0.app | ❌ | Vibe Coding | ✅ 自然言語 UI 生成 | ✅ 自動生成 | ❌ | ランディングページ、コンポーネントスケッチ | ❌ | 低 |
| Lovable | ❌ | Vibe Coding | ✅ 会話形式生成 | ✅ 自動生成 | ❌ | ウェブサイト、小規模サイト | ❌ | 非常に低 |
| NocoBase | ✅ | No-Code | ⚠️ AI アシスタント開発中 | ✅ ブロックベースのビジュアルビルダー | ✅ データモデリング＋アクセス権 | CRM、承認フロー、内部業務アプリ | ✅ | 中 |
| Retool | ❌ | No-Code | ✅ AI アシスタント＆LLM | ✅ ドラッグアンドドロップ UI | ✅ DB/API/JS 統合 | オペレーションダッシュボード、管理システム | ✅ | 中～高 |
| Budibase | ✅ | No-Code | ❌ | ✅ 構造化 UI | ✅ フォーム＋ワークフロー | フォームシステム、承認ポータル | ✅ | 中 |
| ToolJet | ✅ | ハイブリッド | ✅ プロンプトからコード生成 | ✅ ドラッグアンドドロップ＋スクリプト | ✅ ワークフロー＋JS | AI 機能を持つ軽量内部ツール | ✅ | 中 |
| Bubble | ❌ | ハイブリッド | ✅ プラグイン＋AI アシスタント | ✅ 高カスタマイズ可能 UI | ✅ ワークフロー＋データ | SaaS アプリ、AI 対応ウェブアプリ | ✅ | 中 |
| Flowise | ✅ | ハイブリッド | ✅ ネイティブ LLM ツールチェーン | ❌（外部 UI が必要） | ✅ AI ワークフロー | RAG システム、AI Q&A バックエンド | ✅ | 中～高 |
Vibe Coding
Cursor
ウェブサイト： https://www.cursor.sh
概要 Cursor は、AI コーディング体験のために特別に構築された IDE です。単に Copilot をラップしたツールではなく、「Vibe Coding」アプローチを代表するフラグシップツールの一つです。
主な機能
- コードを会話形式で操作するワークフロー：Cursor は単純なオートコンプリートを超えています。コードブロックを選択して会話で直接編集したり、コミットメッセージを生成したり、アーキテクチャロジックを再構成したりすることができます。Copilot に比べ、より積極的かつ制御しやすい操作性を提供します。
- 強力なコンテキスト認識：VSCode プラグインとは異なり、Cursor はプロジェクトのコンテキストをより全面的に捕捉します。これにより、長いファイルやマルチモジュールプロジェクトで全体構造を理解しやすく、特に有効です。
- ビルトインバージョンロールバック：AI 生成による変更はすべて自動的に差分（diff）を生成するため、クリック一つでロールバックできます。AI の「幻覚現象」によるコード破損のリスクを低減します。
- 再利用可能なプロンプトマーケットプレイス：Cursor は VSCode スニペットに類似した、専用の AI プロンプトマーケットプレイスを構築中です。開発者は他の人が作成したプロンプトを再利用し、AI の出力品質を向上させることができます。
最適なユースケース
- アイデアの実現可能性を迅速にテストするためのプロトタイピング（典型的な Vibe Coding ユースケース）。
- 既存コードのリファクタリングや書き直し（スタイルコンポーネントや API の更新など）。
- AI がコーディングタスクでどこまで支援できるかを調査するための「サンドボックス」。
制限事項
- セルフホスティング不可：オンプレミスデプロイが必要な企業やプライバシー重視のプロジェクトには不向きです。
- 人間の判断が必要：Cursor は論理的に正しいコードを生成しますが、アーキテクチャの決定やパフォーマンス最適化までは行いません。
- スキルギャップのリスク：AI 生成に過度に依存すると、開発者が「プロンプトオペレーター」になり、本来のシステムデザイナーとしての能力が低下する可能性があります。
v0.app
ウェブサイト： https://v0.dev
概要 Vercel によって開発された v0 は、自然言語からフロントエンドページを作成できる AI 駆動型 UI ジェネレーターです。Vibe Coding 領域における「デザインからコードへ」のビジョンに最も近いツールの一つです。
主な機能
- インスタント UI 生成：「検索バーと結果リストを持つブログページ」のように必要なものを記述するだけで、v0 は即座にレスポンシブでセマンティックなコード（shadcn/ui＋Tailwind CSS使用）を生成します。
- コードファースト、ブラックボックスなし：出力は標準的な React＋JSX で、完全にオープンかつ制御可能です。ベンダーロックインや隠れたランタイム依存性はありません。
- 会話形式の反復修正：「ナビバーの背景を黒にする」「購読ボタンを追加する」といったプロンプトでデザインを調整できます。v0 はスタイルの一貫性を保ちながら変更を適用します。
- シームレスな Vercel 統合：生成したページはクリック一つでデプロイ、プロジェクトにインポート、チームと共有できます。開発者にとって非常に使いやすいワークフローを提供します。
最適なユースケース
- デザインは魅力的だがロジックは単純なプロトタイプ、キャンペーンサイト、ランディングページ。
- UI ドラフトを生成し、開発者がビジネスロジックに集中できるよう支援。
- 既存のフロントエンドプロジェクト内でコンポーネントを生成し、開発速度を向上。
制限事項
- フロントエンドのみ：v0 は複雑なバックエンド連携に対応していません。ビジネスロジックとデータバインディングは手動で実装する必要があります。
- スタイルの均一性：現在の出力はshadcn/uiライブラリに強く依存しています。モダンなデザインではありますが、厳格なカスタムデザインシステムが必要なプロジェクトには不向きかもしれません。
- チームコラボレーション機能の制限：v0 はまだ個人開発者向けに設計されており、マルチユーザー編集、アクセス権、バージョン管理といった機能は未サポートです。
Lovable
ウェブサイト： https://lovable.so
概要 Lovable はより会話中心のアプローチを採用しています。自然言語で必要なものを記述すると、完全なウェブサイトを生成してくれます。
主な機能
- 簡素化された「生成→公開」ワークフロー：「カルーセルバナーを持つホームサービスウェブサイトが必要」といった要件を記述するだけで、Lovable は自動的にページレイアウト、テキストコンテンツ、画像スタイル、さらにはカラースキームまで構築します。
- オプションの AI エージェント：基本的なサイト生成に加え、Lovable は「SEO コンサルタント」「デザインアシスタント」「コピーライティングジェネレーター」など数十種類のプリビルド AI エージェントを提供し、純粋な開発以外のタスクもカバーします。
- 完成品のデリバリー：開発環境を提供するのではなく、すぐに使えるサイトを提供することを目指しています。HTML/CSS/JS をエクスポートするか、直接ホスティングすることができます。
- 学習コストゼロ：非技術者向けに設計されており、体験は伝統的なビルダーより「ウェブサイト用 ChatGPT」に近いです。
最適なユースケース
- アイデアの検証のために迅速にウェブサイトやランディングページ（予約ページ、ブログ、イベントサイトなど）を作成する初期スタートアップ。
- ポートフォリオ、マーケティングページ、コース紹介ページなどコンテンツ主導のプロジェクト。
- 伝統的なサイトビルダーの代替として、スマートなツールを求めるフリーランサーや非技術者のクリエイター。
制限事項
- AI スタイルの出力：生成されたサイトはデザインとコピーの両方で「テンプレート風の AI ルック」を強く持つことが多く、MVP には最適ですが、完成度の高いブランドウェブサイトには不向きです。
- 複雑なロジック未サポート：データモデリング、アクセス権制御、バックエンドワークフローといった構造化された機能はサポートしていません。内部ツールやシステムレベルのアプリには不向きです。
- 会話の範囲に制約：会員制システムや動的フォームのように、単純なルールを超える要件になると、Lovable の能力はすぐに限界に達します。
No-Code
NocoBase
ウェブサイト： https://www.nocobase.com
概要 NocoBase は、中～大規模な内部システム向けに構築されたデータモデル駆動型のオープンソース No-Code プラットフォームです。高い拡張性ときめ細かいアクセス制御を備えており、Vibe Coding ツールが対応できない複雑なビジネスシナリオでのパフォーマンスが優れています。
主な機能
- コアとなるデータモデリング：テーブル中心の No-Code ツール（Airtable 風プラットフォームなど）とは異なり、NocoBase はフレームワーク的なアプローチを採用しています。エンティティ間の関係、フィールド構造、ビジネスロジックの明確な分離を重視し、複雑なビジネスアプリケーションの構築に最適です。
- 柔軟なプラグインエコシステム：ユーザー認証、ロールベースアクセス権、ワークフロー、ファイルストレージ、さらには AI アシスタントまで、すべてがプラグインとしてモジュール化されています。チームは特定のニーズに合わせてスタックをカスタマイズできます。
- フロントエンド・バックエンド分離＋ブロックベース UI：レゴブロックのように UI を構築したり、コンポーネントをカスタマイズしたり、API を統合したりできます。柔軟性と制御性を両立したシステムを実現します。
- きめ細かいアクセス権：フィールドレベルおよび行レベルのアクセス制御をフロントエンドロジックと組み合わせることで、ロール固有のビューを簡単に設定できます。これは Vibe Coding ツールでは現実的に実現できない機能です。
最適なユースケース
- 企業級内部システム：CRM、チケットシステム、資産管理、承認プラットフォーム。
- セルフホスト型ビジネスプラットフォーム：クラウドベンダーに依存せず、セキュリティ、制御性、カスタム機能が必要なチーム。
- No-Code＋コードを組み合わせる技術チーム：No-Code でコアシステムを迅速に構築し、カスタム開発のための拡張性を保持。
制限事項
- 学習コストがやや高い：v0.app や Lovable のような軽量ツールに比べ、開発やプロダクトデザインの経験があるユーザーにより適しています。
- ウェブサイトビルダーではない：コンテンツが多いサイト、ブランドウェブサイト、シンプルなフロントエンドプロジェクトを対象としていません。
- プラグインエコシステムは発展途上：オープンソースプロジェクトであるため、プラグインやテンプレートのマーケットプレイスは成長していますが、商用プラットフォームのレベルにはまだ達していません。
Retool
ウェブサイト： https://retool.com
概要 Retool は、企業級内部ツールを構築するためのオールインワンプラットフォームです。「すべてを接続＋迅速にローンチ」を強みとし、強力なデータ統合とビジネスロジック機能を備えています。
主な機能
- 手軽なデータと API 接続：Retool は数十種類のデータベース（PostgreSQL、MongoDB、Snowflake など）やサードパーティ API（Stripe、Slack、Salesforce など）をネイティブでサポートします。一度設定すれば、コンポーネントをドラッグアンドドロップして機能的なインターフェースを構築できます。
- 柔軟性の高い豊富な UI コンポーネント：本番環境で使用可能な多様なコンポーネント（テーブル、チャート、フォーム、日付ピッカーなど）を提供し、状態管理とロジックバインディングをサポートします。ビジネス向けフロントエンドの構築に最適です。
- 強力なスクリプティング機能：ビジュアルビルドに加え、JavaScript を使用してデータ変換、バリデーション、コンポーネント間ロジックを実装できます。複雑なワークフローに適しています。
- AI 駆動型開発支援：
- クエリ＆コード生成：SQL や JS エディタ内でプロンプトを使用してクエリやスクリプトを生成し、反復作業を削減。
- AI コンポーネントジェネレーター：自然言語でページを記述すると、Retool が自動的に作成。
- LLM 統合：ベクトルデータベース（Pinecone、Weaviate など）のビルトインコネクタと、OpenAI、Cohere、Anthropic のサポートを提供。AI 検索、Q&A、ドキュメントインテリジェンス機能の追加を容易にします。
- 企業向けセキュリティ＆デプロイメント：SSO、監査ログ、セルフホストデプロイオプションを備えており、厳格なコンプライアンスやセキュリティ要件を持つ組織に適しています。
最適なユースケース
- CRM、承認ワークフロー、BI ダッシュボード、オペレーションパネルなどの構造化された内部システムを迅速に構築。
- AI を活用したビジネスツール（カスタマーサポートバックエンド、AI 駆動型分析システムなど）の作成。
- 内部ツールをゼロから構築する代わりに Retool を使用する中小規模開発チーム。
制限事項
- 価格が高い：商用版は特にユーザー単位の価格設定があり、スタートアップや予算の限られたチームにとっては負担が大きい場合があります。
- 完全な No-Code ではない：UI ビルダーはビジュアルですが、高度なロジックにはほぼ必ず JavaScript が必要で、コーディング経験のないユーザーには不向きです。
- 機能重視、デザインは次善：デザインは実用性と効率性を重視しています。内部ツールには最適ですが、完成度の高いデザインが重要な顧客向け UI には不向きです。
Budibase
ウェブサイト： https://budibase.com
概要 Budibase は、フォーム、承認フロー、内部ポータルの構築に特化したオープンソースローコードプラットフォームです。セルフホスティング＋迅速なデプロイメントを強調しており、内部情報システムを構築する組織にとって明確なメリットを提供します。
主な機能
- 幅広いデータソースサポート＋ビルトインデータベース：PostgreSQL、MySQL、REST API、Airtable などに接続するか、Budibase のビルトインデータベースを使用して設定なしでモデリングと UI 構築が可能です。
- フォーム＋ワークフローでの強み：承認フロー、データ入力、プロジェクト追跡といった構造化されたビジネスシナリオに最適です。フィールドバリデーション、条件付き表示、自動状態変更をサポートします。
- 明確なロール＆アクセス権制御：ロールごとに異なるビューと操作権限を割り当て、組織内での安全なマルチロール利用を可能にします。
- セルフホスティングとプライベートデプロイメント：完全にオープンソースで Docker デプロイメントに対応しており、データ主権が必要なチームに魅力的です。
- 軽量なコード拡張性：ビジュアルロジックで対応できないケースには JavaScript スロットを提供し、開発者が特殊なビジネスニーズに対応できるようにします。
最適なユースケース
- 内部承認システム、タスクポータル、顧客レコード、資産追跡ツール。
- データ構造は明確だが UI の複雑性は低いユーティリティ型プロジェクト。
- 開発スキルが低く、低コストで内部ツールを提供したい中小規模チーム。
制限事項
- UI の柔軟性が制限される：構造化されたフォームやテーブルには最適ですが、高度にカスタマイズされたフロントエンドには不向きです。
- エコシステムが弱い：Retool や NocoBase に比べ、プラグインやテンプレートのエコシステムは発展初期段階にあります。
- AI 統合が最小限：Retool とは異なり、Budibase はまだ LLM や AI 駆動型ワークフローを統合しておらず、従来の No-Code ビルドに焦点を当てています。
ハイブリッド
ToolJet
ウェブサイト： https://www.tooljet.com
概要 ToolJet は、ドラッグアンドドロップ UI＋マルチデータソース統合を中心に構築されたオープンソースローコードプラットフォームです。近年は AI 機能も導入し、ハイブリッドプラットフォームの進化を示す優れた例となっています。
主な機能
- ビジュアルビルド＋幅広いデータソースサポート：MongoDB、PostgreSQL、MySQL、REST API など 10 種類以上のソースに接続。ビジュアルエディターでデータをコンポーネントにバインドし、迅速にダッシュボード、管理パネル、顧客管理システムを構築できます。
- 直感的なドラッグアンドドロップ UI：テーブル、ボタン、チャートなど豊富なコンポーネントを提供し、インタラクションロジックのためのカスタム JavaScript スクリプティングを許可します。フロントエンド中心のプロジェクトのハードルを下げます。
- AI 強化開発：プロンプトベースのページとロジック生成をサポートし、非開発者の入り口を容易にします。
- オープンソース＋セルフホスティング：完全にオープンソースで Docker デプロイメントをサポートし、厳格なセキュリティとコンプライアンス要件を持つ企業やチームに適しています。
- ロールベースアクセス制御：異なるユーザーとロールに対するきめ細かいアクセス権を提供し、中規模プロジェクトでの効果的なコラボレーションを可能にします。
最適なユースケース
- 構造化されたデータ駆動型内部システム（CRM、CMS、承認ワークフロー）を迅速に構築。
- フルスタックコードを記述することなくカスタマイズが必要な技術チーム。
- AI をビジネス UI に埋め込み、製品アイデアを検証したいスタートアップや AI 特化チーム。
制限事項
- AI は補助段階にとどまる：主にクエリ生成やコードスニペットの支援に役立ち、真の Vibe Coding ツールが提供する「ゼロからアプリを構築」する体験までは提供していません。
- 複雑なインタラクションが制限される：JS スクリプティングはサポートされていますが、高度にカスタマイズされた UI の構築や高度な状態ロジックの管理は、完全なコーディングや高いプログラミング機能を持つフレームワークに比べて難しい場合があります。
Bubble
ウェブサイト： https://bubble.io
概要 Bubble は、最も確立されたフルスタック No-Code プラットフォームの一つで、UI デザインからデータベースロジックまでを完全にビジュアルなワークフローでカバーします。近年はプラグインと API 統合を通じて AI を取り入れ、Vibe Coding のシナリオに近づけています。
主な機能
- コードなしのフルスタック開発：ページデザイン、データベースモデリング、ワークフロー自動化、ユーザー認証、プラグイン統合をサポートしており、コードなしでエンドツーエンドのアプリ構築が可能な数少ないプラットフォームの一つです。
- 高いビジュアル性＋レスポンシブデザイン：要素をドラッグアンドドロップしてページを構築し、インタラクションロジック（条件、状態、動的データ）を設定できます。フロントエンドとバックエンドの両方のロジックが必要なウェブアプリに適しています。
- AI 機能：
- Bubble AI アシスタント：自然言語を通じてワークフローや UI コンポーネントを追加し、開発をより会話形式にします。
- GPT プラグインエコシステム：コンテンツ生成、Q&A、フォームオートフィルなどのために OpenAI API を迅速に統合できます。
- LangChain＆RAG 統合（実験段階）：一部の高度なユーザーは、Bubble を RAG 駆動型アシスタントのフロントエンドレイヤーとして使用しています。
- 強力なコミュニティ＋テンプレートマーケットプレイス：再利用とカスタマイズが可能な数百のテンプレートとプラグインが利用可能で、上市時間を短縮します。
最適なユースケース
- 特にスタートアップの 0 から 1 までの段階で、完全な SaaS アプリ、ユーザーポータル、予約システム、教育プラットフォームを構築。
- 強力な UI/UX とデータワークフローを組み合わせた MVP の作成。
- Q&A ボット、AI ライティングツール、会話型アシスタントなど AI 駆動型アプリの開発。
制限事項
- 予想以上に学習コストが高い：No-Code ではありますが、Bubble のワークフローとアクセス権設定は初心者にとって複雑な場合があります。
- セルフホスティング支援が弱い：Bubble はクローズドソースでホスティングサービスのみ提供しており、企業やデータ機密性の高いプロジェクトへの導入が制限される場合があります。
Flowise
ウェブサイト： https://flowiseai.com
概要 Flowise は、LLM 駆動型アプリケーションのためのオープンソースビジュアルビルダーです。ドラッグアンドドロップ AI コンポーネントを中心に設計されており、No-Code プラットフォームへの AI 拡張機能として、または AI 駆動型ビジネスツールのスタンドアロンエンジンとして使用できます。
主な機能
- Node-RED スタイルのワークフロービルダー：LLM（OpenAI、Claude など）、ベクトルデータベース（Pinecone、Chroma、Weaviate）、テキスト処理ノード、API 入出力などのモジュールを連鎖させてパイプラインを組み立てることができます。完全な AI アプリのビルディングブロックのように使用できます。
- AI のバックエンドロジックレイヤー：Flowise は UI を扱うのではなく、AI アプリの背後にあるロジックとワークフローレイヤーを提供し、任意のフロントエンド（Bubble、ToolJet、Retool など）に API として公開できます。
- 軽量＋セルフホスティング友好：数コマンドで起動し、登録やクラウド依存性がないため、内部テストと統合に最適です。
- コア LLM ユースケースをカバー：チャットボット、RAG パイプライン、ドキュメント Q&A、要約、JSON 生成、ナレッジベースクエリをサポートしており、垂直分野の AI ビジネスツールに適しています。
最適なユースケース
- 既存の No-Code/Low-Code プラットフォームに AI「インテリジェンスレイヤー」を追加。
- 再利用可能な AI サービス（FAQ API、ドキュメント要約ツール、セマンティック検索 API など）の構築。
- AgentOpsワークフロースタックの一部として、異なる LLM ツールチェーンを試験する技術チーム。
制限事項
- UI レイヤーなし：Flowise はエンドツーエンドの No-Code ツールではなく、フロントエンドプラットフォームと組み合わせる必要があります。
- スケール時のワークフロー複雑性：ドラッグアンドドロップでハードルを下げますが、大規模なノードベースワークフローのデバッグには、入出力の技術的理解が依然として必要です。
- 初心者には不向き：Bubble や Lovable のような「プラグアンドプレイ」ツールに比べ、Flowise は開発者ツールキットに近く、一般ユーザーには使いにくい場合があります。
まとめ
独立開発者として新しいアイデアを試している場合でも、複雑な企業システムを構築する技術チームの一員である場合でも、あることに気づいたかもしれません。Vibe Coding と No-Code は二択の関係ではありません。
ますます多くのシナリオで、焦点は「コードを書くこと」から「問題を解決すること」へと移り変わっています。
この記事が、あなたのニーズに最も合ったツールを見つけるのに役立つことを願っています。
もしすでにこれらのプラットフォームを使って開発を行っている場合、その経験を聞かせていただければ幸いです。また、この記事が役に立つと思われる方に共有していただければ嬉しいです。❤️
関連読み物：