脱!教養ゼロママ

もう恥ずかしくない!教養のあるママを目指してます!

MENU

カレンダーから予定を変更してみる|初心者のアプリ開発|Adalo

f:id:yuka-edu:20210727172247p:plain

 

以前、カレンダーの表示方法をご紹介したところ、

「一度入力したスケジュールの変更する方法」のお問い合わせを受けました。

確かに!スケジュールは変更したくなりますよね。

 

yuka-edu.hatenablog.com

 

この記事を読むとわかること・・・

・カレンダーを表示している画面から予定を変更する方法

 

Step1

まずは、予定変更用のフォーム画面を用意していきます。

  1. 画面左上の「+」を選択
  2. Add SCREEN を選択
  3. Form を選択

f:id:yuka-edu:20210727173334p:plain

Step2

  1. 画面名を入力
  2. CREATE SCREEN を選択

f:id:yuka-edu:20210727173346p:plain

Step3

  1. スケジュールを管理しているデータコレクションを選択
  2. とりあえずCreate New コレクション名 を選択

f:id:yuka-edu:20210727173357p:plain

Step4

  1. 更新に使用したい項目を選択

f:id:yuka-edu:20210727173406p:plain

Step5

カレンダー側から編集画面へのリンクを設定します。

  1. カレンダーの画面に移動
  2. カレンダーを選択
  3. Agenda View を選択

f:id:yuka-edu:20210727173416p:plain

Step6

  1. + ADD ACTION を選択
  2. Link を選択
  3. Step1で作成した画面名を選択

f:id:yuka-edu:20210727173428p:plain

Step7

  1. Done を選択

f:id:yuka-edu:20210727173447p:plain

Step8

登録用の編集画面を「更新用」に変更します。

  1. Step1 で作成した画面に戻る
  2. フォーム部分をダブルクリック(画面右側のオレンジの枠)
  3. Create New コレクション名 を選択

f:id:yuka-edu:20210727173458p:plain

Step9

  1. Update Current コレクション名を選択

f:id:yuka-edu:20210727173319p:plain

設定はこれで完了です!!

では、動かしてみます・・・

 

動かしてみる

まずは、カレンダーを表示

10:00〜の予定を9:00〜に変更してみます!

「黒田 幸子」さんを選択・・・

f:id:yuka-edu:20210727174416p:plain

 

新しく用意した編集画面が出てきました。

開始時間を変更してみます。

f:id:yuka-edu:20210727174433p:plain

 

開始時間を10時から、9時に変更します。

f:id:yuka-edu:20210727174446p:plain

 

では、ピンクの保存ボタンを押します。

f:id:yuka-edu:20210727174505p:plain

 

カレンダー表示に戻りました。

7/10 をクリックして詳細を見てみましょう!ドキドキ・・・

f:id:yuka-edu:20210727174521p:plain

 

黒田幸子さんの予定が9:00~に変更されました〜!

f:id:yuka-edu:20210727174533p:plain

 

 

まとめ

 

カレンダーから予定を変更する方法を紹介しました。

確かに、登録して変更できないのは不便でしたね。

少しでも参考になれば嬉しいです。

 

 

▽ NoCodeアプリ Adalo

www.adalo.com