Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
220906_誰でもすぐに使えるノーコードツール「Google AppSheet」タスク管理ア...
Search
comucal
PRO
September 06, 2022
Technology
1
2.9k
220906_誰でもすぐに使えるノーコードツール「Google AppSheet」タスク管理アプリをライブ作成!rev2_吉積情報_伊藤
220906_誰でもすぐに使えるノーコードツール「Google AppSheet」タスク管理アプリをライブ作成!rev2_吉積情報_伊藤
comucal
PRO
September 06, 2022
Tweet
Share
More Decks by comucal
See All by comucal
生成AI情報2025.3.21
comucal
PRO
0
43
テック系コミュニティの参加者を徹底分析_株式会社コミュカル Mitz
comucal
PRO
0
79
AppSheet タスク管理アプリ 中級編
comucal
PRO
0
390
参加人数が多ければ正解?
comucal
PRO
0
200
交流会のコツ 自己紹介編~コミュ学~
comucal
PRO
0
80
コミュニティ運営勉強会OP
comucal
PRO
0
64
株式会社セゾンテクノロジー_生成AIへの取り組み
comucal
PRO
0
700
スタートアップ必見!Google Workspaceで加速するチームワーク_株式会社G-gen
comucal
PRO
0
350
大事なのはコミュニティの価値!_株式会社コミュカル Mitz
comucal
PRO
0
140
Other Decks in Technology
See All in Technology
“社内”だけで完結していた私が、AWS Community Builder になるまで
nagisa53
1
390
監視のこれまでとこれから/sakura monitoring seminar 2025
fujiwara3
11
3.9k
エンジニア向け技術スタック情報
kauche
1
250
TechLION vol.41~MySQLユーザ会のほうから来ました / techlion41_mysql
sakaik
0
180
HiMoR: Monocular Deformable Gaussian Reconstruction with Hierarchical Motion Representation
spatial_ai_network
0
110
Абьюзим random_bytes(). Фёдор Кулаков, разработчик Lamoda Tech
lamodatech
0
340
PHP開発者のためのSOLID原則再入門 #phpcon / PHP Conference Japan 2025
shogogg
4
730
AWS テクニカルサポートとエンドカスタマーの中間地点から見えるより良いサポートの活用方法
kazzpapa3
2
540
OpenHands🤲にContributeしてみた
kotauchisunsun
1
430
Windows 11 で AWS Documentation MCP Server 接続実践/practical-aws-documentation-mcp-server-connection-on-windows-11
emiki
0
960
Understanding_Thread_Tuning_for_Inference_Servers_of_Deep_Models.pdf
lycorptech_jp
PRO
0
120
Model Mondays S2E02: Model Context Protocol
nitya
0
220
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
524
40k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.6k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
700
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Rebuilding a faster, lazier Slack
samanthasiow
82
9.1k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Transcript
Copyright(c) YOSHIDUMI Information, Inc. All Rights Reserved. 誰でもすぐに使える ノーコードツール 「Google
AppSheet」 タスク管理アプリをライブ作成!
2 Copyright(c) YOSHIDUMI Information, Inc. All Rights Reserved. スピーカー詳細 伊藤
勇斗 Ito Hayato 吉積情報株式会社 出身:多分千葉県 趣味:ゲーム全般 経歴:吉積情報株式会社にて、 Google Workspace関連の開発 業務に従事。Google Cloud Platformを活用したシステム開 発の他、Google Apps Scriptや AppSheet等を用いたアプリケー ション開発が得意。
[email protected]
https://www.yoshidumi.co.jp/ お問い合わせはこちらから AppSheetのライセンス販売や導入支援を行っています。 @ExistMikan
3 Googleが買収したノーコードアプリ作成ツール 最速アプリ開発とタスク自動化を 可能とする強力なノーコードツール 自身で業務をスマート化 アプリ開発 タスク自動化 高度なインテグレーション 数多くのアプリケーション実績
4 アプリ作成の流れ 1. データを接続します 2. アプリを編集します 3. アプリを展開します Copyright(c) YOSHIDUMI
Information, Inc. All Rights Reserved.
5 アカウント作成は超簡単 (無料です) Copyright(c) YOSHIDUMI Information, Inc. All Rights Reserved.
まずは https://www.appsheet.com/にアクセス。 右上のStart for freeをクリックします。 Google Driveのアイコンを クリックします。 appsheetで検索すると出てくる ↑からでもOKです
6 アカウント作成は超簡単 (無料です) Copyright(c) YOSHIDUMI Information, Inc. All Rights Reserved.
Google ログインを促されるので、 お持ちのGoogleアカウント(gmail.com) でログインしてください。 AppSheetからのアクセスを許可すると 準備完了です! 今日のデモを再現するために必要な準備もこ れだけです!
7 タスク管理アプリ デモ • 完成形の説明 • ゼロから作成 • 作成手順はスライドにもメモしてます 完了以外のタスクだけ出る画面
すべてのタスクが出る画面 ボタン一つでステータス切り替え
8 タスク管理アプリ 作成メモ • スプレッドシートを作成 ◦ 列名 : タスク名 /
詳細 / ステータス シート名 : タスク ◦ サンプル値 : リビングお掃除 / 掃除機を使って掃除する / 新規 • シートのメニューからアプリ化 • Data > Columns > ステータスを Enumに。Base typeはTextに。Input modeはButtonsに。選択肢は 新規, 処理中, 完了, 中止。initial valueを新規に • View > タスク > Summary column を ステータスに。 • Data > Slice > 完了以外 で作成し、conditionを [ステータス] <> “完了” に。 • UX > View > New View で残タスクを作成し、 For this data に 完了以外 (slice) を指定。deckビューとして positionをcenterに。Summary column をステータスに。 • UX > View > タスク の position を menu に。 • Behavior > Actions > New Action で 完了 で作成し、 Do this を Data: set the values of … にして ステータス = “完了” を設定する ◦ Appearance の Action icon を check-circle にする • UX > Brand で Primary color をオレンジに、 Header & Footer の Style を全面塗りに、 show view name..とshow logo..をONに。 • UX > Localize で Save を 保存に、 Cancel を キャンセルに • UX > Format Rules > New Format Rule で タスク名太字 を作成、 Format these … でタスク名のみにチェック、 Text Format で Text size : 1.5, Bold をチェック • UX > Format Rules > New Format Rule で ボタンの色かえるを作成、 Format these … で完了(action)のみにチェック、 Highlight colorで blueにチェック
Copyright(c) YOSHIDUMI Information, Inc. All Rights Reserved. 誰でもすぐに使える ノーコードツール 「Google
AppSheet」 タスク管理アプリをライブ作成! Rev.2
10 タスク管理アプリ アドバンスデモ • 完成形の説明 • さっきの続きから作成 • 作成手順はスライドにもメモしてます フラグ付きのものだけ表示
期限日順に並べる 期限日をカレンダーで簡単表示 日時系データの自動登録
11 タスク管理アプリ アドバンス作成メモ • スプレッドシートに列追加 • 列名 : タスクID /
作成日時 / 更新日時 / 期限日 / 緊急 ◦ タスクIDはランダムな KEY列をつけるため。タスク名が変更できない点に対応。 ◦ 作成日時/更新日時は記録のため。自動的に記録される。 ◦ 期限日は並べ替えとカレンダービュー構築のため。 ◦ 緊急はYes/No形式と専用ビュー構築のため。 • Data > Columns > タスク > Regenerate Structure (列の変更を反映 ) ◦ タスクIDを Text, Show無し, search無し, initial value を uniqueId(), KEY列, require?をon ◦ 作成日時を DateTime, initial value をnow(), editable無し ◦ 編集日時を ChangeTimestamp ◦ 期限日をDate, initial valueをtoday()+7 ◦ 緊急度をYes/No 期限周り • UX > Views > 残タスク > card, large, Title goes hereを期限日に , Subtitleをステータスに , Headerはタスク名, long pieceは詳細、右端のアイコンは完了 ◦ Sort by を 期限日 Ascending にする。subheader, action1,action2,ハートマークは Noneにする。 • UX > Views > NewViewで期限カレンダーを作成、 For this dataはタスク、view typeはcalendar、positionはright most、start date と end date を期限日に。 Iconをcalendarに。 • UX > Format Rules > New Format Ruleで期限切れを作成、 conditionは AND([期限日]<TODAY(),[ステータス]<>”完了”), Formatは全部, Text colorを赤に, Text Sizeは1.5でboldチェック 緊急周り • Data > Slices > New Sliceで 緊急を作成、 conditionはAND([緊急],[ステータス]<>"完了") • UX > Views > NewViewで緊急を作成、緊急 (slice)指定で、deckビュー。positionはleft most。Iconはexclamation-circle。