ぱろっと・すたじお

技術メモなどをまったりと / my site : http://parrot-studio.com/

React.js

ReactOnRailsとSSRとWebpackerを捨ててWebpackに移行した件

久々に「チェンクロパーティーシミュレーター」(以下「ccps」)のお話ですccpts.parrot-studio.comgithub.comRails6のRC2がリリースされたので、夏休みの課題的な感じで、 Rails6への移行を進めようと思ったのですが・・・・・・なぜかReactOnRailsとWebpac…

React+jQuery+RailsのSPAをサーバサイドレンダリングに移行した件(その3:設計変更編)

2回に渡って書いてきたSSR化のお話も、今回でラストです(`・ω・´) <前回> parrot.hatenadiary.jpparrot.hatenadiary.jp<サイト> ccpts.parrot-studio.com<修正したコード> github.com 正直、前回の話で「SSRの設計における一番の肝」は書いているのです…

React+jQuery+RailsのSPAをサーバサイドレンダリングに移行した件(その2:ブラウザ依存排除編)

というわけで、前回の続きです...φ(・ω・`) <前回> parrot.hatenadiary.jp<サイト> ccpts.parrot-studio.com<修正したコード> github.com 前回は「サーバサイドレンダリング(SSR)」の概念的な話と、 そこから導かれる設計の概要、そしてSSRに移行する…

React+jQuery+RailsのSPAをサーバサイドレンダリングに移行した件(その1:概要編)

先日、「チェンクロパーティーシミュレーター」(以下「ccps」)をアップデートしまして、 サーバサイドレンダリング(いわゆる「SSR」)に対応しましたヽ(`・ω・´)ノccpts.parrot-studio.comgithub.com過去の経緯はこちらを見ていただきたいのですが・・・par…

ES6で書いたReactのアプリをTypeScriptに移行した件(+そこに至るまでの歴史)

これだけ読めばいい(かもしれない)概要 めちゃくちゃ長くなってしまったので、先に概要だけ...φ(・ω・`) クライアントサイドのコードが複雑化してきたので、TypeScriptの適用領域が広がっている いきなりTypeScriptを導入するのではなく、まずES6で整理して…

Rails+Reactアプリをbrowserifyからwebpack基盤に移行した件

ちょうど一年ほど前、「チェンクロ パーティーシミュレーター」(以下ccpts)を、 jQueryを使った制御から、React.js + Bacon.jsで大幅に書き換えました...φ(・ω・`)parrot.hatenadiary.jpccpts.parrot-studio.comgithub.comそもそも、ccpts自体、 「モバイル…

既存のWebアプリをReactで書き換えた話(+ES6の困った点)

本当は1ヶ月前に下書きを書いた記事なのですが、 忙しくて見直す時間がなく、だいぶ遅くなってしまいました(´・ω・`)その間にバグfixを進め、一応安定動作していますし、 それもふまえた内容に書き換えていく方向で・・・ 相変わらずメンテと拡張を続けている …