Pineapple Builderの使い方（ステップバイステップ）— 2026チュートリアル

クイックスタート

このガイドでは、Pineapple Builderのすべての機能について説明します。

• はじめる アカウントを作成し、最初のプロジェクトを設定してください。
• AIウェブサイトビルダーの使い方 — turn your business details into a live site in under 5 minutes
• AIコピーライターアシスタントの使い方 — rewrite headlines, hero copy, and product text without staring at a blank page
• AIマーケターアシスタントの使い方 — plan campaigns, blog topics, and offers around your target audience
• AI翻訳の使い方 — publish your site in over 99 languages without hiring a translator
• AI Designerの使い方 — restyle colors, fonts, and spacing so the site matches your brand
• アプリと連携機能の使い方 — connect forms, payments, newsletters, and tracking to your site
• ウェブサイトテンプレートの使い方 — start from over 10 million template variations built for real business types
• AI SEOの使い方 — generate meta titles and descriptions so pages get found

所要時間： 各作品につき5分

このガイドには以下の内容も含まれています。 プロのヒント | よくある間違い | トラブルシューティング | 価格 | 代替案

このガイドを信頼する理由

I have used Pineapple Builder for six months and tested every feature covered here.

このチュートリアルは、ベンダーのスクリーンショットではなく、実際の作業経験に基づいています。

Pineapple Builder is an ai powered website builder aimed at people who need a site now.

Most users only touch the first screen and stop there.

This guide shows you how to use Pineapple Builder end to end.

スクリーンショットとプロのアドバイスを交えながら、手順を一つずつ解説します。

パイナップルビルダーチュートリアル

This How to Use Pineapple Builder tutorial walks through the whole website building process, from your first login to advanced features most people never open.

パイナップルビルダー

Build a professional looking website in under 5 minutes. Pineapple Builder uses artificial intelligence to write your copy, pick your layout, and handle seo optimization. Start free, no credit card needed.

今すぐパイナップルビルダーを試してみよう →

レビュー全文を読む →

パイナップルビルダーの代替案 →

Pineapple Builder の利用開始

Do this one-time setup before you open any feature.

約3分かかります。

Here is my own walkthrough of the platform first:

それでは、各ステップを順を追って見ていきましょう。

ステップ1：アカウントを作成する

Go to the Pineapple Builder website and click Get Started Free.

Enter your email and set a password.

The free plan needs no card, so you can test everything first.

✓ チェックポイント: チェックしてください 受信トレイ 確認メールについて。

ステップ2：ダッシュボードを開く

Pineapple Builder runs fully in the browser, so there is nothing to install.

Log in and you land straight on your project list.

ダッシュボードの画面は以下のようになります。

✓ チェックポイント: You should see a Create Website button in the top corner.

Step 3: Add Your Business Details

入力してください 仕事 name, what you offer, and who you serve.

Good input here decides how useful the first draft is.

Pineapple Builder AIウェブサイトビルダーの使い方

AIウェブサイトビルダー lets you build a complete site from a short brief, with no coding knowledge needed.

以下に、その使用方法をステップごとに説明します。

ステップ1：あなたのビジネスを説明する

Click Create Website on your dashboard.

Type your business name, what you sell, and your target audience.

Step 2: Let the AI Build It

Pick a starting point, then let the ai website builder draft your pages.

The engine picks copy, layout, and images that match your brand.

これがその様子です。

✓ チェックポイント: You should see a full draft homepage with real copy, not filler 文章.

ステップ3：レビューと公開

Read every section and fix anything off-brand.

Then push your customized website live with just one click.

Pineapple Builder AIコピーライターアシスタントの使い方

AIコピーライター アシスタント lets you fix weak copy on any section without writing a single line yourself.

以下に、その使用方法をステップごとに説明します。

Step 1: Select the Text Block

Click any text element inside the simple editor.

その AIアシスタント works from whatever you highlight, so select the full block.

Step 2: Give It Direction

Tell it the tone you want, such as friendly, direct, or technical.

Add one detail about your business so the copy stays specific.

これがその様子です。

✓ チェックポイント: Your headline should now name a real benefit, not a vague promise.

ステップ3：承認または再生成

Keep the version you like and discard the rest.

Pineapple Builder AI Marketer Assistantの使い方

AIマーケティングアシスタント lets you turn one idea into a working promotion plan for your site.

以下に、その使用方法をステップごとに説明します。

Step 1: Open the Marketer Panel

Find the AI Marketer inside your project sidebar.

Step 2: Describe the Goal

Say what you want, such as more signups or more demo bookings.

The assistant suggests angles built around your business details.

これがその様子です。

✓ チェックポイント: You should see a short campaign brief with headline and offer suggestions.

Step 3: Push Copy to a Page

Send the winning angle straight into a new landing page.

How to Use Pineapple Builder AI Translator

AI翻訳 lets you reach buyers outside your home market in a few clicks.

以下に、その使用方法をステップごとに説明します。

Step 1: Open Language Settings

