ゼロワン | 創りたいを実現するノーコード開発ツール

ゼロワン | 創りたいを実現するノーコード開発ツール

すべてのマガジンを表示

【Part4 バックエンド編-2】お問い合わせ管理システムを作りながら学ぶゼロワン講座

こんにちは！ゼロワンエヴァンジェリストの田中です！ 今回はPart4ということで、いよいよUIからの値をバックエンドでデータを受け渡すワークフローを組んでいきます！ ということで、始めていきましょう！ Step1： ZeroOne Trigger Nodeの設定1：ZeroOne Trigger Nodeをダブルクリックで開く。 2：「Input」ボタンをクリックする。 3：「Add object property」をクリックし、フィールドを追加。 4：フォールド名をSet

ゼロワン | 創りたい…

    • 【Part3 バックエンド編-1】お問い合わせ管理システムを作りながら学ぶゼロワン講座

      こんにちは！ゼロワンエヴァンジェリストの田中です！ 今回はPart3ということで、いよいよAirtableとSlackの連携としていきます！ ということで、始めていきましょう！ Step1：バックエンドワークフローにてNodeを配置Step1では最終的にこのようになっていればOKです！ まず、最初にバックエンドワークフロータブをクリックし、バックエンドワークフローの画面に切り替えます。 すると、このような画面が出てきますので、右の"+" ボタンからNodeを追加していき

      ゼロワン | 創りたい…

      • 【Part2 フロントエンド編】お問い合わせ管理システムを作りながら学ぶゼロワン講座

        こんにちは！ゼロワンエヴァンジェリストの田中です！ 今回はPart2ということで、ゼロワンでUIを作成していきます。 とはいっても、画像のような簡単なUIで結構なので、それぞれで自由に作ってみてもいいと思います！ 今回のメインは"API連携"の実装なので、UI部分の説明は省略します。 UIの作成に関しては、他のエヴァンジェリストの記事を参照ください。 今回はシステムを作成していく上で、最低限必要な要素のみの説明にしておきます。 1：必要なUIエレメント1-1：インプット

        ゼロワン | 創りたい…

        • 【Part1 機能紹介編】お問い合わせ管理システムを作りながら学ぶゼロワン講座

          こんにちは！ゼロワンエヴァンジェリストの田中です！ 今回は国産のフルスタックノーコードツール「ゼロワン」でAirtableとSlackを連携させてお問い合わせ管理システムを作成していきます！ ゼロワンのミソであるバックエンドワークフローについても解説していきますので、一緒に手を動かして頑張っていきましょう！ 手順は大きく分けてこのような流れになります！ 今回は【Part1：機能紹介編】ということで、お問い合わせシステムの挙動を紹介していきます！ 今回の成果物紹介①まず、

          ゼロワン | 創りたい…

        【Part4 バックエンド編-2】お問い合わせ管理システムを作りながら学ぶゼロワン講座

        ゼロワン | 創りたいを実現するノーコード開発ツール

        マガジン

        • お問い合わせ管理システムを作りながら学ぶゼロワン講座
          4本
        • オーダーシステムを作りながら学ぶゼロワン講座
          6本
        • チャットアプリを作りながら学ぶゼロワン講座
          4本
        • Todoアプリを作りながら学ぶゼロワン講座
          2本
        • マーケットプレイスを作りながら学ぶゼロワン講座
          2本
        • 超簡単な名所リストを作りながら学ぶゼロワン講座
          2本

        記事

          【Part2】ノーコードツール「ZEROONE」でカフェのオーダーシステムを作ってみた！

          こんにちは！「ゼロワン」エバンジェリストの三ツ谷有巨です。 今回は前回同様フロント画面を作っていきます。 前回では商品表示ページを作成したので今回は ・オーダー確認ページ ・新しく商品を追加するページ 上記2点を作成していきます。 オーダー確認ページの作成ではまず商品確認ページから注文が入った際にどんな注文が入ったのか確認出来る様にオーダー確認ページを作成していきます 左上に「ページ」という文字の横に「＋」マークがあると思いますのでそこをクリックしてページの名前を決めて

          ゼロワン | 創りたい…

          【Part2】ノーコードツール「ZEROONE」でカフェのオーダーシステムを作ってみた！

          ゼロワン | 創りたいを実現するノーコード開発ツール

          【Part５】ノーコードツール「ZEROONE」でカフェのオーダーシステムを作ってみた！

          こんにちは！「ゼロワン」エバンジェリストの三ツ谷有巨です。 今回は前回の続きでワークフロー設定を行なっていきます。 作成する順番作成する順番は １　商品表示ページで注文ボタンを押した時に注文が入るワークフロー【part4】 ２　注文が入った時オーダ確認ページで注文内容が見えるワークフロー【今回】 ３　オーダー確認ページで配達完了した時のワークフロー【今回】 ４　新しくメニューを追加する際のワークフロー【part6】 上記の順番で行います。 注文が入った時オーダ確認ページで

          ゼロワン | 創りたい…

          【Part５】ノーコードツール「ZEROONE」でカフェのオーダーシステムを作ってみた！

          ゼロワン | 創りたいを実現するノーコード開発ツール

          【Part4】ノーコードツール「ZEROONE」でカフェのオーダーシステムを作ってみた！

          こんにちは！「ゼロワン」エバンジェリストの三ツ谷有巨です。 今回は前掲の続きで、データベースに入っている情報を表示させるワークフローの設定に移っていきます。 今回のシステムとして終盤に入ってきているので見逃さないようにしてください。 ワークフローとはワークフローとはフロント画面で行いたい動作とデータベース上に入っている情報を繋ぎ合わせる事です。 どんなに美しくデザインをしても、データベース上に情報を入れても 繋ぎ合わせないとシステムとして動いてくれません。 作成する順番作

          ゼロワン | 創りたい…

          【Part4】ノーコードツール「ZEROONE」でカフェのオーダーシステムを作ってみた！

          ゼロワン | 創りたいを実現するノーコード開発ツール

          【Part3】ノーコードツール「ZEROONE」でカフェのオーダーシステムを作ってみた！

          こんにちは「ゼロワン」エバンジェリストの三ツ谷有巨です！ 今回はデータベース設計をやっていきます。 早速データベースの設計を行なっていきましょう。 今回のオーダーシステムはかなりシンプルなのであまりデータベースに情報を 入れる必要はありません。 今回追加するテーブルはこの二つのみです。 ・商品テーブル ・注文テーブル それぞれ値を追加していきましょう。 商品テーブルの中には ・商品名→　テキスト型 ・商品値段　→ナンバー型 ・商品写真→　ファイル型 注文テーブルの中に

          ゼロワン | 創りたい…

          【Part3】ノーコードツール「ZEROONE」でカフェのオーダーシステムを作ってみた！

          ゼロワン | 創りたいを実現するノーコード開発ツール

          【Part1】ノーコードツール「ゼロワン」でカフェのオーダーシステム作ってみた！

          ZEROONEエバンジェリストの三ツ谷有巨です！

 今回は最強ノーコードツール「ゼロワン」を使って飲食店のオーダーシステムを作っていきます。

