Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Reactでライフゲームを作ってみた話
Search
Takuro Niitsuma
February 27, 2018
Programming
0
130
Reactでライフゲームを作ってみた話
GitPitchが閉鎖していたので、SpeakerDeckに移しました。
Takuro Niitsuma
February 27, 2018
Tweet
Share
More Decks by Takuro Niitsuma
See All by Takuro Niitsuma
ウェブ・ソーシャルメディア論文読み会 - Machine-Made Media: Monitoring the Mobilization of Machine-Generated Articles on Misinformation and Mainstream News Websites
otakumesi
0
95
Golangで小さなLispインタプリタを作ってみた
otakumesi
0
180
Other Decks in Programming
See All in Programming
Rediscover the Console - SymfonyCon Amsterdam 2025
chalasr
2
160
AI時代もSEOを頑張っている話
shirahama_x
0
270
令和最新版Android Studioで化石デバイス向けアプリを作る
arkw
0
380
ローターアクトEクラブ アメリカンナイト:川端 柚菜 氏(Japan O.K. ローターアクトEクラブ 会長):2720 Japan O.K. ロータリーEクラブ2025年12月1日卓話
2720japanoke
0
720
これだけで丸わかり!LangChain v1.0 アップデートまとめ
os1ma
6
1.7k
ソフトウェア設計の課題・原則・実践技法
masuda220
PRO
26
22k
React Native New Architecture 移行実践報告
taminif
1
150
AIエージェントを活かすPM術 AI駆動開発の現場から
gyuta
0
350
tparseでgo testの出力を見やすくする
utgwkk
1
180
DSPy Meetup Tokyo #1 - はじめてのDSPy
masahiro_nishimi
1
160
Developing static sites with Ruby
okuramasafumi
0
240
FluorTracer / RayTracingCamp11
kugimasa
0
220
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3k
Java REST API Framework Comparison - PWX 2021
mraible
34
9k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Designing Experiences People Love
moore
143
24k
Raft: Consensus for Rubyists
vanstee
141
7.2k
How GitHub (no longer) Works
holman
316
140k
Context Engineering - Making Every Token Count
addyosmani
9
490
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
390
Leading Effective Engineering Teams in the AI Era
addyosmani
8
1.3k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
1
93
Transcript
React で ライフゲームを作ってみた話 0x64 物語 REBOOT #11 @otakumesi
@otakumesi (Twitter, Github) マッハバイトでエンジニアしてます
なぜライフゲームなのか 言語を学んだ後になにを作るかで悩んでいたときにある記事を読んだ
こんな記事 http://razokulover.hateblo.jp/entry/2017/05/23/131359
ブコメにこんなコメントが
なるほど
ライフゲーム 「Conway's Game of Life 」と呼ばれている 生命の誕生、進化、淘汰を簡単なモデルで再現したシミュレーショ ンゲーム 単純なルールで状態が次々と変わっていく
None
ライフゲームのルールは単純 誕生 生存 過疎 過密 https://ja.wikipedia.org/wiki/ ライフゲーム
ライフゲームは状態の変更が激しい 状態管理を簡単にするフレームワークを試すのによい
実際作ってみたデモ http://otakumesi.io/lifegame/ https://github.com/otakumesi/lifegame
構成 とりあえず触りたい奴を詰め込んだ ES6 preset-env preset-react plugin-propsal-object-rest-spread React Redux PostCSS FLOCSS
実際に作ってみてどうよ 正直、いくつか反省している どう考えても今回の構成にRedux はいらなかった 複雑な状態を管理をしていない... モチベ的にはあまり触ってないものを触れたかったので、MobX あたりがよい落とし所だったか
ライフゲーム作ってよかったところ 簡単に作れる割にハマりどころを通ってハマっていけた おかげでReact 、Redux と少し仲良くなれた気がする... ライフゲームのついでに定形作業を把握できたので、自分用のボイ ラープレートを作れた
ボイラープレート さすがに毎度package 集めて、 webpack の設定をアレするのはつらい。 https://github.com/otakumesi/dotfiles/tree/master/.project.template /frontend
おしまい