Go to Settings, then Languages, inside your site panel.

Step 2: Choose Your Languages

Select every market you sell to.

The platform translates page text, menus, and buttons together.

これがその様子です。

✓ チェックポイント: A language switcher should display in your site header.

Step 3: Check the Layout

Longer languages push buttons wider, so scan each page after translating.

Pineapple Builder AI Designer の使い方

AIデザイナー lets you change how your site looks without opening a design tool.

以下に、その使用方法をステップごとに説明します。

ステップ1：デザインパネルを開く

Click the paintbrush icon in the top toolbar.

Step 2: Set Your Brand Basics

Pick your colors, fonts, and button style in one place.

Every page picks up the change at once.

これがその様子です。

✓ チェックポイント: Your buttons and headings should share one consistent look.

Step 3: Fine-Tune by Section

Drag and drop elements until the spacing feels right.

Pineapple Builderアプリと連携機能の使い方

アプリと連携 lets you plug your site into the tools your team already uses.

以下に、その使用方法をステップごとに説明します。

Step 1: Open the Apps Library

Find Apps in the left sidebar of your dashboard.

Step 2: Connect What You Need

Add contact forms, payment processors, newsletter forms, or google analytics.

Each app installs in a few clicks with no setup file to edit.

これがその様子です。

✓ チェックポイント: Your test submission should appear in the connected app within a minute.

Step 3: Test Every Connection

Submit a test form and check that the entry lands where you expect.

Pineapple Builderのウェブサイトテンプレートの使い方

ウェブサイトテンプレート lets you skip the blank canvas and start from a layout that already works.

以下に、その使用方法をステップごとに説明します。

Step 1: Browse by Business Type

Open the template gallery and filter by your industry.

Step 2: Preview Before You Commit

Open two or three templates and compare how they display your services.

Look at the mobile view, not just the desktop view.

これがその様子です。

✓ チェックポイント: Your chosen layout should load with your own content in place.

Step 3: Apply and Customize

Apply the layout, then customize sections until it fits your offer.

Pineapple Builder AI SEO の使い方

AI SEO lets you give every page the search details it needs to rank.

以下に、その使用方法をステップごとに説明します。

ステップ1：ページ設定を開く

Select a page, then open the SEO tab.

Step 2: Generate the Details

Let the tool write your page title and meta description.

Edit anything that reads generic before you save.

✓ チェックポイント: Each page should show a unique title and description, never a duplicate.

Step 3: Submit and Track

Publish, then submit your sitemap so search engines can crawl it.

パイナップルビルダーのプロ向けヒントとショートカット

After six months of daily use, these are the shortcuts I actually keep using.

キーボードショートカット

ほとんどの人が見逃す隠れた機能

• Duplicate a section: Copy a finished block instead of rebuilding it, then swap the text.
• Section-level undo: Roll back one area without losing edits elsewhere on the page.
• Built-in analytics tools: Track visitor behavior and traffic sources without adding a script.
• Blogging feature: The blogging platform drafts posts around one keyword, so you publish faster.

The detailed analytics view shows which pages hold attention and which ones lose people.

Here is what my own setup looks like after a few months:

パイナップルビルダーでよくある間違いを避ける方法

Mistake #1: Publishing the first AI draft untouched

Mistake #2: Skipping the custom domain

Mistake #3: Ignoring analytics for months

Pineapple Builderのトラブルシューティング

Problem: The AI output does not match your business

原因： Your business details were too short or too generic.

修理： Rewrite your description with one product, one buyer, and one outcome. Then regenerate.

Problem: The custom domain will not connect

原因： DNS records point somewhere else, or changes have not propagated.

修理： Recheck the records in your registrar and wait up to 48 hours before retrying.

Problem: Pages look broken on mobile

原因： A section was resized on desktop without checking the mobile view.

修理： Open the mobile preview, reset that section’s spacing, and republish.

For example, a hero image that looks fine at full width often crops badly on phones.

📌 注記： If none of these fix your issue, check the help center tutorials and resources first.

Support is available 24/7 on every plan, including the free tier.

パイナップルビルダーとは何ですか?

パイナップルビルダー is an ai website builder that turns a short business brief into a working site.

Think of it like hiring a fast junior team that never asks for a second draft.

The tech started out in mobile apps and now builds websites first.

こちらの簡単な概要をご覧ください。

主な機能は以下のとおりです。

• AIウェブサイトビルダー： Describe your business and the ai creates every page for you.
• AIコピーライターアシスタント： Rewrite any block of text on your site in seconds.
• AIマーケティングアシスタント： Get campaign ideas and blog angles matched to your niche.
• AI翻訳： Translate every page into 99+ languages automatically.
• AIデザイナー： Restyle the whole site without touching design files.
• アプリと連携: Connect the outside tools your business already runs on.
• ウェブサイトテンプレート： Pick a proven starting layout instead of building from scratch.
• AI SEO: Generate page titles and descriptions built for search.

