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
13
ポートフォリオの紹介
R-Tsukada
August 17, 2022
Tweet
Share
More Decks by R-Tsukada
See All by R-Tsukada
フィヨルド卒業式
ryotsukada
0
62
自己分析のすゝめ
ryotsukada
0
160
「心が完全に折れた」僕が モチベーションを取り戻した方法
ryotsukada
0
1.5k
Featured
See All Featured
Done Done
chrislema
182
16k
Reflections from 52 weeks, 52 projects
jeffersonlam
347
20k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
1
110
Building Adaptive Systems
keathley
38
2.3k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Imperfection Machines: The Place of Print at Facebook
scottboms
266
13k
Bash Introduction
62gerente
609
210k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Scaling GitHub
holman
459
140k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
111
49k
Why Our Code Smells
bkeepers
PRO
335
57k
How To Stay Up To Date on Web Technology
chriscoyier
789
250k
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など)を表示する