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
Reactでライフゲームを作ってみた話
Search
Takuro Niitsuma
February 27, 2018
Programming
0
64
Reactでライフゲームを作ってみた話
GitPitchが閉鎖していたので、SpeakerDeckに移しました。
Takuro Niitsuma
February 27, 2018
Tweet
Share
More Decks by Takuro Niitsuma
See All by Takuro Niitsuma
NAISTへの道
otakumesi
2
1.2k
Golangで小さなLispインタプリタを作ってみた
otakumesi
0
86
Other Decks in Programming
See All in Programming
TiDB Serverless ~理想のServerless DBを考える~
soso_15315
1
160
Polarsの成長: v0.14からv1.0までの変遷と今後の展望
zerebom
1
350
OpenAI/Gemini APIを使って EPUBを翻訳するCLIツールをつくってみた
tomiyan
0
790
Cloudflare Workers x AWS Lambdaの組み合わせユースケース / Cloudflare Workers x AWS Lambda Combination Use Case
seike460
PRO
2
310
Async Await: Mastering Python's Time-Bending Tricks - EuroPython2024
yanbo
1
290
CSC307 Lecture 05
javiergs
PRO
0
210
SRE チーム立ち上げ前に考えたこと・取り組んだこと / Considerations and Preparations Before Establishing an SRE Team
mackey0225
3
320
Android開発者のための Kotlin Multiplatform入門
ntaro
0
190
みんなのオブザーバビリティプラットフォームを作ってるんだがパフォーマンスがやばい #mackerelio #srenext
ne_sachirou
0
370
Microservices rules (July 2024) : what good looks like
cer
PRO
0
1.6k
はしめてのプログラミングとロボット制御
watawatavoltage
0
290
Advanced App Shrinking Techniques
cbeyls
2
150
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
689
190k
Imperfection Machines: The Place of Print at Facebook
scottboms
262
13k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
16
1.6k
YesSQL, Process and Tooling at Scale
rocio
166
14k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
90
47k
Web Components: a chance to create the future
zenorocha
307
41k
10 Git Anti Patterns You Should be Aware of
lemiorhan
652
58k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
129
32k
Designing for Performance
lara
604
67k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
248
20k
GraphQLとの向き合い方2022年版
quramy
36
13k
Building a Scalable Design System with Sketch
lauravandoore
458
32k
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
おしまい