Softrの使い方：2025年の簡単なステップバイステップガイド

ウェブサイトやオンラインポータルを作りたいけれど、コーディングの知識がないですか?

大変ですね！データソースを表示できる場所が必要です。 エアテーブル シートですが難しそうです。

朗報です！Softr を使えば、コードなしで Web サイトやポータルを構築できます。 

このガイドでは、Softr の使用方法を説明します。

Airtable を使用すると、テンプレートを選択して、簡単にサイトをオンラインにすることができます。

ソフト

データを強力なウェブアプリケーションに変換する準備はできていますか？Softr は、Airtable、Google Sheets などのお気に入りのデータソースとシームレスに接続します。

Softrを無料でお試しください 全文レビューを読む

Softrアカウントの設定

Softrウェブサイトへのアクセス

「さて、ステップ1はとても簡単です。Softrのウェブサイトにアクセスする必要があります。」

あなたと同じように ユーチューブ ビデオを視聴したり、お気に入りのゲームの Web サイトにアクセスしてプレイしたりするには、Softr にアクセスしてアプリの構築を開始する必要があります。

インターネットブラウザを開きます。 

それはウェブサイトを見るために使用するプログラムです。

Chrome、Firefox、Safari などを使用することもできます。

ブラウザが開いたら、上部を見てください。

ウェブサイトのアドレスを入力する長いバーが表示されます。

それはアドレスバーと呼ばれます。

バーに「Softr.io」と入力してください。スペルミスにご注意ください！そして、キーボードの「Enter」キーを押します。さあ、Softrのウェブサイトにアクセスしましょう！

無料アカウントの登録

さて、自分のアカウントを作成しましょう。

ゲームのプロフィールを作るようなものだとお考えください。作業内容を保存したり、便利なツールを使うにはアカウントが必要です。「サインアップ」というボタンを探してください。

「通常は大きくて見つけやすいので、クリックしてください。」

Softr ではサインアップ方法がいくつか用意されています。

メールアドレスをご利用いただけます。 

これが最も一般的な方法です。メールアドレスを入力してパスワードを設定する必要があります。

Gmail を使用している場合は、さらに簡単な方法があります。

「Google でサインアップ」をクリックできます。

すでにGoogleアカウントにログインしている場合は、Softrはそのアカウントを使ってサインアップします。とても速いです！

サインアップ方法を選択すると、Softr からいくつか質問されることがあります。 

プランの選択

「サインアップ後、Softr からプランが表示されます。」

無料プランといくつかの有料プランがあります。

無料プランは初心者に最適です。基本的なツールをすべて試してみて、Softrが自分に合うかどうかを確認できます。

有料プランにはさらに多くの機能があります。

たくさんの機能を備えた非常に大規模な Web サイトやアプリを構築したい場合に適しています。

今のところは無料プランで大丈夫です。いつでもアップグレードできます。 後で さらに必要な場合。

無料プランのボタンをクリックするだけです。

Softrから選択内容の確認を求められる場合があります。「はい」と答えるか、「確認」をクリックしてください。これで準備完了です！

テンプレートの選択

「さて、ここからが楽しい部分です。テンプレートを選びます!」

テンプレートは既製の家のようなものだと考えてください。

全部を一から作る必要はありません。気に入ったものを選んで、中身を少し変えるだけで自分だけのオリジナルにできます。

テンプレートを使用する理由

「なぜテンプレートを使うのか？」と疑問に思うかもしれません。

そうですね、時間を大幅に節約できます。

何もない状態で Web サイトを構築しようとすることを想像してください。

まるで説明書なしでレゴの城を作ろうとするようなものです。テンプレートは出発点を与えてくれます。 

ページ、レイアウト、画像など、基本的なものはすべてすでに設定されています。

さらに、テンプレートの見た目も優れています。

これらは、Web サイトの見栄えを良くする方法を知っている人々によって設計されています。

そのため、初心者であっても、Web サイトがプロフェッショナルに見えることが保証されます。」

テンプレートライブラリを見つける

“テンプレートを見つけるには、Softr ダッシュボードに移動する必要があります。

先ほどお話ししたコントロールセンターを覚えていますか?

「新しいアプリケーションを追加」などのボタンを探してクリックしてください。

ここで、テンプレート ライブラリが表示されます。

さまざまなウェブサイトデザインが揃ったお店のようなものです。

ブログ、オンライン ストア、ポートフォリオなど、さまざまなもののテンプレートが表示されます。

それはビデオゲームでキャラクターを選ぶようなものです。

