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
こもじゅん
January 29, 2025
Programming
0
28
甲子園ポケットの思い出を残そう
サ終してしまったソシャゲ「ぼくらの甲子園!ポケット」の公式サイトを改修した話です。
https://koshien-pocket.kayac.com/
こもじゅん
January 29, 2025
Tweet
Share
More Decks by こもじゅん
See All by こもじゅん
7年間運用したソーシャルゲームをAmazon EC2構成からAmazon ECS構成へと乗り換えた話
commojun
0
57
長年運用されている Web サービスと 通信をするクライアントを Go で作ってみた話
commojun
0
980
XWalkViewを利用したクロスプラットフォームアプリの開発
commojun
0
920
Other Decks in Programming
See All in Programming
チーム開発の “地ならし"
konifar
8
6k
Building AI Agents with TypeScript #TSKaigiHokuriku
izumin5210
5
1k
オフライン対応!Flutterアプリに全文検索エンジンを実装する @FlutterKaigi2025
itsmedreamwalker
2
280
モデル駆動設計をやってみよう Modeling Forum2025ワークショップ/Let’s Try Model-Driven Design
haru860
0
180
なあ兄弟、 余白の意味を考えてから UI実装してくれ!
ktcryomm
1
420
[堅牢.py #1] テストを書かない研究者に送る、最初にテストを書く実験コード入門 / Let's start your ML project by writing tests
shunk031
11
5.9k
Feature Flags Suck! - KubeCon Atlanta 2025
phodgson
0
160
AI 時代だからこそ抑えたい「価値のある」PHP ユニットテストを書く技術 #phpconfuk / phpcon-fukuoka-2025
shogogg
1
590
競馬で学ぶ機械学習の基本と実践 / Machine Learning with Horse Racing
shoheimitani
14
13k
Web エンジニアが JavaScript で AI Agent を作る / JSConf JP 2025 sponsor session
izumin5210
4
2k
Promise.tryで実現する新しいエラーハンドリング New error handling with Promise try
bicstone
3
1.6k
TVerのWeb内製化 - 開発スピードと品質を両立させるまでの道のり
techtver
PRO
3
1.2k
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
80
6.1k
Practical Orchestrator
shlominoach
190
11k
Scaling GitHub
holman
464
140k
Context Engineering - Making Every Token Count
addyosmani
9
420
Balancing Empowerment & Direction
lara
5
760
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
How STYLIGHT went responsive
nonsquared
100
5.9k
How to train your dragon (web standard)
notwaldorf
97
6.4k
Speed Design
sergeychernyshev
33
1.3k
GitHub's CSS Performance
jonrohan
1032
470k
Being A Developer After 40
akosma
91
590k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.8k
Transcript
甲子園ポケットの 思い出を残そう commojun
甲子園ポケット サ終 https://app.famitsu.com/article/202409/16510
サ終するとどうなるか?
ゲーム内でしか見れなかったものがある
エピソード ユーザがゲーム内でのエピソードを投稿する機能がある 優勝エピソード: 大会で優勝したときの思い出 友情エピソード: ゲーム内で知り合った仲間との思い出 10年間で5926件集まった
甲子園新聞 大会優勝チームに、 デザイナー陣が手作りで制作する 10年間で1148枚作った
ゲーム内登場キャラ プレイアブルキャラ(マイキャラ) マネージャーキャラ(ぼくマネ)
公式サイト koshien-pocket.com で見れるようにしよう!
立ち絵ランダム表示 リロードするごとにランダム 実は 「j, n, k, m」キーを押すとキャラを変更 できる裏技つき
エンディング動画 https://www.youtube.com/watch?v=yWjzmqrp_6M
新聞一覧
新聞一覧 高校名(漢字またはよみがな)でフィルタリングできる
新聞一覧 個別新聞ページは全部固有URLを持っていて、共有すると画像展開される
エピソード ボタン押してランダム表示だが、 URLにIDがついていて、これごとコピペすれば共有可能
どうやって作ったか
ぼくポケのデータはスプレッドシートで管理されている
ツール
書き出すHTMLのリストをシートで管理し、テンプレートエン ジンを使って出力
新聞ページは 1149個あるよ
利用技術 あんまり新しい技術は知らない JavaScriptも極力使わないようにした 何年もほったらかしにしても動くことが重要
会社がつぶれるまでは残るぞ!