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
「AITRIOS」でトカゲの活動量を可視化
hoshinoresearch
0
390
JAWS-UG会津 & JP Stripes会津 合同勉強会 JAWS-UGとAWSコミュニティプログラムアップデート
awsjcpm
0
110
【加筆修正版】ハードワークを支えるフィジカルとメンタルを構築る#rubymusclemixin 活動 #きのこ2025 #きのこ2025_b
bash0c7
0
220
未来大生の胃を支える函館グルメ
deflis
0
510
Why did my proposals get rejected?
okuramasafumi
1
700
JAWS-UG Community Upadate - JAWS-UG 熊本
awsjcpm
2
160
Terra Charge|急速充電器ご利用ガイドブック / Terra Charge Fast Charger Guidebook
contents
1
390
カンファレンスでリフレッシュ!無理なく楽しむカンファレンス参加術 / How to enjoy conferences without stress
kattsuuya
1
8.7k
苦手の克服方法 / How to overcome weaknesses
toma_sm
0
280
バーチャルバナナとリアルバナナ #iotlt #TouchDesigner
n0bisuke2
0
170
アイデアをカタチにする、イマジニア
haruka_imgr
0
140
#Stampfly #M5Stack 開発ストーリーと今後の可能性 前説
takasumasakazu
0
130
Featured
See All Featured
Building Applications with DynamoDB
mza
96
6.5k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
880
Faster Mobile Websites
deanohume
308
31k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Docker and Python
trallard
45
3.5k
The Language of Interfaces
destraynor
158
25k
Documentation Writing (for coders)
carmenintech
73
5k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
6k
We Have a Design System, Now What?
morganepeng
53
7.7k
GraphQLとの向き合い方2022年版
quramy
49
14k
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で公開しています
ご静聴ありがとうございました!