(license)みなさん、こんにちは!タカハシ(@ntakahashi0505)です。Makerアプリの作り方についてシリーズでお伝えしています。前回の記事はこちらです。Makerアプリの作り方についてシリーズでお伝えしています。Makerでテーブルをページに配置する方法をお伝えします。Makerでアプリの作成を進めていまして、データ一覧を表示するテーブルを配置したページを作成しました。今回は、データ追加用のフォームを配置したページを作っていきますよ。SQLデータベースにデータ追加するフォーム作成する方法です。Makerについておさらいをしておきましょう。SQLモデルとして作成しました。そのモデルのデータを表示するテーブルを作成して、以下のように「TablePage」というページに配置しました。「EmployeeData」にはデータが何も入っていないので、データを追加するためのフォームを作ろう!というのが今回の目標となります。データ追加用ページを作成するでは、まずデータ追加用のページを作成していきます。ナビゲーションメニューの「PAGES」の「+」アイコンから、新しいページを作成できますので、クリックします。Popup」というダイアログが表示されます。Makerのページには種類がありますが、今回は通常のページを作成しますので「Page」を選択して「NEXT」です。page」の画面では、ページ名と関連づけるデータソースを設定します。datasourceを「EmployeeData」に変更して「CREATE」です。これで、新たなページ「EditPage」が作られます。ページにフォームを配置するでは、作成したページにフォームを配置していきます。「Widgets」アイコンをクリックして、ウィジェットパレットを開きます。「Form」がフォームを表すウィジェットになりますので、ドラッグしてページに配置します。EmployeeData」のままで「NEXT」とします。ちなみに「inherited」は「継承された」という意味ですね。ページからその配置された子要素であるフォームに継承されているというニュアンスでしょうか。行える編集用の「Edit」かを選択します。ここは、「Edit」を選択して「NEXT」としておきましょう。fields」では表示するフィールド、編集可能なフィールドを選択します。ここは、デフォルトのまま、つまりすべてのフィールドを表示し、「Id」以外を編集可能として「FINISH」です。これで以下のようにページ「EditPage」にフォームを追加することができました。プレビューして動作を確認するでは、プレビューをして配置したフォームの動作確認をしていきましょう。「PREVIEW」ボタンをクリックしてプレビューを開きます。プレビュー画面では左上のプルダウンでページを切り替えることができますので、ページを「EditPage」に切り替えて「CREATE」ボタンを押します。すると、新しいデータを入力できるようになりますので、各フィールドを入力していきます。「保存」などしなくてもフィールドからフォーカスを外せば入力内容が自動で保存されていきます。ページを「TablePage」に切り替えると、入力したデータが反映されていることを確認できます。「EditPage」で各データの編集や削除なども行うことができますので、確認してみてくださいね。SQLデータベースにデータ追加するフォーム作成する方法をお伝えしました。テーブルとフォームを配置するだけで、それっぽいアプリが完成しますね。Makerすごいっす。Makerがデフォルトでやってくれている便利機能について考察していきます。Makerアプリの作り方についてシリーズでお伝えしています。Makerがなぜ簡単にアプリを開発できるのか、その秘密を紐解いていきます。SQLが第一の選択肢になりました。Makerアプリの作り方を易しく丁寧にお伝えしていきます。プランノーツ代表、コミュニティ「ノンプロ研」主宰。ITで日本の『働く』の価値を上げる!」をテーマに、VBA&GASの開発、講師、執筆などをしております。→詳しいプロフィールはコチラ★ご依頼・ご相談はお気軽にどうぞ!→お問い合わせはコチラ★フォロー頂ければ嬉しいです。「コミュニティ+講座」形式で継続性&教え合える環境も提供。!ノンプログラマーがプログラミングスキルを身に着ける支援ををするコミュニティ。セミナー・もくもく会・Facebookグループのサポートで「自らで学び続ける力をつける」支援、「教え合うことで学びの価値を上げる」場の提供をしています。SQLのデータベースにアクセスする方法をシリーズでお伝えしています。SQLデータベースのテーブルにSQLでレコードを追加する方法です。Makerのチュートリアルをお送りしています。Makerのウィジェットにデフォルトで仕込まれているバインディング、またはアクションという機能についてお知らせします。Makerアプリの作り方についてシリーズでお伝えしています。Makerアプリを公開していきます。Makerアプリの作り方についてお伝えしています。Fragmentを作成するはじめの一歩です。Makerのチュートリアルを送りしています。Makerのクライアントスクリプトとは何か、またスクリプトエディタでクライアントスクリプトを入力する方法についてお伝えします。SQLのデータベースにアクセスする方法をシリーズでお伝えしています。SQLデータベースにクエリを実行する方法です。「コミュニティ+講座」形式で継続性&教え合える環境も提供。詳細・お申込はこちら隣ITを応援する当ブログを「応援したい!」「役に立ったよ!」というお気持ちを、コチラからお支払いただくことができます。日々更新の活力倍増いたします。※PayPalアカウントが必要です。※金額は変更可能です。Platform23HTML・CSS32iPhone・アプリ29Monaca・スマホアプリ開発7PC全般・Windows86PowerPoint・VBA28Python87RPA1VBScript15Vue.js・JavaScript13WEBサービス・クラウド68WordPress・ブログ88Word・VBA42コミュニティ・イベント107セミナーのお知らせ11チャットワーク72データ分析・アクセス解析40仕事・生産性・働き方73動画配信8商業出版21起業・フリーランス72電子書籍・Kindle3運営会社プランノーツは"IT×働き方改革"をお手伝いする会社です。「コミュニティ+講座」形式で継続性&教え合える環境も提供。詳細・お申込はこちら隣ITを応援する当ブログを「応援したい!」「役に立ったよ!」というお気持ちを、コチラからお支払いただくことができます。日々更新の活力倍増いたします。※PayPalアカウントが必要です。※金額は変更可能です。Platform23HTML・CSS32iPhone・アプリ29Monaca・スマホアプリ開発7PC全般・Windows86PowerPoint・VBA28Python87RPA1VBScript15Vue.js・JavaScript13WEBサービス・クラウド68WordPress・ブログ88Word・VBA42コミュニティ・イベント107セミナーのお知らせ11チャットワーク72データ分析・アクセス解析40仕事・生産性・働き方73動画配信8商業出版21起業・フリーランス72電子書籍・Kindle3運営会社プランノーツは"IT×働き方改革"をお手伝いする会社です。ご依頼・お見積などお気軽にどうぞ!お問い合わせフォーム新着記事GASでGoogleスライドのSlideオブジェクトの概要とその取得方法2020.01.162020.01.16【エクセルVBA】ユーザーフォームにコンボボックスを追加する方法2020.01.162020.01.16GASでGoogleスライドを操作するSlidesサービスの基礎の基礎2020.01.152020.01.16GASでGoogleスライドのプレゼンテーションを操作するはじめの一歩2020.01.142020.01.15GASのconsoleクラスのメソッドで実行時間をログ出力する方法2020.01.122020.01.12Facebookページいつも隣にitのお仕事タイトルとURLをコピーしました。