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
40
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
甲子園ポケットの思い出を残そう
サ終してしまったソシャゲ「ぼくらの甲子園!ポケット」の公式サイトを改修した話です。
https://koshien-pocket.kayac.com/
こもじゅん
January 29, 2025
More Decks by こもじゅん
See All by こもじゅん
7年間運用したソーシャルゲームをAmazon EC2構成からAmazon ECS構成へと乗り換えた話
commojun
0
70
長年運用されている Web サービスと 通信をするクライアントを Go で作ってみた話
commojun
0
1.1k
XWalkViewを利用したクロスプラットフォームアプリの開発
commojun
0
940
Other Decks in Programming
See All in Programming
分散システム、なんですぐ死んでしまうん?耐障害性を高めたいあなたのためのレジリエンスパターン入門
mshibuya
7
5.2k
Welcome to the "Parametricity" 🏙️ − Generic だけど Specific な世界 −
guvalif
PRO
1
140
決定論的オーケストレーションの設計と実装 / Design and Implementation of Deterministic Orchestration
nrslib
4
1.6k
アルゴリズムは何を圧縮しているのか ─ Haskell から育った「圧縮代数」というメンタルモデル
naoya
15
3.1k
壊れたパーサから始める関数型設計と構成的なパーサ #fp_matsuri
raiga0310
2
180
20260623_Loop Engineeringで自分の分身の問い合わせBotを作る
ryugen04
0
190
Generative UI & AI-Assistants for Your Angular Solutions
manfredsteyer
PRO
0
150
IBM Bobを活用したレガシーアプリの最新化
oniak3ibm
PRO
1
250
Strategic Design in the Frontend: Moduliths & Micro Frontends @DDDEurope
manfredsteyer
PRO
0
150
エンジニアにデザインハーネスを 〜デザインプロセスを規定するためのハーネス〜 / Design harness from an engineer's perspective
rkaga
2
1.2k
コンテキストの使い捨てをやめる — ビジネスルール駆動開発と miko —
ioki
0
270
【やさしく解説 設計編 #0】DDDのコード、読めるのに分からない人へ
panda728
PRO
2
240
Featured
See All Featured
How to Ace a Technical Interview
jacobian
281
24k
The Spectacular Lies of Maps
axbom
PRO
1
850
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
340
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.1k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
210
ラッコキーワード サービス紹介資料
rakko
1
3.9M
Producing Creativity
orderedlist
PRO
348
40k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.8k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.3k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
390
First, design no harm
axbom
PRO
2
1.2k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.9k
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も極力使わないようにした 何年もほったらかしにしても動くことが重要
会社がつぶれるまでは残るぞ!