Softrの使い方：2026年に最初のアプリをリリースしよう

執筆者ファヒム・ジョハルダー | Last updated Aug 20, 2026

クイックスタート

This step by step guide covers every Softr feature:

はじめる — Create a free account and connect your data source
Visual Builder の使い方 — arrange your pages by dragging blocks, no code required
テンプレートとブロックの使い方 — skip the blank canvas and start creating from a proven layout
統合機能の使い方 — connect Airtable, Google Sheets, Notion, SmartSuite and SQL databases
ホワイトラベルの使い方 — put your own brand and custom domains on every client-facing page
カスタムコードの使い方 — add advanced features that pre-built blocks cannot cover on their own
Interface Builderの使い方 — control user groups, permissions and visibility settings for every block
データベースAIエージェントの使い方 — get easy data management help without writing formulas by hand
ビジネスアプリテンプレートの使い方 — launch internal tools and client portals from a business-ready starting point
AIアプリジェネレーターの使い方 — describe your app in plain words and get a working draft

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

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

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

I have used Softr for eight months and tested every feature covered here.

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

Softr sits near the top of the no-code app builders market right now.

It turns a spreadsheet into a real web app that people can log into.

But most users stop after their first Softr app and never touch permissions or integrations.

This guide shows you how to use Softr end to end, with screenshots and pro tips.

Softrチュートリアル

This How to Use Softr tutorial walks through every feature step by step, from your free account to publishing.

ソフト

Turn Airtable, Google Sheets or Notion into a working web app in an afternoon. Softr handles logins, user groups and client portals for you. Start on the free plan, no card needed.

今すぐSOFTRをお試しください →

レビュー全文を読む →

SOFTRの代替案 →

Softr を使い始める

Before you get started with Softr, finish this one-time setup.

約3分かかります。

Here is what my own build looked like:

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

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

Open the Softr sign up page and create a free account.

Use your email address or sign in with Google.

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

Step 2: Pick a Softr Template or Start From Scratch

Softr runs in the browser, so there is nothing to download.

Type a keyword into the search bar or ブラウズカテゴリ別のテンプレート。

これがその様子です。

✓ チェックポイント: You should land in the editor with a starter page loaded.

ステップ3：データソースを接続する

Click the Select Data Source dropdown in the Source tab.

Softr connects to an Airtable backend, Google Sheets, Notion, SmartSuite, SQL databases and Xano.

Map each column to the matching element in your block.

✅ 完了: 以下の機能はすべてご利用いただけます。

試す ソフト 無料で

Softr Visual Builder の使い方

ビジュアルビルダー is the drag-and-drop canvas where you arrange pre-built blocks into a page.

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

Step 1: Open the Page You Want to Customize

Pick a page from the left-hand menu inside the editor.

Every block on that page can be moved, hidden or removed.

Step 2: Drag a Block Into Place

Drag a list, form or chart block onto the canvas.

Swap the placeholder text for your own headline and button labels.

これがその様子です。

✓ チェックポイント: Your new block appears on the page with live data inside it.

Step 3: Bind the Block to Your Data

Open the Source tab and choose the table you want to show.

Not a single line of code is required at any point.

✅ 結果: You have a working page built entirely by dragging and dropping.

💡 プロのヒント: Hover a block and click the three dots to duplicate it instead of rebuilding from scratch.

試す ソフト 無料で

Softrのテンプレートとブロックの使い方

テンプレートとブロック give you ready-made layouts so you never start creating from an empty page.

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

ステップ1：テンプレートギャラリーを閲覧する

Filter templates by category, such as portals, directories or dashboards.

Explore a few live demos before you commit to one.

Step 2: Load Your Chosen Softr Template

Click Use Template and Softr copies every page into your workspace.

The sample data comes with it so nothing looks broken.

これがその様子です。

✓ チェックポイント: The template loads with all pages, blocks and navigation in place.

Step 3: Replace the Sample Content

Swap the demo records for your own and delete blocks you do not need.

✅ 結果: Your first app is running in minutes instead of days.

💡 プロのヒント: Build your first Softr app from a template even if you plan to redesign it later.

試す ソフト 無料で

Softr連携機能の使い方

統合 link Softr to the tools your team already uses every day.

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

ステップ1：統合パネルを開きます

Find Integrations in the left-hand menu of your workspace.

You will see native options plus ザピエールそして作る。