詳細なレビューについては、こちらをご覧ください。 パイナップルビルダーのレビュー.

It is a great tool for 中小企業 owners, freelancers, and anyone shipping a side project.

パイナップルビルダーの価格

Here is what Pineapple Builder costs in 2026:

無料トライアル: Not needed. The Starter plan is free forever with no card required.

返金保証: Not advertised. Test on the free tier before upgrading.

💰 最もお得な価格: Basic — it removes the badge and adds a custom domain for the price of two coffees.

パイナップルビルダーと代替案の比較

How does Pineapple Builder compare? Here is the wider field:

おすすめ商品：

• 総合ベスト： Pineapple Builder — fastest path from idea to published pages
• ベスト予算： Gamma — cheapest way to get something online this week
• 初心者におすすめ： Durable — almost nothing to configure
• デザインコントロールに最適： Framer — real control over layout and motion

🎯 パイナップルビルダーの代替案

Pineapple Builderの代替アプリをお探しですか？おすすめのアプリはこちらです。

• 🚀 アピーパイ: No-code app and site building for teams that want mobile output too.
• 💰 ガンマ： Fast ai powered decks, docs, and simple sites from a text prompt.
• 🎨 耐久性: Builds a small business site in about 30 seconds with invoicing built in.
• ⚡ バターナッツ: Generates a clean marketing site quickly, with a very light editor.
• 🔒 コードデザイン: AI layouts with cleaner code export for people who want to self-host.
• 🧠 サイト: Visual canvas builder for designers who want pixel control.
• 👶 10ウェブ: AI WordPress builder, useful if you need plugins and a real blog.
• 🏢 フレーマ： Design-grade sites with animation, aimed at product and brand teams.
• 🔧 ドリック： Simple builder with white-label options for freelancers and agencies.
• 🌟 タイプドリーム: Notion-style editing for people who want to write and ship fast.
• ⭐ ジンドゥー: Long-running builder with strong legal and store features in Europe.
• 🎯 B12: AI draft plus a human design pass, aimed at professional services.

全リストについては、こちらをご覧ください。 パイナップルビルダーの代替品 ガイド。

⚔️ パイナップルビルダーの比較

Here is how Pineapple Builder stacks up against each one:

• パイナップルビルダー vs アピーパイ: Appy Pie wins on apps. Pineapple Builder wins on speed for a plain business site.
• パイナップルビルダー vs ガンマ: Gamma is better for decks. Pineapple Builder is better for a real multi-page site.
• パイナップルビルダー vs デュラブル: Durable is faster to a first draft. Pineapple Builder gives you more editing control.
• パイナップルビルダー対バターナッツ: Butternut is simpler. Pineapple Builder offers more integration capabilities.
• Pineapple Builder vs CodeDesign: CodeDesign suits developers. Pineapple Builder suits owners with no coding background.
• パイナップルビルダー対シスター: Siter wins on visual freedom. Pineapple Builder wins on time to publish.
• Pineapple Builder vs 10Web: 10Web wins if you need WordPress. Pineapple Builder wins on setup simplicity.
• パイナップルビルダー vs フレーマー: Framer wins on polish and animation. Pineapple Builder wins on price and speed.
• パイナップルビルダー vs ドリック: Dorik is better for agencies reselling sites. Pineapple Builder is better for solo owners.
• パイナップルビルダー vs Typedream: Typedream is better for writers. Pineapple Builder is better for service businesses.
• Pineapple Builder vs Jimdo: Jimdo has deeper store tools. Pineapple Builder has stronger ai powered tools.
• パイナップルビルダー vs B12: B12 adds human designers. Pineapple Builder stays fully automatic and cheaper.

今すぐPineapple Builderを使い始めましょう

You now know how to use every major Pineapple Builder feature:

• ✅ AIウェブサイトビルダー
• ✅ AIコピーライターアシスタント
• ✅ AIマーケティングアシスタント
• ✅ AI翻訳
• ✅ AIデザイナー
• ✅ アプリと連携
• ✅ ウェブサイトテンプレート
• ✅ AI SEO

次のステップ： どれか一つの機能を選んで、今すぐ試してみてください。

ほとんどの人はAIウェブサイトビルダーから始めます。

5分もかかりません。

Save a copy of your first draft for future reference before you start editing.

よくある質問

What is Pineapple Builder used for?

It builds business websites with ai. You enter your business details and the platform drafts pages, copy, and images in minutes.

Pineapple Builderは無料ですか？

Yes. The free Starter plan covers up to 3 pages on a Pineapple subdomain. Paid plans add a custom domain and advanced features.

Do I need coding knowledge to use Pineapple Builder?

No. Everything runs through a simple editor where you drag and drop elements. You never write a single line of code.

How long does building a site take?

Most users publish a first draft in under 5 minutes. Editing copy, images, and settings usually adds another hour.

自分のドメイン名を使用できますか？

Yes, on the Basic and Grow plans. The free plan keeps you on a Pineapple subdomain until you upgrade.