個人用URL管理アプリ

基本動作

メイン画面はシンプルにリンクを並べて表示

それぞれを右クリックすることで、ダイアログから関連付けられたURLを編集できるようにする

（クリック時に該当要素に対して処理を実行し、情報を取得）

HTMLのdialog要素を使用し、シンプルなオリジナルのダイアログを作成してみた

・「名前」欄 メイン画面にサイトの画像と共に表示されているタイトルが表示される

・「サイト」欄 それぞれの項目に対応するURLが表示される

テキストボックスの内容を変更した場合、「決定」ボタンでダイアログを閉じて記録された内容を更新する（Googleドライブの保存先にも反映される）

データが読み込まれた（アプリ起動時に実行）際、HTML側でデータに応じた数の要素を動的に作成する

※forルーブで処理を実装した後、一時変数の扱いで少々困った。letで変数を再定義することで、ループごとに固有の値で参照することに成功。

項目の追加・削除が行えるように改良していく

・メイン画面の一番下の入力欄から、任意のURLを追加

・メニューの「削除」から、登録済みの値と画面上の要素が削除される

小さめのダイアログを追加することで、選択中の要素の「編集」「削除」をボタン操作で明確に分けた

※キーと値のデータを関連付けて登録していく（辞書のような形式）方法では、キーの順番が変わってしまう可能性がある。

そこでそれぞれを通常の配列に含めることで、順番を維持しながら扱う方式に変更

（値の取得、追加、削除用の関数を作成した）

あとから改善してみた点

・スマホ利用時に操作しやすいように、メニュー表示をダブルクリックでも可能に

・通常のクリックでリンクを開くが、ダブルクリックと混同しないように処理の条件を追加（該当要素のメニュー表示時のみ）

・ページから取得した画像を自動でサイズ変更（img要素のstyleを書き換える）

tag:GAS,webサイト