Step 2: Connect Your Automation Tool

Authorise the connection and pick a trigger, such as new records being added.

Softr also has built-in workflows for Slack alerts and record updates.

これがその様子です。

✓ チェックポイント: Your test row appears in the connected tool within a few seconds.

Step 3: Test the Flow With One Record

Click Add Record in your app and watch the オートメーション fire.

Real-time updates flow back into the table without a refresh.

✅ 結果: Repetitive tasks like alerts and status changes now run without you.

💡 プロのヒント: Send failed automations to a Slack channel so silent errors never pile up unseen.

試す ソフト 無料で

How to Use Softr White-Labeller

ホワイトラベリング removes Softr branding so the app looks like part of your own website.

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

Step 1: Upload Your Brand Assets

Add your logo, favicon and colours under the workspace settings.

Every page picks up the new look right away.

Step 2: Connect a Custom Domain

Paid plans support custom domains through a simple DNS record.

The free plan publishes to a Softr subdomain instead.

これがその様子です。

✓ チェックポイント: Your domain resolves and the Softr badge is gone from the footer.

Step 3: Check the Client View

Open the live URL in a private window to see what a client sees.

✅ 結果: Clients see your brand, not the platform behind it.

💡 プロのヒント: Match your app colours to your existing website so shared documents and links feel like one product.

試す ソフト 無料で

Softrカスタムコードの使い方

カスタムコード lets you go past the built-in blocks when a project needs something unusual.

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

ステップ1：カスタムコードブロックを追加する

Drop a code block onto the page from the block library.

This block is locked on the free plan, so upgrade first.

Step 2: Paste Your Snippet

Add your HTML, CSS or JavaScript and save the page.

Keep each snippet small so debugging stays simple.

これがその様子です。

✓ チェックポイント: Your custom element renders inside the page without breaking the layout.

Step 3: Preview Before Publishing

Test the page on mobile and desktop before writing anything to production.

✅ 結果: You have advanced features that no pre-built block offers.

💡 プロのヒント: Comment every snippet with its purpose and date so future you knows why it exists.

試す ソフト 無料で

Softr Interface Builderの使い方

インターフェースビルダー is where you decide who sees what once people sign in.

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

Add the sign-in block so users get an account instead of open access.

Softr handles the login screen and password resets for you.

Step 2: Add User Groups for Each Role

To add user groups, click Users in the left-hand menu and open the User Groups tab.

Add users manually or with conditional filters based on their attributes.

これがその様子です。

✓ チェックポイント: A test account sees only the pages you assigned to its group.

Step 3: Set Visibility Settings

Under the Visibility tab, show blocks to specific user groups only.

You can also split what logged-in users and non-logged-in users see.

✅ 結果: Sensitive data stays hidden and Softr access matches real user needs.

💡 プロのヒント: Create a read-only group first, then add permissions as more users join the app.

試す ソフト 無料で

SoftrデータベースAIエージェントの使い方

データベースAIエージェント answers questions about your tables so you spend less time digging.

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

Step 1: Open the Database View

Select the table you want to work with inside Softr.

The agent reads the structure and column names automatically.

Step 2: Ask for What You Need

Type a plain request, such as cleaning duplicates or grouping records.

Review the suggested change before you apply it.

これがその様子です。

✓ チェックポイント: The table updates and your record count matches what you expected.

Step 3: Apply and Verify

Accept the change, then spot-check a few rows against your source.

The point is to manage data quickly, not to hand the agent full control.

✅ 結果: Easy data management without hand-writing a single formula.

💡 プロのヒント: Ask the agent to explain its logic before applying anything to a live table.

試す ソフト 無料で

Softrビジネスアプリテンプレートの使い方

ビジネスアプリテンプレート cover the app types most teams need on day one.

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

Step 1: Pick Your Business Use Case

Choose from internal tools like dashboards, directories and inventory trackers.

Client portals and membership sites sit in the same gallery.

Step 2: Adapt the Template to Your Team

Rename pages, adjust fields and connect your own tables.

Delete any blocks that do not match how your team works.

これがその様子です。

✓ チェックポイント: Your teammates can log in and reach only their assigned sections.

Step 3: Invite Your First Users

Send invites and confirm each person lands on the right page.

✅ 結果: A business-ready app without a developer on the payroll.

