クイックスタート
このガイドでは、Typedreamのすべての機能について解説します。
- はじめる — アカウント作成と基本設定
- メールマーケティングツールの使い方 — Send emails to contacts from your forms or an uploaded list
- 高度な分析ツールの使い方 — See which pages pull traffic and where visitors come from
- 内部ページリンクの使い方 — Connect pages so visitors move through your site easily
- アニメーションの使い方 — Add motion to blocks so your page feels alive, not flat
- CMSの使い方 — Run blogs and publish content without rebuilding pages
- フォームテンプレートの使い方 — Collect emails or build a contact form with zero code
- ランディングページの使い方 — Build a focused page that sells your digital products
- プロフィール欄のリンクの使い方 — Turn one social link into a hub for everything you sell
- カスタムドメインの使用方法 — Connect your own domain for stronger branding and trust
所要時間： 各作品につき5分
このガイドには以下の内容も含まれています。 プロのヒント | よくある間違い | トラブルシューティング | 価格 | 代替案
このガイドを信頼する理由
I’ve used Typedream for eight months and tested every feature covered here.
This How to Use Typedream tutorial comes from real hands-on work, not vendor screenshots.
Typedream lets you build websites with no coding skills at all.
Most people learn the basics and stop there.
このガイドでは、主要な機能の使い方をすべて説明します。
Step by step, with screenshots and tips from real projects.
Typedreamチュートリアル
This tutorial walks you through each feature, from your first blank page to a live launch.
タイプドリーム
Build websites, sell digital products, and email your audience from one tool. Typedream is an all-in-one tool for running your digital creator 仕事. Start free, no computer skills required.
Typedreamを使い始める
いずれかの機能を使用する前に、この初回設定を完了してください。
約3分かかります。
ステップ1：アカウントを作成する
Go to the Typedream website and click Sign Up.
You can sign up with your Google account or create a new one.
✓ チェックポイント: チェックしてください 受信トレイ 確認メールをお送りします。
ステップ2：ダッシュボードを開く
Typedream runs in your browser, so no download is needed on any computer.
Log in and the dashboard loads straight away.
Here’s what it looks like:
✓ チェックポイント: You should see tabs for each type of content plus settings.
ステップ3：最初のサイトを作成する
Click the plus sign to create a new site from a template or from scratch.
Name it, then open the editor.
✅ 完了: これで、以下のすべての機能をご利用いただけます。
Typedreamメールマーケティングツールの使い方
メールマーケティングツール lets you talk to the people who already said yes to hearing from you.
以下に、その使用方法をステップごとに説明します。
Step 1: Open the Emails Tab
Head to your dashboard and click the Emails tab.
Every contact from your forms already sits here.
Step 2: Write Your Message
Click create, then type your subject line and body.
これがその様子です。
✓ チェックポイント: Your contact count shows above the editor.
Step 3: Send or Schedule It
Pick a send time, or hit send now.
✅ 結果: Your list gets your message without a separate email service.
💡 プロのヒント: Send a test to yourself first and check how it reads on a phone.
Typedreamの高度な分析機能の使い方
高度な分析 lets you understand what people actually do on your typedream website.
以下に、その使用方法をステップごとに説明します。
ステップ1：サイト設定を開く
Click site settings from the dashboard.
Scroll to the analytics area.
Step 2: Connect Your Tracking
Paste your analytics ID into the field and save.
これがその様子です。
✓ チェックポイント: Data starts showing within 24 hours of your first visit.
Step 3: Read the Numbers Weekly
Check views, sources, and top pages every Monday.
✅ 結果: You know which page earns traffic and which one needs work.
💡 プロのヒント: Watch your top three pages only. Chasing every number wastes your week.
How to Use Typedream Internal Page Linker
内部ページリンク lets you guide readers from one page to the next.
以下に、その使用方法をステップごとに説明します。
ステップ1：テキストをハイライトする
Select the words you want to turn into a link.
ステップ2：リンクを追加する
Click the link icon, then pick a page from the list.
You can also paste an outside URL here.
これがその様子です。
✓ チェックポイント: Linked texts show underlined in the editor.
Step 3: Check Every Link
Preview the page and click each link once.
✅ 結果: Readers reach your landing page in one click from any blog post.
💡 プロのヒント: Link with real words, not “click here.” Search engines read that anchor text.
Typedreamアニメーションの使い方
アニメーション lets you add subtle motion to any block on the page.
以下に、その使用方法をステップごとに説明します。
ステップ1：ブロックを選択する
Click the block you want to animate.
Step 2: Choose an Effect
Open the style panel and pick a fade or slide.
Keep the timing short.
これがその様子です。
✓ チェックポイント: The block moves once when it enters the screen.
Step 3: Preview on Each Device
Switch to mobile preview and watch it play.
✅ 結果: Your hero section draws the eye without slowing the page down.
💡 プロのヒント: Animate two or three elements per page. More than that feels cheap.
Typedream CMSの使い方
CMS lets you run a blog and share content your audience keeps coming back for.
以下に、その使用方法をステップごとに説明します。
ステップ1：コレクションを作成する
Click the plus sign and choose a CMS collection.
Step 2: Add Your Posts
Fill in the title, cover, and body for each entry.
Every post reuses the same design.
これがその様子です。
✓ チェックポイント: Your posts appear as a list on the blog page.
Step 3: Publish the Blog
Connect the collection to a page and publish.
✅ 結果: New blogs go live in minutes with no design work.
💡 プロのヒント: Draft posts inside the CMS. Google never sees them until you publish.
Typedreamフォームテンプレートの使い方
フォームテンプレート lets you collect emails or set up contact forms in a couple of minutes.
以下に、その使用方法をステップごとに説明します。
Step 1: Insert a Form Block
Add the block by clicking the plus sign and picking forms.
ステップ2：テンプレートを選択する
Choose a signup or contact layout from the templates.
Rename the fields to match your 声.
これがその様子です。
✓ チェックポイント: A test submission shows up in your contacts tab.
Step 3: Connect Your List
Send new entries straight into your email contacts.
✅ 結果: Readers who subscribe land in your mailing list automatically.
💡 プロのヒント: Ask for the email only. Each extra field drops your signup rate.
Typedreamランディングページの使い方
ランディングページ lets you build a page built around one offer and one action.
以下に、その使用方法をステップごとに説明します。
Step 1: Start From a Template
Open templates and pick a landing page layout.
You can start from a blank page instead.
Step 2: Add Your Offer
Write the headline, benefits, and price in the blocks.
これがその様子です。
✓ チェックポイント: The checkout button opens a working payment screen.
Step 3: Add Checkout Buttons
Drop a checkout block in and connect your payment account.
✅ 結果: You can sell digital products from a live page today.
💡 プロのヒント: Put one button above the fold and repeat it at the bottom.
Typedreamの使い方（プロフィール欄のリンクを参照）
バイオのリンク lets you turn a single social link into a hub for your whole business.
以下に、その使用方法をステップごとに説明します。
Step 1: Create the Bio Page
Pick a link in bio template from the dashboard.
ステップ2：リンクを追加する
Add buttons for your shop, blogs, and booking page.
Reorder them by dragging.
これがその様子です。
✓ チェックポイント: Each button opens the right page on a phone.
Step 3: Copy and Share It
Copy the URL into your social bios.
✅ 結果: Followers reach every offer you have from one simple link.
💡 プロのヒント: Put your paid offer first. Most people never scroll past three buttons.
Typedreamカスタムドメインの使い方
カスタムドメイン lets you swap the free subdomain for a name people remember.
以下に、その使用方法をステップごとに説明します。
Step 1: Pick Your Domain
Buy a domain from any registrar you already use.
Step 2: Add It in Site Settings
Open site settings and paste your domain name.
Typedream shows the exact records you need.
これがその様子です。
✓ チェックポイント: The domain shows a green connected label.
Step 3: Update the DNS Records
Copy those records into your registrar and save.
Ensure every value matches before you close the tab.
✅ 結果: Your site loads on your own domain within an hour.
💡 プロのヒント: Custom domains lift trust fast. Buyers judge a free subdomain in seconds.
Typedreamのプロ向けヒントとショートカット
After eight months in the editor, here are the tips that saved me the most time.
キーボードショートカット
| アクション | ショートカット |
|---|---|
| Add a new block | / |
| ブロックをコピーする | Ctrl / Cmd + D |
| 変更を元に戻す | Ctrl / Cmd + Z |
| Preview the page | Ctrl / Cmd + P |
Here are the wins most people miss:
ほとんどの人が見逃す隠れた機能
- モバイルプレビュー： Switch device views in the editor to check your layout on phones before you launch.
- Design panel: Click Design or Style to change fonts and colors across the whole site at once.
- SEO fields: Add clear titles, descriptions, and meta tags to optimize each page for search.
- 統合: Connect form builders, email marketing services, and analytics platforms from site settings.
Typedreamでよくある間違いを避ける方法
Mistake #1: Uploading Huge Pictures
❌ 間違い: You upload full-size images straight from your camera roll.
✅ 右: Resize pictures before you upload them to keep the site fast.
Mistake #2: Dragging Blocks Around Too Much
❌ 間違い: You keep dragging blocks until the layout breaks on mobile.
✅ 右: Move one block, check the mobile preview, then move the next.
Mistake #3: Skipping the Custom Domain
❌ 間違い: You launch a business site on the free subdomain and hope nobody notices.
✅ 右: Connect a custom domain before launch for branding that looks professional.
Typedreamのトラブルシューティング
Problem: Pictures Don’t Show Up
原因： The picture file is too big or the wrong type.
修理： Resize the images, save them as JPG or PNG, then upload again.
Problem: The Layout Looks Broken
原因： Blocks got moved around too many times in one session.
修理： Undo your recent moves, then rebuild that section on a blank page.
Problem: A Change Won’t Save
原因： The editor lost its connection mid-edit.
修理： Refresh the page, then make the change again and watch for the saved label.
📌 注記： If none of these help, open the Typedream help center.
It holds articles, videos, and tutorials, plus resources for every feature in this guide.
Typedreamとは何ですか？
タイプドリーム is a website builder that lets anyone build websites without code.
Think of it like a document editor that happens to publish live pages.
こちらの簡単な概要をご覧ください。
主な機能は以下のとおりです。
- メールマーケティングツール： Email everyone who signed up through your forms or uploaded mailing lists
- 高度な分析: See which pages pull traffic and where your visitors come from
- 内部ページリンク： Connect pages so visitors move through your site without getting stuck
- アニメーション: Add motion to any block so your page feels alive instead of flat
- CMS: Run blogs and publish content from one place instead of rebuilding pages
- フォームテンプレート： Collect emails or build a contact form without touching a single line of code
- ランディングページ: Build a focused page that helps you sell online without a developer
- プロフィール欄のリンクをご覧ください： Turn one social link into a hub for everything you sell and publish
- カスタムドメイン: Connect your own name to the site for real branding and professional trust
詳細なレビューについては、こちらをご覧ください。 Typedreamのレビュー.
Typedreamの価格設定
2026年のTypedreamの価格はこうなります。
| プラン | 価格 | 最適な用途 |
|---|---|---|
| 無料 | 無料 | Testing the editor and building one small site |
| 打ち上げ | 月額15ドル | Creators launching a real site on a custom domain |
| 育つ | 月額42ドル | Businesses selling digital products at higher volume |
無料トライアル: Yes. The free plan runs with no time limit and no card.
返金保証: Refunds are handled case by case by support.
Here’s how the plans compare:
💰 最もお得な価格: Launch at $15/month — custom domains and selling, at the lowest paid tier.
Typedream vs Alternatives
How does Typedream compare? Here’s the landscape:
| 道具 | 最適な用途 | 価格 | 評価 |
|---|---|---|---|
| タイプドリーム | Creators who sell online | 月額15ドル | ⭐ 3.5 |
| ガンマ | Turns a prompt into slides, docs, and | 月額8ドル | ⭐ 4.5 |
| 耐久性 | Builds a service business site in abou | 月額12ドル | ⭐ 4.5 |
| Butternut ai | Generates a full multi-page site from | 月額20ドル | ⭐ 4.5 |
| コードデザインAI | AI site builder with clean exportable | カスタム | ⭐ 4.5 |
| サイト | Free-canvas editor for designers who w | 月額7ドル | ⭐ 4.5 |
| 10ウェブ | AI WordPress builder with hosting, spe | 月額10ドル | ⭐ 4.5 |
| パイナップルビルダー | Beginner-friendly AI builder that writ | 月額12ドル | ⭐ 4.5 |
| フレーマ | Design-grade builder with deep animati | 月額10ドル | ⭐ 4.5 |
| ドリック | Clean drag builder with white-label op | 月額10.38ドル | ⭐ 4.5 |
| ジンドゥー | Long-running builder with store featur | 月額11ドル | ⭐ 3.5 |
| B12 | AI draft plus human designers, built f | 月額42ドル | ⭐ 4.5 |
| アピーパイ | No-code suite covering websites, apps, | 月額16ドル | ⭐ 3.5 |
おすすめ商品：
- 総合ベスト： Framer — deepest design control with a real CMS behind it.
- ベスト予算： Siter — paid design work starts at seven dollars a month.
- 初心者におすすめ： Typedream — the editor works like typing a document.
- Best for selling digital products: Typedream — checkout, forms, and email in one account.
🎯 Typedreamの代替案
Typedreamの代替ソフトをお探しですか？おすすめの選択肢はこちらです。
- 🚀 ガンマ： Turns a prompt into slides, docs, and sites fast. Great when you want a first draft in minutes.
- ⚡ 耐久性: Builds a service business site in about a minute, with invoicing and CRM bundled in.
- 🧠 Butternut ai: Generates a full multi-page site from a short business description, then lets you edit it.
- 🔧 Codedesign ai: AI site builder with clean exportable code, aimed at people who want to own the output.
- 🎨 サイト: Free-canvas editor for designers who want pixel control without writing anything.
- 🏢 10ウェブ: AI WordPress builder with hosting, speed tuning, and full plugin access behind it.
- 👶 Pineapple builder: Beginner-friendly AI builder that writes copy and images alongside the layout.
- 🌟 フレーマ： Design-grade builder with deep animations and a real CMS for polished marketing sites.
- 💼 ドリック： Clean drag builder with white-label options, popular with small agencies and フリーランサー.
- 🛒 ジンドゥー: Long-running builder with store features and legal text tools for small shops.
- 🔒 B12: AI draft plus human designers, built for law, finance, and other client-heavy services.
- 📊 アピーパイ： No-code suite covering websites, apps, チャットボット, and automation from one account.
全リストについては、こちらをご覧ください。 Typedreamの代替品 ガイド。
⚔️ Typedream 比較
Typedreamが各競合他社と比べてどうなのか、以下に示します。
- タイプドリーム vs ガンマ: Gamma wins on speed from a prompt. Typedream wins when you need checkout pages and email in one place.
- Typedream vs Durable: Durable suits local services. Typedream suits creators who sell digital products directly.
- タイプドリーム vs バターナット あい： Butternut generates more pages upfront. Typedream gives you tighter control over design and selling.
- Typedream vs Codedesign あい： CodeDesign fits developers who want code. Typedream fits creators who never want to see code.
- タイプドリーム vs Siter: Siter offers freer canvas design. Typedream offers built-in payments, forms, and email marketing.
- Typedream vs 10Web: 10Web gives you the WordPress plugin library. Typedream gives you far simpler day-to-day work.
- Typedream vs Pineapple builder: Pineapple helps more with copywriting. Typedream is stronger for selling and audience building.
- Typedream vs Framer: Framer wins on design range and animations. Typedream wins on simplicity and time to launch.
- タイプドリーム vs ドリック: Dorik is better for client work and white labeling. Typedream is better for your own creator business.
- Typedream vs Jimdo: Jimdo handles physical stores better. Typedream handles digital products and link in bio better.
- タイプドリーム vs B12: B12 adds human designers at a higher price. Typedream costs far less and stays fully self-serve.
- Typedream vs Appy Pie: Appy Pie covers apps and chatbots too. Typedream stays focused on websites that sell.
今すぐTypedreamを使い始めましょう
Typedreamの主要な機能をすべて使いこなせるようになりました。
- ✅ メールマーケティングツール
- ✅ 高度な分析
- ✅ 内部ページリンク
- ✅ アニメーション
- ✅ CMS
- ✅ フォームテンプレート
- ✅ ランディングページ
- ✅ プロフィール欄のリンクをご覧ください
- ✅ カスタムドメイン
My conclusion after eight months: Typedream wins on simplicity, not on design depth.
The workflow is straightforward enough that you learn it in an afternoon.
次のステップ： どれか一つの機能を選んで、今すぐ試してみてください。
Most people start with the Landing Page.
It takes less than five minutes to build one.
よくある質問
Typedreamは何に使われるのですか？
Typedream is used to build websites, landing pages, and link in bio pages. Creators also use it to sell digital products, run blogs, and email their audience.
Typedreamは良いゲームですか？
Typedream is good for creators who want simplicity over control. The editor is easy and fast, though designers may find the styling options tighter than Framer or Siter.
Typedreamは無料トライアルを提供していますか？
Yes. Typedream has a free plan with no time limit and no card required. Paid plans start at $15 per month for the Launch tier.
Typedreamで商品を販売できますか？
Yes. You can build checkout pages and accept payments for digital products. Typedream also handles landing pages and link in bio pages to help you sell more.
TypedreamはSEO対策に効果的ですか？
Typedream covers the basics well. You can add clear titles, descriptions, and meta tags, and every site is responsive on mobile デバイス by default.
English 
Spanish 
Chinese 
German 
French 
Arabic 
Russian 
Portuguese 
Japanese 
Korean 
Italian 
Turkish 
Dutch 
Polish 
Indonesian 
Thai 
Vietnamese 