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
読書記録サービス yondako をつくった
Search
arrow2nd
November 19, 2024
How-to & DIY
0
64
読書記録サービス yondako をつくった
arrow2nd
November 19, 2024
Tweet
Share
More Decks by arrow2nd
See All by arrow2nd
StotybookからはじめるVRT -個人開発編-
arrow2nd
1
1.7k
Other Decks in How-to & DIY
See All in How-to & DIY
Within the team, I grow as a tester and continuously pursue product quality
camel_404
7
2.3k
未来大生の胃を支える函館グルメ
deflis
0
500
JAWS-UG/AWSコミュニティ JAWS-UG おおいた
awsjcpm
2
2.8k
#スタックチャン「魔改造の夜」に行く
syumme01
1
270
Terra Charge|急速充電器ご利用ガイドブック / Terra Charge Fast Charger Guidebook
contents
1
360
2025年03月02日 メイカーズながおかまつり での講演 「コミュニティベースでの製品開発ものづくりフェアの役割」
takasumasakazu
0
240
How to create better speaker proposals
logico_jp
2
920
JAWS-UGについて JAWS-UG TOHOKU [青森] 弘前開催
awsjcpm
0
210
CH32Vシリーズを楽しもう(74thの場合) / enjoy ch32v series
74th
1
970
音に負けない!子どもが騒いでいる脇でも快適オンラインMTGの秘伝
kaitou
0
420
LT(Lightning Talk)のドキドキ感を共有する IoT ぼっとを作った話
scbc1167
1
220
M5Stackを使ってSズキの魔改造モンスターマシンを作ってみた
syumme01
0
180
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
How to Ace a Technical Interview
jacobian
278
23k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
54k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Testing 201, or: Great Expectations
jmmastey
43
7.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Side Projects
sachag
455
43k
What's in a price? How to price your products and services
michaelherold
246
12k
Transcript
読書記録サービス yondakoをつくった arrow2nd / #さくらのマイクロコミュニティ (Webサービス開発者の会) #15
arrow2nd といいます あろーって読むことが多いです ちょっと株式会社でフロントエンドエンジニア として働いています 自己紹介
はなすこと 50 サービス概 20 開# %0 デザイ 30 やってよかったこÉ Ç0
今後やりたいこと
サービス概要
yondakoって? よんだことをわすれないための読書記録サー ビス コミュニティ機能や感想などの機能はなく、 読書状況の記録のみに特化
なんでつくったの? G 積読しがち E G 読みかけで日にちが経って、どの本を読んでたか忘れ G 既存の読書記録サービスは機能が多い 「今読んでる本」をシンプルに管理したい!
デモ! https://yondako.com/
開発
開発期間 & 2024/5 ... 開発開# & 2024/7 ... HonoX →
Next.js 移行 & 2024/8 ... リリース → 約3ヶ月。7〜8月の間にガッと作った
使用技術 フロントエンド Node.jsの代わり データベース Cloudflare D1 インフラ Cloudflare Pages Cloudflare
Access 認証 Auth.js テスト Playwright
書籍API https://ndlsearch.ndl.go.jp/help/api 検索用API (OpenSearch) → 書籍の情報源 書影API → 書籍の書影
書籍API https://ndlsearch.ndl.go.jp/help/api R 無2 R リクエストの制限が厳しくな8 R 書籍の収録数が豊富。同人誌までカバー R 新刊の反映に時間がかかs
R レスポンスが XMb R 商用利用の場合申請が必要 良いところ 気になるところ
書籍API 記事も書いた https://zenn.dev/chot/articles/24ea6186c029b0
デザイン
実装までの流れ É 手書き É Figma "É 実装
感じたこと ' 先にデザインを固めた方が開発効率が良 ' Storybookがあると細かい調整がしやすい → けど、最初からこれをするのは難しい…
ブラッシュアップ: Before
ブラッシュアップ: After
ブラッシュアップ: 書籍カード 読んでない 読みたい 読んだ コミック ARIA完全版 [ARIA The MASTERPIECE]
3巻 天野こずえ | マッグガーデン カバーイラスト&カラー扉は描き下ろし!雑誌連載当時の カラーページを再現!全巻300ページオーバーの大ボリュー ム! s 文字を減らしてすっきりさせた s カードにすることで、並べた際の一覧性が上がった 背表紙くらいの情報量に
ブラッシュアップ: その他UI 選択中の表現を統一 背景色はメインカラー (茶) / アイコンはfilled 「読」をひらがなに 画数が多くて固い印象がした ライブラリ
キーワードで探す 読む本 読んだ本 すきな本
スマホ対応 アプリっぽい雰囲気に なるべく下部にボタン類を配置 ボトムバーやドロワーを使う 片手で操作しやすいように
やってよかったこと
記事を書いたこと https://zenn.dev/arrow2nd/articles/4367a3be5cbdb6
記事を書いたこと 意外と読まれた ユーザーも増えた!
日報で作業ログを残したこと E エラーの解決など、忘れたころに また遭遇しがA E 記事を書く時の材料にも → 時系列で残るので経緯が分かって ふり返りやすい
今後やりたいこと
新刊をすぐ登録できるように 国立国会図書館に納入される必要があるので、 数日前に発売された書籍が登録できない → 出版情報登録センターの情報を使うなどを検討中
検索ページが寂しい あまりにも何もない…… 新着書籍とか並べたいかも
バーコード検索の安定性向上 スマホを機種変したら動かなくなった S Pixel 8 なら動いて3 S iPhone 持ってないので検証不足 InitError
NotReadableError: Could not start video source
https://github.com/yondako/yondako GitHubで公開しています
ご静聴ありがとうございました!