💡 プロのヒント: Start with one department, prove it works, then roll the same pattern out wider.

試す ソフト 無料で

Softr AIアプリジェネレーターの使い方

AIアプリジェネレーター builds a first draft from a plain description of what you want.

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

ステップ1：アプリの説明

Type what the app should do and who will use it.

Be specific about the pages and the data you plan to show.

ステップ2：生成された構造を確認する

Softr returns pages, blocks and sample fields you can edit.

Treat it as a draft, not a finished product.

これがその様子です。

Softr AIアプリジェネレーター - たった1つのプロンプトからウェブアプリ全体を作成？！

✓ チェックポイント: A multi-page draft app appears in your workspace ready to edit.

Step 3: Connect Real Data and Refine

Swap the sample tables for your live data source and start building properly.

✅ 結果: You skip the blank page problem and start creating immediately.

💡 プロのヒント: Generate two or three versions from different prompts, then keep the best structure.

試す ソフト 無料で

Softr Proのヒントとショートカット

After eight months with Softr, here are the tips I actually use.

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

アクション	ショートカット
最後の編集を元に戻す	Ctrl / Cmd + Z
編集をやり直す	Ctrl / Cmd + Shift + Z
ページを保存	Ctrl / Cmd + S
プレビューを開く	Ctrl / Cmd + P

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

Conditional filters on lists: Show each person only their own rows without duplicating pages.
Preview as a user group: Hit the preview button and switch roles to test permissions fast.
Block-level visibility: Hide one button instead of building a whole second page.

試す ソフト 無料で

Softr 避けるべきよくある間違い

Mistake #1: Publishing before you test the app

❌ 間違い: Going live straight from the editor and hoping the layout holds on phones.

✅ 右: Use preview mode on desktop and mobile, then publish once every page behaves.

Mistake #2: Leaving sensitive data visible

❌ 間違い: Building every page for logged-in users and skipping visibility settings entirely.

✅ 右: Add a user group per role and lock each block to the people who need it.

Mistake #3: Flat, messy tables

❌ 間違い: Dumping everything into one wide sheet with no linked records.

✅ 右: Organise data in relational tables with linked records before you connect it.

試す ソフト 無料で

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

Problem: My list block shows nothing

原因： The block is bound to the wrong table, or a filter excludes every row.

修理： Reopen the Source tab, confirm the table, then clear your conditional filters one by one.

Problem: A user sees a page they should not

原因： The page is public, so non-logged-in users can reach it directly by URL.

修理： Set the page to logged-in users only, then assign it to specific user groups.

問題：カスタムドメインが接続できません

原因： DNS records have not propagated, or the plan does not include custom domains.

修理： Confirm your plan, recheck the CNAME record, then wait up to 24 hours.

📌 注記： これらの方法で問題が解決しない場合は、Softrサポートにお問い合わせください。

試す ソフト 無料で

Softrとは何ですか?

ソフト is a no-code platform that turns your data into a working web app.

Think of it like a front end you bolt onto a spreadsheet you already trust.

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

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

ビジュアルビルダー: arrange your pages by dragging blocks, no code required
テンプレートとブロック： skip the blank canvas and start creating from a proven layout
統合: connect Airtable, Google Sheets, Notion, SmartSuite and SQL databases
ホワイトラベル： put your own brand and custom domains on every client-facing page
カスタムコード: add advanced features that pre-built blocks cannot cover on their own
インターフェースビルダー: control user groups, permissions and visibility settings for every block
データベースAIエージェント： get easy data management help without writing formulas by hand
ビジネスアプリのテンプレート： launch internal tools and client portals from a business-ready starting point
AIアプリジェネレーター： describe your app in plain words and get a working draft

詳細なレビューについては、こちらをご覧ください。 Softrのレビュー.

Teams use it for internal tools, client portals, directories and simple membership sites.

It is beginner-friendly, so a non-technical team can easily build something useful.

The user community shares patterns and fixes worth copying.

試す ソフト 無料で

Softrの価格

Softrの2026年のコストは以下のとおりです。

プラン	価格	最適な用途
無料	月額0ドル	Testing your first app on a Softr subdomain
基本	月額49ドル	Small client portals with custom domains
プロ	月額139ドル	Growing teams that need more users and blocks
仕事	月額269ドル	Bigger internal tools and heavier collaboration
企業	カスタム	Large rollouts with custom terms

