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
220
【発表資料】どこやったっけなぁ?
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
64
BFが動くCPUを作りたい! @第3回CPUを語る会
chizuchizu
1
250
aranami_idea.pdf
chizuchizu
0
43
DiffType KIH2023
chizuchizu
0
220
週刊タイピングは役に立たない
chizuchizu
0
270
アニーリングマシンを使った論理式学習モデルの開発(2021未踏ターゲット事業成果報告会)
chizuchizu
0
1.8k
浅(くて広い)層学習 (Amplifyハッカソン)
chizuchizu
1
620
全国医療AIコンテスト 2021 1st place solution
chizuchizu
0
4.4k
configのすゝめ
chizuchizu
1
220
Other Decks in Technology
See All in Technology
SDN の Hype Cycle を一通り経験してみて思うこと / Going through the Hype Cycle of SDN
mshindo
1
100
Zennのパフォーマンスモニタリングでやっていること
ryosukeigarashi
0
190
プロダクト活用度で見えた真実 ホリゾンタルSaaSでの顧客解像度の高め方
tadaken3
0
200
マルチプロダクトな開発組織で 「開発生産性」に向き合うために試みたこと / Improving Multi-Product Dev Productivity
sugamasao
1
310
iOSチームとAndroidチームでブランチ運用が違ったので整理してます
sansantech
PRO
0
150
アプリエンジニアのためのGraphQL入門.pdf
spycwolf
0
100
Incident Response Practices: Waroom's Features and Future Challenges
rrreeeyyy
0
160
障害対応指揮の意思決定と情報共有における価値観 / Waroom Meetup #2
arthur1
5
490
インフラとバックエンドとフロントエンドをくまなく調べて遅いアプリを早くした件
tubone24
1
430
Python(PYNQ)がテーマのAMD主催のFPGAコンテストに参加してきた
iotengineer22
0
530
DynamoDB でスロットリングが発生したとき_大盛りver/when_throttling_occurs_in_dynamodb_long
emiki
1
440
RubyのWebアプリケーションを50倍速くする方法 / How to Make a Ruby Web Application 50 Times Faster
hogelog
3
950
Featured
See All Featured
Side Projects
sachag
452
42k
GitHub's CSS Performance
jonrohan
1030
460k
Thoughts on Productivity
jonyablonski
67
4.3k
Designing on Purpose - Digital PM Summit 2013
jponch
115
7k
The Invisible Side of Design
smashingmag
298
50k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
27
840
The World Runs on Bad Software
bkeepers
PRO
65
11k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.1k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
0
110
Unsuck your backbone
ammeep
668
57k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
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 / 自分の部屋 / 勉強机