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
【発表資料】どこやったっけなぁ?
Search
Yuma Ochi (chizuchizu)
February 14, 2022
Technology
1
270
【発表資料】どこやったっけなぁ?
Yuma Ochi (chizuchizu)
February 14, 2022
Tweet
Share
More Decks by Yuma Ochi (chizuchizu)
See All by Yuma Ochi (chizuchizu)
IOAI Solution (NLP, CV) | Team Japan
chizuchizu
0
120
BFが動くCPUを作りたい! @第3回CPUを語る会
chizuchizu
1
360
aranami_idea.pdf
chizuchizu
0
73
DiffType KIH2023
chizuchizu
0
260
週刊タイピングは役に立たない
chizuchizu
0
320
アニーリングマシンを使った論理式学習モデルの開発(2021未踏ターゲット事業成果報告会)
chizuchizu
0
1.9k
浅(くて広い)層学習 (Amplifyハッカソン)
chizuchizu
1
690
全国医療AIコンテスト 2021 1st place solution
chizuchizu
0
4.6k
configのすゝめ
chizuchizu
1
260
Other Decks in Technology
See All in Technology
Figma + Storybook + PlaywrightのMCPを使ったフロントエンド開発
yug1224
9
2.8k
攻撃と防御で実践するプロダクトセキュリティ演習~導入パート~
recruitengineers
PRO
2
240
VPC Latticeのサービスエンドポイント機能を使用した複数VPCアクセス
duelist2020jp
0
250
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
8.6k
TypeScript入門
recruitengineers
PRO
20
6.9k
ドキュメントはAIの味方!スタートアップのアジャイルを加速するADR
kawauso
3
390
Preferred Networks (PFN) とLLM Post-Training チームの紹介 / 第4回 関東Kaggler会 スポンサーセッション
pfn
PRO
1
230
ECS モニタリング手法大整理
yendoooo
1
120
Browser
recruitengineers
PRO
4
380
つくって納得、つかって実感! 大規模言語モデルことはじめ
recruitengineers
PRO
24
6.3k
サービスロボット最前線:ugoが挑むPhysical AI活用
kmatsuiugo
0
190
モダンな現場と従来型の組織——そこに生じる "不整合" を解消してこそチームがパフォーマンスを発揮できる / Team-oriented Organization Design 20250825
mtx2s
6
560
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
183
54k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.6k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
The Cult of Friendly URLs
andyhume
79
6.5k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Scaling GitHub
holman
462
140k
How STYLIGHT went responsive
nonsquared
100
5.7k
Art, The Web, and Tiny UX
lynnandtonic
302
21k
Why Our Code Smells
bkeepers
PRO
338
57k
GitHub's CSS Performance
jonrohan
1031
460k
Fireside Chat
paigeccino
39
3.6k
Transcript
どこやったっけなぁ︖ 越智 優真
Abstract • モノを管理できるWebアプリを開発 • 場所にモノを紐付けられる • データをクラウドに保存しているため、 どこからでもアクセス可能 • ユーザーの認証機能あり
https://school-todo.vercel.app Email:
[email protected]
Pass: asdfasdf デモ用アカウント
背景 モノをなくします 思い当たる節が無いので 探し回る 時間と体⼒を失う
背景 バッグはクローゼットの中 ヨシッ 覚えてればいいんだけどな……
背景 • 忘れるので、メモする必要有 • 場所とセットでメモ • どこでも⾒られるようにしたい Webアプリを作っちゃえ!!
HTTPS push アーキテクチャ図
⼯夫点︓ jsonの⼊れ⼦構造 このようなファイル形式をjsonと呼ぶ jsonファイルにjsonファイルを⼊れるイメージで ⼊れ⼦構造にする
⼯夫点︓ 多くのタップ操作を採⽤ ⼊⼒は⾯倒 タップは楽
⼯夫点︓ ユーザー認証の安全性 GoogleのFirebase Authenticationを使⽤ • パスワードは管理者からも⾒えない • クラウドにのみ保存 • 管理ページからユーザーのリセット、削除が簡単
⾒えた課題 • モノから場所を探せない ◦ 検索機能の実現 ◦ 従来のjsonベースの管理では不可能 • UIの組み⽅がわからない ◦
CSSを勉強する ◦ スマホとパソコンどちらでも 美しく表⽰されるように
これより後ろのページにて、 使い⽅の説明をしています
Sign In EmailとPasswordを入力 Email:
[email protected]
Pass: kisarazu デモ用アカウント
アイテムの削除
アイテムの追加
フォルダの選択 「⾃分の部屋」をタップ
フォルダの追加
フォルダの移動 ⾃分の部屋 HOME(最初の画⾯)
フォルダの移動(1つ戻る) HOME / ⾃分の部屋 HOME / 自分の部屋 / 勉強机