無料トライアル: Yes, 14 days on the paid version so you can test advanced features first.

返金保証: Not advertised, so treat the free plan and trial as your safety net.

Softr offers a free plan capped at 5 internal users and 100 external users.

Custom code blocks and several other blocks stay locked until you upgrade.

💰 最もお得な価格: Basic — it unlocks custom domains at the lowest paid price.

試す ソフト 無料で

Softrと代替案の比較

Softrは他社と比べてどうでしょうか？競合状況は以下のとおりです。

道具	最適な用途	価格	評価
ソフト	Portals on Airtable	月額49ドル	⭐ 4.5
バブル	Full custom logic	月額32ドル	⭐ 4.4
バジー	Design-to-app builds	月額19ドル	⭐ 4.2
グライド	モバイルファーストアプリ	月額49ドル	⭐ 4.5
ソフトジェン	AI-generated web apps	月額20ドル	⭐ 4.1
アダロ	Native app stores	月額45ドル	⭐ 4.2
愛らしい愛	Prompt-built projects	月額25ドル	⭐ 4.4
新興	Agent-driven builds	月額20ドル	⭐ 4.0

おすすめ商品：

総合ベスト： Softr — fastest route from a table to a portal with real permissions.
ベスト予算： Buzzy — the cheapest entry point among these no-code tools.
初心者におすすめ： Softr — the editor explains itself as you go.
Best for deep custom logic: Bubble — far more control, far steeper learning curve.

🎯 Softrの代替品

Softrの代替サービスをお探しですか？おすすめの選択肢はこちらです。

🚀 バブル： Full visual programming with workflows and logic that go well past block settings.
💰 バジー： Turns Figma designs into apps cheaply, good for design-led teams.
🎨 グライド: Polished mobile-first apps built straight from sheets and databases.
⚡ ソフトジェン： Prompt-driven builder that ships a working draft in minutes.
👶 アダロ： Beginner-friendly path to apps you can publish in the app stores.
🧠 愛らしいAI： Generates real front-end code from prompts for developer-leaning teams.
🔧 緊急: Agent-style builder aimed at people comfortable steering AI output.

全リストについては、こちらをご覧ください。 Softrの代替品ガイド。

⚔️ 比較するとより柔らかい

Softrが各競合他社と比べてどのような位置づけにあるのか、以下に示します。

ソフト vs バブル： Softr wins on speed and simplicity, Bubble wins when you need custom logic.
ソフト vs バズィー: Softr has stronger permissions, Buzzy is cheaper for design-first builds.
Softr vs Glide： Glide feels better on phones, Softr handles client portals more cleanly.
Softr vs Softgen: Softgen drafts faster, Softr gives you a stable editor to maintain.
Softr vs Adalo: Adalo publishes to app stores, Softr is better for browser-based tools.
Softr vs Lovable ai: Lovable ai writes code, Softr keeps everything inside a no-code editor.
Softr vs Emergent: Emergent leans experimental, Softr is the safer pick for client work.

試す ソフト 無料で

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

Softrの主要な機能をすべて使いこなせるようになりました。

✅ ビジュアルビルダー
✅ テンプレートとブロック
✅ 連携機能
✅ ホワイトラベル
✅ カスタムコード
✅ インターフェースビルダー
✅ データベースAIエージェント
✅ ビジネスアプリテンプレート
✅ AIアプリジェネレーター

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

ほとんどの人はビジュアルビルダーから始めます。

5分もかかりません。

試す ソフト 無料で

よくある質問

Softrは使いやすいですか？

Yes. The drag-and-drop editor uses pre-built blocks, so a first app takes an afternoon. No code required, though permissions take a little practice to set up properly.

Softrで何ができるの？

Build client portals, internal tools, directories, dashboards and membership sites. Softr connects to Airtable, Google Sheets, Notion, SmartSuite and SQL databases, then handles logins and access rules.

Softrは無料で利用できますか？

Yes. The free plan allows 5 internal users and 100 external users on a Softr subdomain. Custom code and custom domains need a paid plan.

Softrは初心者向けですか？

Yes. Templates, pre-built blocks and clear settings make it one of the friendlier no-code app builders. Most beginners publish a working app on their first day.

Is Softr good for SEO?

Softr handles page titles, descriptions and clean URLs on a custom domain. It is fine for a small marketing website, but weaker than a dedicated CMS.