30分でできる名刺管理ツールbyGAS（後編）

19 Jul,2025 (Sat) 18:42

スプレッドシートを開いてAppSheetでアプリを作成する

自動でアプリが生成されるのでカスタマイズする

Customize with AppSheetをクリック

Dataのタブで各カラムのデータタイプを設定する

※注意：画像ではファイル名がDrawingになっているがTextにすること

右側のプレビューパネルを非表示にして

右の方にスクロールして各種設定を調整する

Viewsのタブで各種設定をする

プレビューパネルを再表示する

プレビューパネルでカテゴリー（名刺をアップロードしたフォルダ名）をクリックして一覧ビューの表示を確認する。
※ここでは「営業先」
※この時点では画像が表示されていない

プレビューパネルで名刺をクリックして詳細ビューを確認する。
※この時点では画像が表示されていない

右上のSAVEボタンをクリックする

名刺の画像が表示される

表示の調整をする

左上の歯車アイコンをクリックする

左側のメニューからTheme＆Brandをクリックする。
中央の設定画面のTemeの項目でdarkを選択する

左側のViewsのアイコンをクリックしてViewsの設定画面に戻る

左側の一覧の下方にある「名刺データ_Detail」をクリックする

Column orderの項目でManualタブをクリックして詳細画面の項目の並び順を変更する

Image styleの項目で画像の表示方法をFitにする

右上のSAVEボタンをクリックして変更した設定を反映させる

完成！

一覧画面

詳細画面

おまけ

カテゴリー（名刺画像をアップロードしたダブフォルダ）ごとに分類されるView画面とは別に、カテゴリーに関係なく「名刺交換日」降順に表示される（新しいものが上になる）別のViewも作ってみた

🗂　 ライフハック

🏷 名刺管理