関連のツールの紹介、使い方などをやさしく説明しています。ご紹介したいと思います。Backendlessとは?backendless.comBackendlessは、BaaSなサービスの一つで、AWSやFirebaseと類似のサービスです。ノーコードでDB操作が可能。オブジェクトをドラッグ&ドロップしてアプリのフロント部分を作成し、パズルのピース型の各処理をセットして構築していくといったユニークな手法を展開しています。ちなみに、BackendlessはBubbleのDBまわり担当としても使えます。BackendlessでできることBackendlessの役割はBaasとなりますので、Bubbleほど柔軟にフロントエンドを構築できるというわけではないですが、バックエンド側は非常に優秀です。IN演算子なども使用できるという強みを持っています。具体的に何ができるか?について、以下にリストしますので、参考にしてみてくださいね。データのインポートとエクスポート、オブジェクト間の関係の作成、セキュリティ権限の設定、クエリの実行などが簡単に行えます。Databaseに保存できるデータ型には、文字列や整数などの基本的なものだけでなく、空間データやJSONなどのより複雑な型も含まれます。リレーショナルデータ、インデックス作成、SQL検索、および集計関数が使用可能です。コンソールでは、データの操作、制約の設定、およびバリデーターの管理が行えます。Securityを使用すると、データテーブルまたは個々のオブジェクトのユーザーロールにアクセス許可を割り当てることが可能です。コードジェネレーターを使用すると、データベーススキーマにマップされているクライアント側のコードを即座にダウンロード可能です。Real-timeのチェックボックスをオンにしておくと、最新の情報をリアルタイムに取得できます。APIは、すべてのSDKで利用できます。JSONなどの中間形式を処理するために追加の外部ライブラリを使用する必要はありません。Codeクラウドコードには、APIサービス、APIイベントハンドラー、タイマーの3種類があります。サーバー上でJava、JavaScript(Node.js)、およびコードレスロジックを実行する機能があります。Backendlessは100%サーバーレスです。サーバーの容量によって制限されることはありません。Consoleで直接編集できます。準備ができたら、ボタンをクリックするだけで、コードをドラフトから本番環境にプロモートできます。Databaseを操作したり、プッシュ通知や電子メールを送信したり、ユーザー管理機能を実行できます。Analyticsでサービスの使用状況と呼び出しを追跡して、サービスが顧客によってどのように消費されているかを正確に確認できます。Backendlessタイマーは、スケジュールに従って実行されるクラウドコードロジックです。指定された頻度で繰り返すことができます。APIを使用して、情報、デバッグ、および診断情報をログファイルに保存できます。ユーザー情報はCSVを使用してインポート、エクスポート可能です。条件付き通知を使用すると、アプリが関連するデータ更新を行った場合のみ受信することが可能です。storageファイルストレージを使用できます。Managementユーザーの登録と認証、ソーシャルサインアップとログイン、セッション管理、ユーザーロール、同時ログインなどが使用可能です。Geolocationフロント画面にGoogleMapを設定できます。Notifications(プッシュ通知)サーバー側ロジックを介して、またはアプリ自体から送信できます。EmailsEmail関連の処理が作成できます。その他Codelessで構成されたロジックはすべてJavaScriptに変換されます。Functionとして保存可能です。価格は、30日間のトライアル中は無料で、その後はいくつかの料金プランが用意されているようです。トライアル版は、画面左下に残りの日数が表示されます。Pro版は、無制限のデータ取得、API呼び出し、キャッシュストレージ、クラウドコード、およびプッシュ通知等を提供しているとのことです。フロントエンド初期画面はこのような感じです。(左上の「FRONTEND」タブ押下でも表示されます。タイトルの上のアイコンを切り替えると、タブレットやスマホ画面の表示に変更できます。Designタブの役割に似ていますね。ツールボックスには、他にもこのようなものがあります。事前のAPI取得・設定が必要ですが、GoogleMapも使えます。バックエンドでは、次にDBなどを操作するバックエンドを見ていきましょう。左上の「BACKEND」タブを押下後、左のツールバーの雲のアイコンを押すと、こちらの画面が表示されます。左の各処理のツールボックスから任意の処理を選び、穴のところにセットして組み立てます。値を設定する部分は、クリックして直接変更可。右側の「CODE」タブを押すと、コードエディタが開きます。EDITOR」タブ押下で、テーブルの詳細が確認できます。MODELER」タブ押下で、テーブルの関連図が見れます。リレーション設定も可能。新規テーブル作成方法では、実際にDBにテーブルを定義してみましょう!左上の「+」ボタンを押下します。テーブル名称を設定するポップアップが表示されるので、任意の名称を入力して、「CREATE」ボタンを押下します。「YES」ボタンを押下して、カラムの設定画面に遷移します。カラム名の設定等を行い、「CREATE」ボタンを押下します。Body」に値を設定する文言を記載し、「POST」を押下します。Body」に自動で値がセットされます。BROWSER」タブを押して、レコード画面を表示すると、データが登録されているのが確認できます。簡単な画面をつくってみようではここで、Backendlessでフロントエンドを作成する際は、どのように実装するのか、簡単な画面を作成してご紹介したいと思います!入力用テキストエリアに値を入力し、ボタンを押すと、入力した値がボタンの下に大きく表示されるといった処理をつくってみましょう。配置されているタイトルをクリックすると、プロパティが表示されるので、右下の「Content」に設定したい文言を入力します。右上の四角が4つ集まったアイコンを押下すると、ツールボックスが表示されるので、「Input」、「Button」、「Text」をドラッグ&ドロップで配置します。※Textは上の方にあります。Buttonの表示名はプロパティの「Label」に値をセットすると変更できます。sizeを「50」に変更します。配置したInputをクリックして、上に表示されるパズルピースのアイコンを押します。Logic」に「inputData」と入力します。Logic」に「labelData」と入力します。Event」の右端の「+」を押します。パズルピース型の処理が追加されます。Bubbleで言うところのWorkflowタブの役割に似ていますね。property」をクリックして、先ほどのピースの穴にセットします。Data」のピースをセットします。property」の2つ目の穴に既にセットされているグレーのピースのテキストエリアをクリックして、「labelData」と入力します。property」の3つ目の穴(value)にセットします。グレーのテキストエリアに「inputData」と入力します。Data」をセットします。完成したのでプレビューで見てみましょう。右上の「PREVEW」にあるPCのアイコンをクリックします。「Label」と表示されているテキストエリアに任意の文字を入力して、Sendボタンを押します。ボタンの下に入力した文字が大きいサイズで表示されました。想定する結果となりましたのでOKです。まとめいかがでしたか?気になった方は、ぜひトライアル版を試してみてください。ホームページからメールアドレスとパスワードでサインアップ後、簡単なアンケートに答えるだけですぐに始められます。今回の記事では、主にBackendlessの基本的な使い方についてご紹介しましたが、冒頭でもお伝えした通り、BackendlessはBubbleのDB候補としても使えるサービスです。個別指導などを行っています。)引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。