Makerの操作感やページ作成の流れをつかみます。~」とアラートを表示するという最初の簡単なアプリの作り方を紹介しました。今回は前回作成したアプリをカスタマイズしていきますよ。Makerの簡単な修正の仕方をお伝えしていきます。Makerのアプリを開いてみましょう。Makerアプリはドライブに保存されていますので、それをダブルクリックすると開くことができます。Appsの中から開きたいアプリを選択すればOKです。Makerを確認するでは、前回作成したアプリの内容を確認しておきましょう。以下のような構成になっています。クリックするとアラートを表示するButton1のonClickイベントには以下のスクリプトが仕込まれていいます。"!");押すと以下のようなアラートが表示されます。Makerアプリをカスタマイズする今回は、このアプリをカスタマイズしていきますね。カスタマイズ内容は以下の2点です。出力をアラートではなくて、Labelウィジェットにする出力先のラベルの内容をクリアするボタンDELETEを設置するラベルを配置するボタンを押したときの出力をラベルに変更をしていきますので、その出力先であるラベルを設置します。ページ「HelloPage」にてウィジェットアイコンをクリックして、Labelウィジェットをドラッグ。Editorで「name」を「Output」に変更します。これで、ラベルの設置はOKですボタンのクリック時に実行するスクリプトを変更する続いてButton1をクリックした際のアクションを変更する必要がありますので、onClickイベントのスクリプトを変更します。EditorでonClickの入力内容をクリック。あるコードを以下に差し替えてDONEとします。」に続けて、ウィジェットYourNameの値、そして「!」を連結して表示してね、という意味ですね。~!」と表示されるはずです。null!」という謎のテキストが表示されてしまいます。nullというのは値がないことを表す特殊な値なのですが、これではちょっとカッコ悪いので、Button1のonClickイベントに仕込むスクリプトを以下のように変更しましょう。'Hello!';}YourNameの値が空欄でなければそれを使うし、そうでなければ単に「Hello!」としてね、というような内容です。これで、空欄の場合に「Hello!」と表示されるようになります。ラベルの内容をクリアするでは、続いてラベルの内容をクリアするボタンを配置します。ページHelloPageで、WidgetsからButtonをドラッグ、そのテキストを「DELETE」に変更します。action」を選択、開いたダイアログに以下のスクリプトを入力してDONEします。"";これでDELETEをクリックすることで、ラベルOutputをクリアできるようになります。Makerで作成したアプリを開いてカスタマイズする方法をお伝えしました。スクリプトの内容については、ざっとしか触れていませんが、それ以外の部分ページへのウィジェットの配置(テキストボックス、ラベル、ボタン)ウィジェットのプロパティの変更ボタンウィジェットへのonClickイベントへのスクリプトの登録などは、だいたいイメージがついたのではないかと思います。次回ですが、解説を飛ばしてきてしまったスクリプトについて詳しくお伝えします。Makerチュートリアル。今回は、使用する二種類のスクリプトであるクライアントスクリプトとサーバースクリプトについて、またウィジェットの値をアラート表示するスクリプトについて解説をします。ドラッグ&ドロップやクリック操作でページやデータベースを作成できます。Maker初心者向けのチュートリアルです。プランノーツ代表、コミュニティ「ノンプロ研」主宰。ITで日本の『働く』の価値を上げる!」をテーマに、VBA&GASの開発、講師、執筆などをしております。→詳しいプロフィールはコチラ★ご依頼・ご相談はお気軽にどうぞ!→お問い合わせはコチラ★フォロー頂ければ嬉しいです。「コミュニティ+講座」形式で継続性&教え合える環境も提供。!ノンプログラマーがプログラミングスキルを身に着ける支援ををするコミュニティ。セミナー・もくもく会・Facebookグループのサポートで「自らで学び続ける力をつける」支援、「教え合うことで学びの価値を上げる」場の提供をしています。Makerでスプレッドシートをデータベースにしたアプリの作り方をお伝えしています。Makerでボタンクリックで動作するクライアントスクリプトからサーバースクリプトを呼び出す方法です。Makerアプリの作り方についてシリーズでお伝えしています。Makerでアプリを再公開して修正内容を反映する手順をお送りします。Makerでスプレッドシートをデータベースにしたアプリの作り方をお伝えしています。Makerのボタンクリックでクライアントからサーバーを呼び出してスプレッドシートにアクセスする方法です。Makerでスプレッドシートをデータベースにしたアプリの作り方をお伝えしています。Makerでポップアップダイアログのボタンで動作するレコード削除のスクリプトを紹介していきます。Makerアプリ開発、その概要と経緯と道筋についてです。Makerでスプレッドシートをデータベースにしたアプリの作り方をお伝えしています。Makerでデータベースにレコードを追加するスクリプトを作成する方法をお伝えしていきます。「コミュニティ+講座」形式で継続性&教え合える環境も提供。詳細・お申込はこちら隣ITを応援する当ブログを「応援したい!」「役に立ったよ!」というお気持ちを、コチラからお支払いただくことができます。日々更新の活力倍増いたします。※PayPalアカウントが必要です。※金額は変更可能です。Platform23HTML・CSS32iPhone・アプリ29Monaca・スマホアプリ開発7PC全般・Windows86PowerPoint・VBA28Python87RPA1VBScript15Vue.js・JavaScript13WEBサービス・クラウド68WordPress・ブログ88Word・VBA42コミュニティ・イベント108セミナーのお知らせ11チャットワーク72データ分析・アクセス解析40仕事・生産性・働き方73動画配信8商業出版21起業・フリーランス72電子書籍・Kindle3運営会社プランノーツは"IT×働き方改革"をお手伝いする会社です。「コミュニティ+講座」形式で継続性&教え合える環境も提供。詳細・お申込はこちら隣ITを応援する当ブログを「応援したい!」「役に立ったよ!」というお気持ちを、コチラからお支払いただくことができます。日々更新の活力倍増いたします。※PayPalアカウントが必要です。※金額は変更可能です。Platform23HTML・CSS32iPhone・アプリ29Monaca・スマホアプリ開発7PC全般・Windows86PowerPoint・VBA28Python87RPA1VBScript15Vue.js・JavaScript13WEBサービス・クラウド68WordPress・ブログ88Word・VBA42コミュニティ・イベント108セミナーのお知らせ11チャットワーク72データ分析・アクセス解析40仕事・生産性・働き方73動画配信8商業出版21起業・フリーランス72電子書籍・Kindle3運営会社プランノーツは"IT×働き方改革"をお手伝いする会社です。RowSourceプロパティとAddItemメソッド2020.01.21GASでGoogleスライドのSlideオブジェクトの概要とその取得方法2020.01.162020.01.24Facebookページいつも隣にitのお仕事タイトルとURLをコピーしました。