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 25, 2022
Programming
0
65
フィヨルド卒業式
R-Tsukada
August 25, 2022
Tweet
Share
More Decks by R-Tsukada
See All by R-Tsukada
ポートフォリオの紹介
ryotsukada
0
22
自己分析のすゝめ
ryotsukada
0
170
「心が完全に折れた」僕が モチベーションを取り戻した方法
ryotsukada
0
1.6k
Other Decks in Programming
See All in Programming
例外処理とどう使い分ける?Result型を使ったエラー設計 #burikaigi
kajitack
16
5.1k
The Art of Re-Architecture - Droidcon India 2025
siddroid
0
160
AIエージェント、”どう作るか”で差は出るか? / AI Agents: Does the "How" Make a Difference?
rkaga
2
750
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
shibayu36
0
1.8k
Giselleで作るAI QAアシスタント 〜 Pull Requestレビューに継続的QAを
codenote
0
340
gunshi
kazupon
1
140
AtCoder Conference 2025
shindannin
0
920
Basic Architectures
denyspoltorak
0
180
ゆくKotlin くるRust
exoego
1
200
AIエージェントの設計で注意するべきポイント6選
har1101
6
3.1k
.NET Conf 2025 の興味のあるセッ ションを復習した / dotnet conf 2025 quick recap for backend engineer
tomohisa
0
110
Implementation Patterns
denyspoltorak
0
150
Featured
See All Featured
Designing for Timeless Needs
cassininazir
0
110
The Curse of the Amulet
leimatthew05
0
7.1k
Art, The Web, and Tiny UX
lynnandtonic
304
21k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
0
1k
Digital Ethics as a Driver of Design Innovation
axbom
PRO
0
140
KATA
mclloyd
PRO
33
15k
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
0
2.3k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
740
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
880
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
75
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
78
Transcript
FootballMyTeamの紹介
& 趣味:読書、筋ト & 最近は娘とポケモンカードをしてます & 前職:作業療法1 & リハビリテーション業E & 管理職
R-Tsukada 自己紹介
FOOTBALL MYTEAmの紹介
優勝・カップ戦出場権争い、ライバルチームとの争いを把握しやすい ユーザーが応援しているチームとライバルチームの 情報を一覧表示できるサービス
欧州4大リーグの中から好きな1チームと ライバルチーム最大3チーム選択 チームは4大リーグの中から選べる
9 優勝争いや残留争い、カップ戦出場権争いがサッカーの楽しみの一 9 順位が近いチームの試合予定と順位表を比較したい 順位争いを楽しむためにライバルチームと好きなチームを比較させたい 9 サッカーに関するアプリは数多くあるが、多くのチームを取り扱っているため 欲しい情報へアクセスするのに時間がかかi 9 次の試合だけではなく、数試合のスケジュールを簡単に把握できるようにしたい
好きなチームだけの情報が欲しい 作成した経緯
サッカーと順位の関係 ' 最大85億7900万の収$ ' 世界中で放映される ' CLに出れるクラブに行きたB ' 高い給与(評価)が欲しB '
ステータスが欲しい ' クラブオーナーは儲けたB ' いい選手が必b ' CLに出ないといけない
サッカーとライバル関係 都市によるライバル関係 選手取られすぎ 代理戦争
FootballMyTeamの使い方
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 サッカーに詳しくなくても使えp
6 FootballMyTeamを通して、 サッカーの楽しみ方を伝える ライバルチームの選び方を 複数用意した 工夫した点
E 応援しているチームだけに表示される ものがあるのでflexboxが難しかっÉ E 試合予定のレイアウ' E チーム名が長かったり短かったり デザイン E ライバルチームのフィルタリンg
E 試合予定と試合結果のフィルタリング 情報のフィルタリング 苦労した点
今後の課題 w 長期目標(夢h w マネタイズしたB w モバイルアプリにしたB w いずれやりたいこQ w
試合結果詳細に出場した選手と得点者を表示したB w ちゃんとしたデザインにしたB w 重たいのを改善したB w 目の前の課 w テストをしっかりしたB w バッジ処理を追加する