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
R-Tsukada
August 17, 2022
0
21
ポートフォリオの紹介
R-Tsukada
August 17, 2022
Tweet
Share
More Decks by R-Tsukada
See All by R-Tsukada
フィヨルド卒業式
ryotsukada
0
64
自己分析のすゝめ
ryotsukada
0
170
「心が完全に折れた」僕が モチベーションを取り戻した方法
ryotsukada
0
1.6k
Featured
See All Featured
Fireside Chat
paigeccino
39
3.6k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Automating Front-end Workflow
addyosmani
1370
200k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
RailsConf 2023
tenderlove
30
1.2k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
112
20k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
13k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
Transcript
FootballMyTeamの紹介
趣味:読書、筋ト 最近は娘とポケモンカードをしてます 前職:作業療法E 病院や訪問看護ステーションでリハビリ R-Tsukada 自己紹介
FOOTBALL MYTEAmの紹介
優勝・カップ戦出場権争い、ライバルチームとの争いを把握しやすい ユーザーが応援しているチームとライバルチームの 情報を一覧表示できるサービス
7 優勝争いや残留争い、カップ戦出場権争いがサッカーの楽しみの一È 7 順位が近いチームの試合予定と順位表を比較したい 順位争いを楽しむためにライバルチームと好きなチームを比較させたい 7 サッカーに関するアプリは数多くあるが、多くのチームを取り扱っているため 欲しい情報へアクセスするのに時間がかかs 7 次の試合だけではなく、数試合のスケジュールを簡単に把握できるようにしたい
好きなチームだけの情報が欲しい 作成した経緯
FootballMyTeamの使い方
応援しているチームを選ぶ リーグを1つ選択 選択したリーグに 所属しているチーム だけを表示
サッカーに詳しくなくても悩まずに使える 応援しているチームと同じリーグから ライバルチームを最大3チーム選ぶ p 昨シーズンの順位が近いチームを選I p 本拠地が近いチームを選I p 自分でライバルチームを選ぶ ライバルチームの選び方は3種類用意
ライバルチームを選ぶ
SPACE GRAY iPhone SE SPACE GRAY iPhone SE チームごとの詳細な試合情報 選択したチームの試合予定と
試合結果を1ヶ月分表示
RSpec テスト インフラ Bulma Vue.js 3.2 JavaScript フロントエンド Ruby on
Rails 6.1.5 Ruby 3.1.1 バックエンド 技術スタック PostgreSQL Heroku GitHubActions Docker
6 対比構造を明確にしたデザイ 6 応援しているチームには目Å 6 応援しているチームとライバル チームの勝ち点差を表示 応援しているチームとの比較を明確に 6 サッカーに詳しくなくても使え
6 FootballMyTeamを通して、 サッカーの楽しみ方を伝える ライバルチームの選び方を 複数用意した 工夫した点
H 仕様に合わせてWebAPIを使いこなC H 試合予定・結果は一括で取得されるた め、チームごとに表示させることが難 しかった Web API H ライバルチームの選s
H 応援しているチームと同じリーグに所 属しているチームだけを表g H 試合予定と試合結果を分c H 本日の日付を基準に試合予定と結果を 分けて表示 情報のフィルタリング 苦労した点
今後の課題 ` テストを充実させW ` 最低限のテストは実装してあるが、より細いテストが必) ` CSSの調% ` レイアウトを整えW `
レスポンシブデザインを洗練すW ` 応援しているチームに関する機能を追加すW ` 応援しているチームの試合日にリマインドすW ` 応援しているチームの情報(SNSなど)を表示する