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
45
テック系コミュニティの参加者を徹底分析_株式会社コミュカル Mitz
comucal
PRO
0
84
AppSheet タスク管理アプリ 中級編
comucal
PRO
0
400
参加人数が多ければ正解?
comucal
PRO
0
200
交流会のコツ 自己紹介編~コミュ学~
comucal
PRO
0
82
コミュニティ運営勉強会OP
comucal
PRO
0
67
株式会社セゾンテクノロジー_生成AIへの取り組み
comucal
PRO
0
720
スタートアップ必見!Google Workspaceで加速するチームワーク_株式会社G-gen
comucal
PRO
0
360
大事なのはコミュニティの価値!_株式会社コミュカル Mitz
comucal
PRO
0
140
Other Decks in Technology
See All in Technology
ネットワーク保護はどう変わるのか?re:Inforce 2025最新アップデート解説
tokushun
0
210
american airlines®️ USA Contact Numbers: Complete 2025 Support Guide
supportflight
1
110
United airlines®️ USA Contact Numbers: Complete 2025 Support Guide
unitedflyhelp
0
330
自律的なスケーリング手法FASTにおけるVPoEとしてのアカウンタビリティ / dev-productivity-con-2025
yoshikiiida
2
17k
Operating Operator
shhnjk
1
600
Lazy application authentication with Tailscale
bluehatbrit
0
220
freeeのアクセシビリティの現在地 / freee's Current Position on Accessibility
ymrl
2
230
Geminiとv0による高速プロトタイピング
shinya337
1
280
CRE Camp #1 エンジニアリングを民主化するCREチームでありたい話
mntsq
1
140
Delegating the chores of authenticating users to Keycloak
ahus1
0
160
成長し続けるアプリのためのテストと設計の関係、そして意思決定の記録。
sansantech
PRO
0
130
VS CodeとGitHub Copilotで爆速開発!アップデートの波に乗るおさらい会 / Rapid Development with VS Code and GitHub Copilot: Catch the Latest Wave
yamachu
2
150
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Site-Speed That Sticks
csswizardry
10
690
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
YesSQL, Process and Tooling at Scale
rocio
173
14k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
The Invisible Side of Design
smashingmag
301
51k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
690
How STYLIGHT went responsive
nonsquared
100
5.6k
Code Review Best Practice
trishagee
69
19k
Code Reviewing Like a Champion
maltzj
524
40k
Into the Great Unknown - MozCon
thekraken
40
1.9k
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。