飲食店であればどんな業態でも同じように作ることが可能なので是非参考にしてみてください！

 完成イメージを見てみるまずは完成イメージから見ていきましょう。 最初に完成イメージを見ることで全体像を把握できるはずです！ １　商品を選び、注文ボタンを押して商品をオーダーする。 ２　オーダー画面に行き、注文された商品を確認する。 ３　注

          ゼロワン | 創りたい…

          【Part1】ノーコードツール「ゼロワン」でカフェのオーダーシステム作ってみた！

          ゼロワン | 創りたいを実現するノーコード開発ツール

          【最終回】ノーコードツール「ZEROONE」でカフェのオーダーシステムを作ってみた！

          こんにちは！「ゼロワン」エバンジェリストの三ツ谷有巨です。 今回は最終回でワークフロー設定を行なっていきます。 作成する順番 作成する順番は １　商品表示ページで注文ボタンを押した時に注文が入るワークフロー【part4】 ２　注文が入った時オーダ確認ページで注文内容が見えるワークフロー【part5】 ３　オーダー確認ページで配達完了した時のワークフロー【part5】 ４　新しくメニューを追加する際のワークフロー【今回】 上記の順番で行います。 メニューを追加する際にワー

          ゼロワン | 創りたい…

          【最終回】ノーコードツール「ZEROONE」でカフェのオーダーシステムを作ってみた！

          ゼロワン | 創りたいを実現するノーコード開発ツール

          【Part4 Messageページ】チャットアプリを作りながら学ぶゼロワン講座

          こんにちは。 今回の記事では、Message_userAページ、Message_userBページの作成について説明していきます。 仕様が変わってしまっているところや、もしわからないところがあれば概要欄から飛べるゼロワンのフォーラムで質問してください。 それでは、始めましょう！ 変数の設定まず、変数の設定を行います。 サイドバーの上から7番目にあるマークをクリックすると、『変数』ページに遷移します。 『Message_userAページ変数』に変数を3つ追加していきましょう

          ゼロワン | 創りたい…

          【Part4 Messageページ】チャットアプリを作りながら学ぶゼロワン講座

          ゼロワン | 創りたいを実現するノーコード開発ツール

          【Part3 Homeページ】チャットアプリを作りながら学ぶゼロワン講座

          こんにちは。 今回の記事では、Homeページの作成について説明していきます。 仕様が変わってしまっているところや、もしわからないところがあれば概要欄から飛べるゼロワンのフォーラムで質問してください。 それでは、始めましょう！ Homeページのフロントエンドまず、ページのレイアウトを『垂直』にします。 『テキスト』をドラッグしてきて、「Home」と入力します。 Homeページではトークルームの一覧（相手の名前一覧）を表示したいので、『コンテナ』から『垂直リピーター』をド

          ゼロワン | 創りたい…

          【Part3 Homeページ】チャットアプリを作りながら学ぶゼロワン講座

          ゼロワン | 創りたいを実現するノーコード開発ツール

          【Part2 SignUpページ】チャットアプリを作りながら学ぶゼロワン講座

          こんにちは。 今回の記事では、SignUpページの作成について説明していきます。 仕様が変わってしまっているところや、もしわからないところがあれば概要欄から飛べるゼロワンのフォーラムで質問してください。 それでは、始めましょう！ SignUpページのフロントエンドまず、ページのレイアウトを設定します。 『Body（ページの空白部分）』をクリックし、画面右側の『外観』から設定できます。 下にスクロールし、『レイアウト』の『垂直（下向きの矢印）』を選択します。 画面左側の

          ゼロワン | 創りたい…

          【Part2 SignUpページ】チャットアプリを作りながら学ぶゼロワン講座

          ゼロワン | 創りたいを実現するノーコード開発ツール

          【Part1 要件定義～データベース】チャットアプリを作りながら学ぶゼロワン講座

          はじめまして！ゼロワンエバンジェリストの大内です！ この記事では、ゼロワンでチャット機能を実装する方法を解説していきます！ ※グループチャットの実装は行いません。 仕様が変わってしまっているところや、もしわからないところあれば概要欄から飛べるゼロワンのフォーラムで質問してください。 要件定義今回作成するページは以下の通りです。 ・SignUp（＝新規登録） ・Home（＝トークルーム一覧） ・Message_userA（＝チャット画面） ・Message_userB（

          ゼロワン | 創りたい…

          【Part1 要件定義～データベース】チャットアプリを作りながら学ぶゼロワン講座

          ゼロワン | 創りたいを実現するノーコード開発ツール

          【Part4 ワークフロー作成編】Twitter風アプリを作りながら学ぶゼロワン講座

          こんにちは。今回の記事では、Part３　エレメント配置の続き、ワークフロー作成について説明していきます。 仕様が変わってしまっているところや、もしわからないところがあれば概要欄から飛べるゼロワンのフォーラムで質問してください。 それでは、始めましょう！ 目次 １．要件定義　 ２．データベース作成 ３．エレメント配置 ４．ワークフロー作成　← Part４　ワークフロー作成 必要なものの配置が終わったら最後は、ワークフローを作成します。 ワークフローというのは、例えばボタ

          ゼロワン | 創りたい…

          【Part4 ワークフロー作成編】Twitter風アプリを作りながら学ぶゼロワン講座

          ゼロワン | 創りたいを実現するノーコード開発ツール

          【Part3 エレメント配置編】Twitter風アプリを作りながら学ぶゼロワン講座

          こんにちは。今回の記事では、Par２　データベース作成の続き、エレメント配置について説明していきます。 仕様が変わってしまっているところや、もしわからないところがあれば概要欄から飛べるゼロワンのフォーラムで質問してください。 それでは、始めましょう！ 目次 １．要件定義　 ２．データベース作成 ３．エレメント配置　← ４．ワークフロー作成 Part３　エレメント配置 ここからは実際にアプリ上に表示させるエレメントを配置していきます。 エレメントとは、サイト上に表示され

          ゼロワン | 創りたい…

          【Part3 エレメント配置編】Twitter風アプリを作りながら学ぶゼロワン講座

          ゼロワン | 創りたいを実現するノーコード開発ツール