Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
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
190
Other Decks in Programming
See All in Programming
AIコーディングエージェント(Manus)
kondai24
0
180
AIエージェントを活かすPM術 AI駆動開発の現場から
gyuta
0
410
生成AIを利用するだけでなく、投資できる組織へ
pospome
2
330
Navigation 3: 적응형 UI를 위한 앱 탐색
fornewid
1
320
connect-python: convenient protobuf RPC for Python
anuraaga
0
410
AIコーディングエージェント(skywork)
kondai24
0
170
愛される翻訳の秘訣
kishikawakatsumi
3
320
堅牢なフロントエンドテスト基盤を構築するために行った取り組み
shogo4131
8
2.3k
Rubyで鍛える仕組み化プロヂュース力
muryoimpl
0
110
モデル駆動設計をやってみようワークショップ開催報告(Modeling Forum2025) / model driven design workshop report
haru860
0
270
TUIライブラリつくってみた / i-just-make-TUI-library
kazto
1
380
LLMで複雑な検索条件アセットから脱却する!! 生成的検索インタフェースの設計論
po3rin
3
710
Featured
See All Featured
Being A Developer After 40
akosma
91
590k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
Unsuck your backbone
ammeep
671
58k
Java REST API Framework Comparison - PWX 2021
mraible
34
9k
Build your cross-platform service in a week with App Engine
jlugia
234
18k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
Documentation Writing (for coders)
carmenintech
76
5.2k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
BBQ
matthewcrist
89
9.9k
Scaling GitHub
holman
464
140k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
1
100
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
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
おしまい