「自分のやりたいことに合ったものを選びたいですね。」

さまざまなテンプレートの種類を調べる

「Softr にはさまざまな種類のテンプレートが用意されています。」

ブログを書きたいなら、そのためのテンプレートがあります。オンラインで商品を販売したいなら、そのためのテンプレートもあります。

さまざまなテンプレートをじっくりと見てみましょう。

説明を読んで、それぞれのテンプレートの用途を確認してください。テンプレートの見た目がわかる写真も掲載されているかもしれません。

最初に目についたものをそのまま選ばないでください。

いろいろ見て回って、本当に気に入ったものを見つけてください。

どのような種類のウェブサイトを作りたいかを考えて、それに合ったテンプレートを選びましょう。

コンテンツのカスタマイズ

「さあ、テンプレートを選びました。次は、自分好みにカスタマイズしてみましょう！」

これを部屋の装飾のようなものだと考えてください。

色を変更し、必要なものを追加して、希望どおりの見た目にします。

テキストと画像の変更

「まず、テンプレート上の単語と画像を変更します。

とっても簡単！どれでもクリックするだけ 文章 分かりますか。

小さなボックスがポップアップ表示されるので、そこに自分の言葉を入力できます。パソコンのテキストボックスに入力するのと似ています。

画像の場合は、変更したい画像をクリックします。

自分の写真をアップロードするオプションが表示されます。

コンピューターやインターネットからの写真も使用できます。

ウェブサイトがきれいに見えるように、写真の品質を高く保ちましょう。

画像のサイズと位置も変更できます。クリックしてドラッグするだけで、ちょうどいい感じに調整できます。まるでページ上でステッカーを動かすような感覚です。

新しいセクションとページの追加

ウェブサイトにページを追加したいですか?

問題ありません！Softrでは新しいページやセクションを追加できます。セクションは、ヘッダー、本文、フッターのようなページの一部と考えてください。

「セクションを追加」または「ページを追加」というボタンを探します。

「クリックしてください！色々なオプションが表示されます。テキストセクション、画像セクション、ボタンセクションなどを追加できます。」

新しいページを追加するのも同様に簡単です。

「会社概要」ページや「お問い合わせ」ページなど、さまざまな目的のページを作成できます。

ページに名前を付けて、コンテンツの追加を開始するだけです。」

ブロックを使ってページを構築する

「Softr はページの構築を支援するために「ブロック」を使用します。

ブロックはレゴブロックのようなものだと考えてください。積み重ねたり配置したりして、ページの見た目を思い通りにすることができます。

テキスト、画像、ボタン、フォームなどのブロックが表示されます。

ブロックをクリックするだけでページに追加されます。

ブロックをドラッグ アンド ドロップして移動することができます。

ブロックを使用すると、ページにさまざまなものを簡単に追加できます。

コーディングやデザインを気にする必要はありません。必要なブロックを選んで、好きなように配置するだけでOKです。

Airtableでデータに接続する

製品やブログ投稿などのリストを表示したい場合は、Web サイトを Airtable に接続できます。

Airtableは超強力なスプレッドシートのようなものです。データの保存に最適です。

まず、Airtable アカウントを作成する必要があります。

その後、Softrプロジェクトに接続できます。SoftrはAirtableのデータをウェブサイトに表示します。

Airtable でデータを変更すると、Web サイトのデータも変更されるので、これは本当に便利です。

まるで魔法のようです！データを変更するたびにウェブサイトを更新する必要はありません。

Airtableへの接続

「わかりました。ウェブサイトにリストを表示したいということですね?

たとえば、お気に入りの本のリストや、販売している商品のリストなどです。

ここでAirtableが役立ちます。

これは、Softr と非常にうまく連携する超スマートなスプレッドシートのようなものです。

Airtable とは何ですか?

スプレッドシートを想像してみてください。 学校、でもずっとクールです。

Airtable を使用すると、あらゆる種類の情報を保存できます。

テキスト、数字、画像、さらにはリンクも入力できます。データベースのようなものですが、使い方は簡単です。

なぜ Softr と一緒に使うのですか?

Softr は Airtable から情報を取得して、Web サイトに表示することができます。

つまり、Airtableで何かを変更すると、ウェブサイトにも反映されるんです。すごく便利です！

AirtableをSoftrに接続する方法

まず最初に、Airtable アカウントが必要です。

アカウントをお持ちでない場合は、Airtableのウェブサイトにアクセスしてサインアップしてください。無料で始めることができます。

Airtable アカウントを取得したら、「ベース」を作成する必要があります。

