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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
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
そのAIレビュー、レビューしてますか? / Are you reviewing those AI reviews?
rkaga
6
4.6k
責任感のあるCloudWatchアラームを設計しよう
akihisaikeda
3
180
ぼくの開発環境2026
yuzneri
0
240
AIと一緒にレガシーに向き合ってみた
nyafunta9858
0
250
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
nash_efp
1
980
Basic Architectures
denyspoltorak
0
680
Rust 製のコードエディタ “Zed” を使ってみた
nearme_tech
PRO
0
200
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
tjjh89017
0
170
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
himorishige
11
7.5k
今から始めるClaude Code超入門
448jp
8
9k
Apache Iceberg V3 and migration to V3
tomtanaka
0
170
IFSによる形状設計/デモシーンの魅力 @ 慶應大学SFC
gam0022
1
310
Featured
See All Featured
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
450
For a Future-Friendly Web
brad_frost
182
10k
My Coaching Mixtape
mlcsv
0
48
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
120
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
920
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
1.9k
Everyday Curiosity
cassininazir
0
130
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
0
380
Become a Pro
speakerdeck
PRO
31
5.8k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
1
1.3k
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
0
2.3k
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 バッジ処理を追加する