クイックスタート
このガイドでは、Dorikのすべての機能について説明します。
- はじめる アカウントを作成して、最初のサイトを設定しましょう。
- AIウェブサイトジェネレーターの使い方 — Type a prompt and get a full new website in minutes
- ノーコードブログプラットフォームの使い方 — Publish blog articles with a built-in CMS and member-only content
- Airtable Elementsの使い方 — Show live Airtable records inside any section of your site
- Dorik SEOの使い方 — Set titles, meta descriptions, and sitemaps without plugins
- Dorik AIの使い方 — Rewrite sections, generate images, and apply Quick Style palettes
- ノーコードウェブサイトビルダーの使い方 — Drag and drop elements into any layout you sketch
- ホワイトラベルCMSの使い方 — Hand clients a branded dashboard with your own logo and domain
- How to Use Airtable Data Builder — Turn one base into dozens of dynamic pages automatically
- テンプレートの使い方 — Start from 80+ mobile responsive designs built for different use cases
所要時間： 各作品につき5分
このガイドには以下の内容も含まれています。 プロのヒント | よくある間違い | トラブルシューティング | 価格 | 代替案
このガイドを信頼する理由
I have built four sites in Dorik over the past eight months and tested every feature covered here. This tutorial comes from real hands-on work, not vendor screenshots.
Dorik is an AI-powered, no code website builder for beginners and professionals alike.
It runs landing pages, blogs, and membership sites without any coding skills.
Most people only ever touch the drag and drop editor and stop there.
Builder, CMS, and hosting sit all in one dashboard, so nothing gets bolted on later.
This complete guide shows you all the features, step by step, with pro tips.
ドリックチュートリアル
This How to Use Dorik tutorial walks you through website creation in Dorik from first login to advanced tricks.
ドリック
Build a website in minutes with no code and no designer. Dorik pairs an AI website ジェネレータ with 80+ mobile responsive templates and a built-in CMS. Start free, then upgrade from $10.38 a month.
Dorikを使い始める
Before you touch any feature, finish this one-time setup.
どのパソコンでも約3分で済みます。
ステップ1：アカウントを作成する
Go to the Dorik website and click Start Building Free.
Enter your email and set a password. No card is needed for the free plan.
✓ チェックポイント: チェックしてください 受信トレイ 確認メールについて。
ステップ2：ダッシュボードを開く
Dorik runs in the browser, so there is nothing to install.
Log in and you land on the dashboard that lists all websites created under your account.
Here is what my own workspace looks like after a few builds:
✓ チェックポイント: You can see the New Site button in the top right corner.
ステップ3：最初のサイトを作成する
クリック New Site and pick one of three routes.
Generate with Dorik AI, load one of the customizable templates, or start from a blank canvas.
You can also import a JSON file if you are moving a build across.
Pick the AI route first — you can throw the draft away and still learn the editor faster.
✅ 完了: Your site loads in the editor and you are ready for any feature below.
Dorik AI ウェブサイトジェネレーターの使用方法
AIウェブサイトジェネレーター lets you describe a 仕事 in plain words and get a full site back.
以下に、その使用方法をステップごとに説明します。
ステップ1：ジェネレーターを開く
Click the plus icon at the top right corner of your dashboard.
Pick AIで生成 instead of a blank canvas.
ステップ2：プロンプトを作成する
Describe the business, the tone, and the pages you want.
Naming your audience and your offer beats a two-word description every time.
これは以下のようなものです。
✓ チェックポイント: A full draft site loads in the editor with a hero, features, and contact block.
ステップ3：確認して保存する
Scan every section, swap any weak copy, then hit save.
The generator gets structure right and tone roughly right, so edit before you publish.
✅ 結果: You have a working new website that took a prompt instead of a design brief.
💡 プロのヒント: Write your prompt like a brief. Naming your audience and offer produces far better first drafts than a two-word description.
Dorikノーコードブログプラットフォームの使い方
ノーコードブログプラットフォーム gives you a real CMS for blog posts without a plugin stack.
以下に、その使用方法をステップごとに説明します。
ステップ1：コレクションを作成する
Open the CMS tab on the left side and add a blog collection.
Each collection holds your posts, authors, and tags.
Step 2: Write Your First Post
Add a title, cover image, and body copy in the editor.
Slugs and excerpts sit in the same panel, so fill them in now.
これは以下のようなものです。
✓ チェックポイント: Your post shows up in the collection list with a published status.
Step 3: Publish or Gate It
Set the post live, or lock it behind membership access.
Gated articles are how most people run a paid newsletter here.
✅ 結果: Your blog runs on the same platform as the rest of your pages.
💡 プロのヒント: Build the post template once. Every article you publish afterwards inherits that layout automatically.
Dorik Airtable Elementsの使い方
エアテーブル 要素 pulls records straight from a base into your live pages.
以下に、その使用方法をステップごとに説明します。
Step 1: Connect Your Base
Paste your Airtable API key under integrations in site settings.
Dorik also connects to Stripe, PayPal, MailChimp, and ザピエール from the same screen.
Step 2: Drop In the Element
Add elements from the panel and choose the Airtable list.
これは以下のようなものです。
✓ チェックポイント: Real records from your base appear in the preview instead of dummy text.
ステップ3：畑をマッピングする
Match each column to a title, image, or description slot.
✅ 結果: Your directory, menu, or job board updates the moment the base changes.
💡 プロのヒント: Keep one clean view in Airtable just for the website. Filter there, not in Dorik, and load times stay short.
Dorik SEOの使い方
Dorik SEO handles titles, meta text, and sitemaps with built-in SEOツール.
以下に、その使用方法をステップごとに説明します。
ステップ1：ページ設定を開く
Click the gear icon beside any page to reach page settings.
Write a unique title and description for that page only.
Step 2: Add Social Cards
Upload an Open Graph image so shared links look right on ソーシャルメディア.
Skip this and your links show a blank grey box when someone shares them.
これは以下のようなものです。
✓ チェックポイント: The preview snippet shows your custom title instead of the page name.
ステップ3：サイトマップを送信する
Copy the sitemap URL and paste it into Google Search Console.
✅ 結果: Google and other search engines can crawl and index every page you publish.
💡 プロのヒント: Connect Google Analytics inside site settings on day one. Traffic history you never recorded is traffic you cannot study later.
Dorik AIの使い方
ドリックAI rewrites copy, makes images, and restyles a page from a prompt.
以下に、その使用方法をステップごとに説明します。
ステップ1：ブロックを選択する
Highlight any text block, then open the AI menu above it.
Step 2: Regenerate the Section
Give an instruction such as shorter, warmer, or more technical.
これは以下のようなものです。
✓ チェックポイント: The section rewrites in place and you can undo it with one click.
Step 3: Try Quick Style
Run Quick Style for suggested palettes and font pairings.
You can also generate images by describing the shot and its size.
✅ 結果: The AI capabilities cover copy, images, and styling from one menu.
💡 プロのヒント: Regenerate one section at a time. Rewriting a whole page at once tends to flatten the 声 you already set.
Dorikノーコードウェブサイトビルダーの使い方
コード不要のウェブサイトビルダー gives you drag and drop control over every block on the canvas.
以下に、その使用方法をステップごとに説明します。
Step 1: Add a New Section
Click the plus button between two blocks to insert a new section.
Step 2: Drop In Your Elements
Open the panel and add elements straight onto the canvas.
It holds various elements: text, buttons, images, videos, forms, and maps.
これは以下のようなものです。
✓ チェックポイント: Your new section keeps its spacing when you shrink the browser window.
Step 3: Set the Global Style
Open global style and lock your brand colours and fonts.
✅ 結果: You have complete control of the layout without touching a line of code.
💡 プロのヒント: Save any section you like as a component. The component library lets you reuse it across every site you build.
DorikホワイトラベルCMSの使い方
ホワイトラベルCMS lets an agency hand clients a dashboard that carries its own brand.
以下に、その使用方法をステップごとに説明します。
ステップ1：ホワイトラベルを有効にする
Open your workspace settings and switch on the white-label option.
ステップ2：ブランド画像をアップロードする
Add your logo, brand colours, and a custom login domain.
これは以下のようなものです。
✓ チェックポイント: Your client logs in and sees your branding, not Dorik’s.
Step 3: Invite the Client
Send an editor invite so they can update content only.
They get a working dashboard without ever seeing the Dorik name.
✅ 結果: Clients edit their own copy while you keep design permissions locked.
💡 プロのヒント: Give clients editor access, never admin. It stops well-meaning edits from breaking a layout you spent a week on.
How to Use Dorik Airtable Data Builder
Airtable Data Builder turns a single base into a set of pages that build themselves.
以下に、その使用方法をステップごとに説明します。
Step 1: Pick Your Source Table
Choose the table that holds one row per page you want.
Step 2: Build the Page Template
Design one detail page and bind each field to an element.
Bind the heading, the images, and the body text once and every record follows.
これは以下のようなものです。
✓ チェックポイント: Clicking any list item opens a detail page filled with that record.
Step 3: Publish the Set
Hit publish and every row becomes its own live page.
✅ 結果: One template now powers hundreds of pages you never built by hand.
💡 プロのヒント: Add a slug column in Airtable before you publish. Clean URLs are far harder to fix after search engines index the old ones.
Dorikテンプレートの使い方
テンプレート gives you over 80 customizable templates for different use cases.
以下に、その使用方法をステップごとに説明します。
ステップ1：ライブラリを閲覧する
Use search to filter templates by portfolio, agency, or landing pages.
Step 2: Preview Before You Commit
Open the preview and check the design on a phone width.
これは以下のようなものです。
✓ チェックポイント: The template loads with placeholder content you can edit block by block.
Step 3: Apply and Rework
Load the template, then swap copy, images, and brand colours.
Templates give you industry-specific designs and a guided path to a finished site.
✅ 結果: You skipped the blank page and started from a finished design.
💡 プロのヒント: You can also import a JSON file from another Dorik site. It is the fastest way to reuse a build you already trust.
Dorikのプロのヒントとショートカット
After eight months of daily use, these are the shortcuts I reach for most.
キーボードショートカット
| アクション | ショートカット |
|---|---|
| 作業内容を保存してください | Ctrl / Cmd + S |
| Undo the last change | Ctrl / Cmd + Z |
| ブロックを複製する | Ctrl / Cmd + D |
| Open the preview | Ctrl / Cmd + P |
ほとんどの人が見逃す隠れた機能
- バージョン履歴: Restore an earlier save from the editor menu when an edit goes wrong.
- メディアライブラリ: Reuse images and videos across every site instead of uploading twice.
- Component library: Save any new section once and drop it into your next new website.
- Global CDN hosting: Pages load from the nearest edge, so speed holds up worldwide.
Dorik keeps folding new technologies into the editor, so read the changelog after each update.
Here are the benefits I keep coming back to:
Every one of them saves time on a build you would otherwise repeat by hand.
ドリックが犯しがちなよくある間違い
Mistake #1: Editing only on a desktop screen
❌ 間違い: Designing on a wide monitor and publishing without a phone check.
✅ 右: Switch to the mobile view in preview after every new section you add.
Mistake #2: Skipping page settings
❌ 間違い: Leaving every page with the same default title and description.
✅ 右: Write a unique title and meta description in page settings before you publish.
Mistake #3: Styling each page by hand
❌ 間違い: Setting colours and fonts block by block across twenty pages.
✅ 右: Set your global style once so every page inherits the same look.
ドリックのトラブルシューティング
問題：カスタムドメインが接続できません
原因： DNS records still point at your old host, or they have not propagated.
修理： Re-check the A and CNAME values in site settings, then wait a few hours before retrying.
Problem: My changes are not live
原因： Saving a draft is not the same as publishing it.
修理： Hit publish after you save, then hard-refresh the live site to clear the cached copy.
Problem: Airtable data is not loading
原因： The API key expired or the linked view was renamed.
修理： Generate a fresh token, paste it back into integrations, and re-map your fields.
📌 注記： If none of these fix it, the Dorik documentation and support chat both respond quickly.
Dorikとは何ですか?
ドリック is an AI website builder that turns a prompt or a template into a live site.
Think of it as a design tool and a CMS bolted together in one place.
こちらの簡単な概要をご覧ください。
主な機能は以下のとおりです。
- AIウェブサイトジェネレーター： Builds a complete new website from a single text prompt
- ノーコードブログプラットフォーム： Publishes articles through a built-in CMS with member gating
- Airtable Elements: Displays live Airtable records inside page sections
- Dorik SEO: Controls titles, meta text, and sitemaps with built-in SEO features
- ドリックAI： Rewrites copy, generates images, and suggests colour palettes
- ノーコードウェブサイトビルダー： Places elements anywhere with drag-and-drop editing
- ホワイトラベルCMS： Gives agencies a client dashboard under their own brand
- Airtable Data Builder: Generates dynamic pages from Airtable records
- テンプレート: Offers 80+ mobile responsive starting points
Prompt to published domain is one seamless experience, which is rare in this category.
詳細については、こちらをご覧ください。 Dorikのレビュー.
That is the whole platform in a single screen.
ドリックの価格
Here is what Dorik costs in 2026:
| プラン | 価格 | 最適な用途 |
|---|---|---|
| 個人的 | 月額10.38ドル | A personal site, portfolio, or blog |
| 仕事 | 月額20.75ドル | 中小企業 sites that need a CMS |
| 代理店 | お問い合わせ | Studios running client sites at volume |
無料トライアル: There is a free forever plan with 5 static pages, 2 collections, 20 collection items, and 20 blog posts, plus a built-in SSL certificate.
返金保証: Dorik’s paid plans carry a 14-day refund policy.
Next to the free options on other platforms, that page and post allowance is generous.
💰 最もお得な価格: Business — it unlocks the CMS, a custom domain, and the client tools at affordable pricing next to most website builders.
ドリック対オルタナティブ
So how does Dorik hold up against other platforms? Here is the landscape:
| 道具 | 最適な用途 | 価格 | 評価 |
|---|---|---|---|
| ドリック | No-code sites with a CMS | 月額10.38ドル | ⭐ 4.5 |
| ガンマ | Decks and one-pagers | 月額10ドル | ⭐ 4.5 |
| 耐久性 | Instant service-business sites | 月額12ドル | ⭐ 4.2 |
| フレーマ | Designer-grade control | 月額10ドル | ⭐ 4.6 |
| 10ウェブ | WordPress under the hood | 月額10ドル | ⭐ 4.3 |
| タイプドリーム | Notion-style simplicity | 月額12ドル | ⭐ 4.2 |
| ジンドゥー | Tiny local businesses | 月額9ドル | ⭐ 4.1 |
| B12 | Done-for-you agency builds | 月額42ドル | ⭐ 4.2 |
おすすめ商品：
- 総合ベスト： Dorik — AI, CMS, and hosting in one place
- ベスト予算： Jimdo — cheapest entry if you only need a few pages
- 初心者におすすめ： Durable — a site in under a minute, fewer settings to learn
- デザイナーに最適： Framer — pixel-level control, steeper learning curve
🎯 Dorik Alternatives
Dorikの代替アプリをお探しですか？おすすめのアプリはこちらです。
- 🚀 ガンマ： Prompt-driven decks and one-page sites with strong AI layout suggestions.
- ⚡ 耐久性: Generates a working service-business site in about thirty seconds.
- 🧠 バターナッツ： Chat-style AI builder aimed at first-time founders.
- 🎨 コードデザイン: AI design help with cleaner control over spacing and type.
- 👶 サイト: Visual canvas builder that feels close to a design tool.
- 🔧 10ウェブ: Best pick if you want WordPress power with AI assistance.
- 🌟 パイナップルビルダー: Lightweight AI builder with SEO copy baked in.
- ⭐ フレーマ： The choice when animation and typography really matter.
- 💼 タイプドリーム: Notion-like editing for simple marketing sites.
- 💰 ジンドゥー: Cheap, plain, and fine for a small local storefront.
- 🏢 B12: Bundles design services with the platform for professional firms.
- 🎯 アピーパイ: Covers apps and sites together for multi-channel projects.
全リストについては、こちらをご覧ください。 Dorikの代替品 ガイド。
⚔️ ドリック比較
Here is how Dorik stacks up head to head:
- ドリック対ガンマ: Dorik wins for real websites and blogs. Gamma wins for quick decks.
- ドリック vs デュラブル: Durable is faster to launch. Dorik gives you far more design control.
- ドリック対バターナッツ: Dorik has the deeper CMS. Butternut is simpler on the first try.
- Dorik vs CodeDesign: Close on design, but Dorik adds memberships and client tools.
- ドリック vs シター: Siter suits designers. Dorik suits anyone shipping a site this week.
- Dorik vs 10Web: Pick 10Web if you need plugins. Pick Dorik if you never want to touch them.
- ドリック対パイナップルビルダー: Dorik scales further once your content library grows.
- ドリック対フレーマー: Framer wins on polish. Dorik wins on price and setup speed.
- ドリック vs タイプドリーム: Dorik offers stronger templates and richer blog handling.
- Dorik vs Jimdo: Jimdo is cheaper. Dorik is far better once you need a CMS.
- ドリック vs B12: B12 sells done-for-you work. Dorik keeps the build in your hands.
- ドリック vs アピーパイ: Appy Pie also builds apps. Dorik is the better pure web builder.
今すぐDorikを使い始めましょう
You now know how to use Dorik across every major feature:
- ✅ AIウェブサイトジェネレーター
- ✅ ノーコードブログプラットフォーム
- ✅ Airtable Elements
- ✅ ドリックSEO
- ✅ ドリックAI
- ✅ ノーコードウェブサイトビルダー
- ✅ ホワイトラベルCMS
- ✅ Airtable Data Builder
- ✅ テンプレート
次のステップ： Pick one feature and try it today.
Most users start with the AI Website Generator and a free plan.
最初のドラフトを見るのにかかる時間は5分もかかりません。
よくある質問
Dorikは何に使われるのですか？
Dorik is used to create websites, landing pages, blogs, and membership sites without code. It suits フリーランサー, small businesses, and agencies building client sites at speed.
Dorikのウェブサイトビルダーは無料ですか？
Yes. The free plan covers 5 static pages, 2 collections, 20 collection items, and 20 blog posts, with SSL included. Paid plans add custom domains and the CMS.
ドリックの価格はいくらですか？
Personal costs $10.38 per month and Business costs $20.75 per month. Agency pricing is quoted on request. All paid plans include a 14-day refund policy.
Dorik は初心者に適していますか?
Yes. The intuitive interface, drag and drop functionality, and AI generator mean no coding skills are required. Most users publish a first page within an hour.
DorikはWordPressと比べてどうですか？
Dorik is simpler and needs no plugins or updates. WordPress offers more extensions and full ecommerce, but Dorik wins on setup speed and hosting simplicity.
English 
Spanish 
Chinese 
German 
French 
Arabic 
Russian 
Portuguese 
Japanese 
Korean 
Italian 
Turkish 
Dutch 
Polish 
Indonesian 
Thai 
Vietnamese 