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
260
【発表資料】どこやったっけなぁ?
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
99
BFが動くCPUを作りたい! @第3回CPUを語る会
chizuchizu
1
330
aranami_idea.pdf
chizuchizu
0
63
DiffType KIH2023
chizuchizu
0
240
週刊タイピングは役に立たない
chizuchizu
0
300
アニーリングマシンを使った論理式学習モデルの開発(2021未踏ターゲット事業成果報告会)
chizuchizu
0
1.9k
浅(くて広い)層学習 (Amplifyハッカソン)
chizuchizu
1
670
全国医療AIコンテスト 2021 1st place solution
chizuchizu
0
4.6k
configのすゝめ
chizuchizu
1
250
Other Decks in Technology
See All in Technology
SwiftUIとMetalで簡単に作るレアカード風UI
stoticdev
1
100
技術的負債を「戦略的投資」にするためのPdMとエンジニアの連携と実践
satomino
3
770
Developer 以外にこそ使って欲しい Amazon Q Developer
mita
0
190
newmo の創業を支える Software Architecture と Platform Engineering
110y
5
600
Опыт использования Nessie в Азбуке Вкуса
emeremyanina1234
0
430
ITベンダーから見る内製化支援の本質/in-house-dev
slsops
1
180
経済メディア編集部の実務に小さく刺さるAI / small-ai-with-editorial
nkzn
2
510
インフラからSREへ
mirakui
20
7.8k
20250514 1Passwordを使い倒す道場 vol.1
east_takumi
0
160
golang-migrate VS Atlas !? 技術選定のポイントと学び ~DBマイグレーションツール選定の実例を通して~ / golang-migrate vs Atlas ! What is the point of technology selection and what you can learn from the examples of DB migration tool selection?
nttcom
0
110
AIフレンドリーなプロダクト開発を目指して 〜MCPを橋渡しにした環境移行〜
shinpr
0
140
計測による継続的なCI/CDの改善
sansantech
PRO
8
2.3k
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
47
2.8k
The Cost Of JavaScript in 2023
addyosmani
49
7.9k
Product Roadmaps are Hard
iamctodd
PRO
53
11k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.2k
GraphQLとの向き合い方2022年版
quramy
46
14k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
Into the Great Unknown - MozCon
thekraken
38
1.8k
Docker and Python
trallard
44
3.4k
A designer walks into a library…
pauljervisheath
205
24k
Mobile First: as difficult as doing things right
swwweet
223
9.6k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Optimizing for Happiness
mojombo
378
70k
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 / 自分の部屋 / 勉強机