(license)みなさん、こんにちは!タカハシ(@ntakahashi0505)です。Makerチュートリアルをシリーズでお送りしています。Makerのチュートリアルをお送りしています。今回からデータベースを使用するアプリを作ります。Tableタイプのモデルのです。Makerでデータベースを使用するアプリを作る最初の手順として、モデルを作成をしました。Tableというタイプのモデルで、スプレッドシートのテーブルのようなイメージです。作成したモデルは、アプリのフォームやテーブルのウィジェットからアクセスして操作をすることができます。Makerでモデルと連携したフォームおよびテーブルウィジェットの設置の方法についてお伝えします。Tables」は、残念なことに使用できなくなりました。SQL」の使用が推奨されています。Developersdevelopers.google.comインスタンスの立ち上げが必要、かつ使用料も発生しますので、色々と導入のハードルが高くなってしまいました...。Tableタイプのモデルを追加しました。そのフィールド構成は以下の通りです。TableタイプのモデルはGoolgeドライブ内にテーブルを作るもので、とっても簡単に準備ができます。かわりに、容量が250MBと控えめだったり、単一アプリからのみアクセスできたりなど、小さめのアプリに向いています。今回はアプリのページのほうを操作していきますよ。ページの作成では、フォームとウィジェットを配置するページの作成をしていきます。ページ名の変更といっても、新規アプリ作成した状態で「NewPage」というまっさらなページがすでにありますので、そのリネームをします。PAGESの「NewPage」のメニューボタン(縦に3つの点アイコン)をクリックしたメニューから「Rename」です。Page」ダイアログでページ名「EmployeePage」と入力して「OK」。ここも日本語はNGです。Editor」を見てください。ページにも色々なプロパティが設定をされています。datasource」というプルダウンから、先ほど作成したモデル「EmployeeData」を選択することができます。ページのdatasourceプロパティを設定しておくと、そのページにウィジェットを配置したときにそのデータソースを継承することができるんですね。いうことで、ここで設定をしておきました。ページにウィジェットを配置するでは、実際にページにウィジェットを配置していきましょう。今回設置するウィジェットはForm:データの入力・編集・削除を行うフォームTable:データの表示・編集・削除を行うテーブルの二つです。フォームウィジェットを配置するでは、まずフォームウィジェットを配置していきます。Widgetsアイコンを押してWidgetsメニューを開き、「Form」をページ内にドラッグします。datasource」ダイアログが開きます。ここでは、フォームウィジェットと連携するデータソースを選択します。EmployeeData」が選択されていると思いますので、そのまま「NEXT」です。これは先ほど設定したページのdatasourceプロパティの設定によるものです。「Inherited」つまり承継されているというわけです。datasourceを設定していなければ、このダイアログで選択するということになります。type」というダイアログが開きますので、フォームのタイプとして以下のどちらかを選択します。できる今回は「Edit」を選択して「NEXT」です。fields」というダイアログでは、フォームに表示するフィールドおよび編集可能なフィールドについて設定します。左側のチェックボックス:フィールド自体を表示するかどうかEditable:そのフィールドを編集可能とするかどうか今回は、すべてのフィールドを表示および「Editable」にして「FINISH」です。以上で、フォームウィジェットの設置と設定は完了です。ページの編集画面には以下のように表示されます。テーブルウィジェットを配置する続いてテーブルウィジェットを配置していきます。Widgetsメニューから「Table」をドラッグします。datasource」のダイアログが開きます。EmployeeData」のままで「NEXT」です。columns」ダイアログでテーブルのカラムとして表示させるフィールドとその編集可否を設定します。今回はすべてのフィールドを表示、「Editable」はチェックせずに「NEXT」とします。options」ダイアログが開きます。rows:行の削除コントロールを追加するかどうか今回は、すべてチェックのまま進めます。これでテーブルの追加も完了です。アプリをプレビューするでは、作成したアプリをプレビューしてみましょう。右上の「PREVIEW」ボタンですね。最初の実行の際には、Googleドライブへのアクセス許可や、アプリへの実行許可などが必要になりますので、ポチポチ許可してください。レコードの挿入では、フォームからレコードの挿入をしていきます。プレビュー画面のフォームで「CREATE」をクリックすると、レコードの挿入ができますので、名前やアドレスなどを入力していきます。その入力に連動して、テーブルにはレコードデータが表示されます。日付型だとカレンダー入力もできますし、Boolean型だとチェックボックス入力になります。レコードを編集・削除するレコードの編集・削除をしてみましょう。フォームのナビゲーションをクリックすると、レコードを前または後ろに切り替えをすることができます。テーブルのレコードをクリックすると、そのレコードがアクティブになり、連動してフォームでもアクティブになります。フォームのほうは全てのフィールドについてEditableつまり編集可に設定したので、表示されているレコードの各フィールドについて編集が可能です。テーブルは今回は編集不可に設定しましたが、作成時に「Editable」にしたフィールドであれば編集が可能になります。フォームでもテーブルでも「ゴミ箱」アイコンをクリックすると、レコードの削除をすることができます。このような編集機能がウィジェットのデフォルト機能として用意されていますので、大変便利ですよね。Tableと連動したフォームとテーブルの設置方法についてお伝えしました。ウィジェットを使えば簡単にデータベースの中のデータを閲覧、編集できますし、そのための機能がデフォルトでばっちり用意されています。Makerにお任せできちゃうので、すごく楽ちんできますね。次回は、今回作成したアプリを例にウィジェットの強力な機能について紹介します。Makerのチュートリアルをお送りしています。Makerのウィジェットにデフォルトで仕込まれているバインディング、またはアクションという機能についてお知らせします。tonari-it.com2018.01.18どうぞお楽しみに!連載目次:はじめてのモデル~AppMaker初心者向けチュートリアル~初心者向けチュートリアルの第2弾。Makerで「モデル」を作成してデータベースと連携したフォームやテーブルの設置の仕方について体験をします。プランノーツ代表、コミュニティ「ノンプロ研」主宰。ITで日本の『働く』の価値を上げる!」をテーマに、VBA&GASの開発、講師、執筆などをしております。→詳しいプロフィールはコチラ★ご依頼・ご相談はお気軽にどうぞ!→お問い合わせはコチラ★フォロー頂ければ嬉しいです。「コミュニティ+講座」形式で継続性&教え合える環境も提供。!ノンプログラマーがプログラミングスキルを身に着ける支援ををするコミュニティ。セミナー・もくもく会・Facebookグループのサポートで「自らで学び続ける力をつける」支援、「教え合うことで学びの価値を上げる」場の提供をしています。Makerでスプレッドシートをデータベースにしたアプリの作り方をお伝えしています。Makerでフォーム上のLabelウィジェットを入力可能なウィジェットに差し替える方法です。Makerでスプレッドシートをデータベースにしたアプリの作り方をお伝えしています。Makerのボタンクリックでクライアントからサーバーを呼び出してスプレッドシートにアクセスする方法です。Makerでアプリを作るチュートリアルをお送りしています。今回は、作成したアプリを開いて、ラベルウィジェットの設置、テキストがnullだった場合の分岐処理の追加などの修正をしていきます。Makerアプリの作り方についてシリーズでお伝えしています。SQLのモデルを作成する方法を進めていきます。Makerアプリ開発、その概要と経緯と道筋についてです。Makerでスプレッドシートをベースにモデルを作成する方法をお伝えします。「コミュニティ+講座」形式で継続性&教え合える環境も提供。詳細・お申込はこちら隣ITを応援する当ブログを「応援したい!」「役に立ったよ!」というお気持ちを、コチラからお支払いただくことができます。日々更新の活力倍増いたします。※PayPalアカウントが必要です。※金額は変更可能です。Platform23HTML・CSS32iPhone・アプリ29Monaca・スマホアプリ開発7PC全般・Windows86PowerPoint・VBA28Python87RPA1VBScript15Vue.js・JavaScript13WEBサービス・クラウド68WordPress・ブログ88Word・VBA42コミュニティ・イベント109セミナーのお知らせ11チャットワーク72データ分析・アクセス解析40仕事・生産性・働き方73動画配信8商業出版21起業・フリーランス72電子書籍・Kindle3運営会社プランノーツは"IT×働き方改革"をお手伝いする会社です。「コミュニティ+講座」形式で継続性&教え合える環境も提供。詳細・お申込はこちら隣ITを応援する当ブログを「応援したい!」「役に立ったよ!」というお気持ちを、コチラからお支払いただくことができます。日々更新の活力倍増いたします。※PayPalアカウントが必要です。※金額は変更可能です。Platform23HTML・CSS32iPhone・アプリ29Monaca・スマホアプリ開発7PC全般・Windows86PowerPoint・VBA28Python87RPA1VBScript15Vue.js・JavaScript13WEBサービス・クラウド68WordPress・ブログ88Word・VBA42コミュニティ・イベント109セミナーのお知らせ11チャットワーク72データ分析・アクセス解析40仕事・生産性・働き方73動画配信8商業出版21起業・フリーランス72電子書籍・Kindle3運営会社プランノーツは"IT×働き方改革"をお手伝いする会社です。Scriptが「V8ランタイム」をサポート!モダンなECMAScript構文が使えるようになった2020.02.072020.02.08GASでコピーしたGoogleスライドのプレゼンテーションを取得する方法2020.02.052020.02.05Facebookページいつも隣にitのお仕事タイトルとURLをコピーしました。