「ベースは、すべての情報を入れるテーブルだと考えてください。」

本、製品、または Web サイトに表示したいその他のあらゆるもののベースを作成できます。

さて、Softr プロジェクトに戻ります。

「Airtable に接続」または同様のボタンまたはオプションを探します。 

クリックしてください！SoftrがAirtable APIキーを尋ねてきます。ご安心ください。思ったほど怖くはありません。

公開と共有

ウェブサイトを構築できました！素晴らしいです！ 

今こそそれを世界に示す時です。

公開と共有とはまさにこのことです。まるで美術作品をクラスで披露するようなものです。

公開前にウェブサイトをプレビューする

「Web サイトをみんなに公開する前に、見栄えが良いかどうか確認したいですよね?

プレビューとはそういうものです。宿題を提出する前にチェックするようなものです。

Softrで「プレビュー」ボタンを探してクリックしてください。

これで、Web サイトがコンピューターと携帯電話でどのように表示されるかを確認できます。

すべてのボタンとリンクをクリックしてみてください。

ちゃんと動作するか確認しましょう。画像とテキストをよく見て、スペルミスがないか、見た目も綺麗か確認しましょう。

気に入らない点があれば、戻って修正してください。

「見た目に満足するまで、変更することができます。」

ウェブサイトを公開する方法

「Web サイトに満足したら、公開しましょう。」

つまり、インターネット上でライブ配信するということです。

Softrで「公開」ボタンを探してクリックしてください。

Softr がいくつか質問をします。

ウェブサイトに名前を付ける必要があります。これはウェブサイトのタイトルのようなものです。

Softrは、無料のSoftrドメインを使用するか、独自のドメインを接続するか尋ねます。ドメインはウェブサイトの住所のようなものです。

「mycoolwebsite.com」のような独自のドメインをお持ちの場合は、それを使用できます。

そうでない場合は、「mycoolwebsite.softr.app」のような無料の Softr ドメインを使用できます。

指示に従ってください。Softrがウェブサイトを公開します。数分かかる場合がありますが、ご心配なく、しばらくお待ちください。

ウェブサイトを他の人と共有する

ウェブサイトが公開されたので、今度はそれを友人や家族と共有しましょう。

ウェブサイトへのリンクを共有できます。まるで自分の家の住所を誰かに教えるようなものです。

リンクを共有できます ソーシャルメディアFacebook、Instagram、Twitter など。

電子メールまたはテキストメッセージで送信することもできます。

ウェブサイトを共有する人が多ければ多いほど、それを見る人も増えます。

それはまるでパーティーに人を招待するようなものです。

Softrの代替品

他のものを探している Softrの代替品 ノーコードおよびローコード アプリ開発分野では?

以下に人気のあるオプションをいくつか紹介します。

• バジー: このプラットフォームは、スプレッドシートやデータベース（AirtableやGoogle Sheetsなど）をウェブアプリやクライアントポータルに素早く変換することに優れています。使いやすさとあらかじめ用意されたテンプレートで知られています。
• バブル: 高度なカスタマイズ性を備えた複雑なWebアプリケーションを構築できる、強力なノーコードプラットフォームです。強力なプラグインエコシステムを備えていますが、学習曲線がやや急峻な場合があります。
• グライド: This tool focuses on simplicity, allowing you to create mobile apps directly from Google Sheets. It’s great for быстро creating internal tools and simple applications.
• ソフトジェン: このAI搭載プラットフォームは、ユーザーの説明を解釈してアプリケーションを生成することで、アプリ開発を簡素化することを目指しています。迅速なプロトタイピングと反復的な改良を目的として設計されています。
• アダロ: 使いやすいドラッグ アンド ドロップ インターフェースと、事前に構築されたコンポーネントのマーケットプレイスを備えたネイティブ モバイル アプリの構築に重点を置いたノーコード プラットフォームです。

結論

以上で完了です。Softr の使い方を学びました。

サインアップの方法、使用するテンプレートの選択方法、Airtable ベースの接続方法がわかりました。

また、Web サイトを構成して、希望どおりの外観にする方法も学習しました。

覚えておいてください、Softr はノーコード プラットフォームなので優れています。

コードを 1 行も書かずに Web アプリを構築できます。

コーディングの知識は必要ありません!

クライアント ポータル、社内ツール、ランディング ページなど、さまざまなものを作成できます。

これは、最初のアプリを構築するために使用できる強力なツールです。

Softr では、さまざまなオプションから選択できます。

よくある質問