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
210
【発表資料】どこやったっけなぁ?
Yuma Ochi (chizuchizu)
February 14, 2022
Tweet
Share
More Decks by Yuma Ochi (chizuchizu)
See All by Yuma Ochi (chizuchizu)
BFが動くCPUを作りたい! @第3回CPUを語る会
chizuchizu
1
220
aranami_idea.pdf
chizuchizu
0
39
DiffType KIH2023
chizuchizu
0
220
週刊タイピングは役に立たない
chizuchizu
0
260
アニーリングマシンを使った論理式学習モデルの開発(2021未踏ターゲット事業成果報告会)
chizuchizu
0
1.7k
浅(くて広い)層学習 (Amplifyハッカソン)
chizuchizu
1
620
全国医療AIコンテスト 2021 1st place solution
chizuchizu
0
4.4k
configのすゝめ
chizuchizu
1
220
student cup 2020 49th place's solution
chizuchizu
0
2.8k
Other Decks in Technology
See All in Technology
AWSへのNIST SP800-171管理策 導入に向けての整備/20240930 Mitsutoshi Matsuo
shift_evolve
0
140
たった一人で始めた音楽制作が気がついたら会社公認の部活動になっていた話〜組織の垣根を超えるコラボレーションを実現するには〜 / On-KAG-bu
piyonakajima
0
120
小さな勉強会の始め方、広げ方、あるいは友達の作り方 / How to Start, Grow, and Build Connections with Small Study Groups
ar_tama
1
280
Assisted reorganization of data structures
ennael
PRO
0
200
不感対策ソリューション
jtes
0
230
Valuable Software Engineering
avandeursen
0
250
Rubyはなぜ「たのしい」のか? / Why is Ruby a programmers' best friend? #tqrk15
expajp
4
1.7k
【shownet.conf_】トポロジ図の歩き方
shownet
PRO
0
350
k6を活用した再現性・拡張性の高い負荷試験基盤の構築
biwashi
11
2.8k
【shownet.conf_】放送局とShowNetが共創する、未来の放送システム ~Media over IP 特別企画の裏側~
shownet
PRO
0
250
Dual level of task scheduling for VM workloads
ennael
PRO
0
180
低コストで実現する社内文書RAG機能を搭載したAIチャットボット開発
takapy
3
550
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
653
59k
Pencils Down: Stop Designing & Start Developing
hursman
119
11k
The Brand Is Dead. Long Live the Brand.
mthomps
53
38k
Six Lessons from altMBA
skipperchong
26
3.4k
Building Your Own Lightsaber
phodgson
102
6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.4k
Creatively Recalculating Your Daily Design Routine
revolveconf
217
12k
GitHub's CSS Performance
jonrohan
1030
450k
Fireside Chat
paigeccino
32
2.9k
How to train your dragon (web standard)
notwaldorf
87
5.6k
Bootstrapping a Software Product
garrettdimon
PRO
304
110k
Adopting Sorbet at Scale
ufuk
73
8.9k
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 / 自分の部屋 / 勉強机