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
300
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
【発表資料】どこやったっけなぁ?
Yuma Ochi (chizuchizu)
February 14, 2022
More Decks by Yuma Ochi (chizuchizu)
See All by Yuma Ochi (chizuchizu)
IOAI Solution (NLP, CV) | Team Japan
chizuchizu
0
180
BFが動くCPUを作りたい! @第3回CPUを語る会
chizuchizu
1
500
aranami_idea.pdf
chizuchizu
0
120
DiffType KIH2023
chizuchizu
0
320
週刊タイピングは役に立たない
chizuchizu
0
360
アニーリングマシンを使った論理式学習モデルの開発(2021未踏ターゲット事業成果報告会)
chizuchizu
0
2k
浅(くて広い)層学習 (Amplifyハッカソン)
chizuchizu
1
740
全国医療AIコンテスト 2021 1st place solution
chizuchizu
0
4.9k
configのすゝめ
chizuchizu
1
300
Other Decks in Technology
See All in Technology
【CEDEC2026】次世代デジタルカードゲームのサーバー設計と運用 〜『Shadowverse: Worlds Beyond』の舞台裏~
cygames
PRO
1
1.2k
Flutterをカメラで動かしたかった話
sony
1
130
20260608_Codexの可能性_ノンプログラマー向け_大城追記
doradora09
PRO
0
790
Master Dataグループ紹介資料
sansan33
PRO
1
4.8k
オートロックマンションなのに、各部屋は施錠なし!? 攻撃者が組織内ネットワークで大暴れする理由 / The Front Door Is Locked, but the Rooms Are Wide Open: Why Attackers Move Freely Inside Enterprise Networks
nttcom
1
1.6k
JavaScript 研修 (2026)
recruitengineers
PRO
2
500
Model Studio CLI × Token Plan
maigo999
0
130
モダンフロントエンド 開発研修
recruitengineers
PRO
4
590
PLATEAU で バーチャル花火大会
tatsuya1970
0
130
第3回しろおびセキュリティスポンサーセッション
log0417
0
160
DatadogのBits Chatが開発組織にもたらしたもの / What Bits Chat Has Brought Us
sms_tech
1
180
取引先から届く 「セキュリティチェックシート」の読み解き方
kamadamakoto
0
140
Featured
See All Featured
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.7k
The Mindset for Success: Future Career Progression
greggifford
PRO
0
440
GitHub's CSS Performance
jonrohan
1033
470k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.5k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
230
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
480
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
11k
BBQ
matthewcrist
89
10k
Designing for Timeless Needs
cassininazir
1
440
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
790
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.5k
Faster Mobile Websites
deanohume
310
32k
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 / 自分の部屋 / 勉強机