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
8
ポートフォリオの紹介
R-Tsukada
August 17, 2022
Tweet
Share
More Decks by R-Tsukada
See All by R-Tsukada
フィヨルド卒業式
ryotsukada
0
57
自己分析のすゝめ
ryotsukada
0
150
「心が完全に折れた」僕が モチベーションを取り戻した方法
ryotsukada
0
1.5k
Featured
See All Featured
Building Applications with DynamoDB
mza
88
5.6k
Ruby is Unlike a Banana
tanoku
96
10k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
227
16k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.6k
How STYLIGHT went responsive
nonsquared
92
4.8k
Embracing the Ebb and Flow
colly
80
4.1k
Agile that works and the tools we love
rasmusluckow
325
20k
Imperfection Machines: The Place of Print at Facebook
scottboms
260
12k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
17
1.4k
Adopting Sorbet at Scale
ufuk
68
8.6k
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など)を表示する