「ReactとPHPでStardew Valleyのような経営ゲームを作りたい!」と考えた著者の挑戦は続きます。 以前、ゲームを作ろうと思った経緯を話しました。そして、非同期PHPサーバー、Laravel Mixによるビルドチェーン、ReactJSのフロントエンド、すべてをつなぐWebSocketのセットアップ方法を説明しました。ReactJS、PHP、WebSocketを組み合わてゲームの仕組み…

Copyright © 2017, Christopher Pitt All Rights Reserved.

Christopher Pitt

Christopher Pitt

ライター兼プログラマーでSilverStripeに勤務しています。普段はアプリケーションアーキテクチャーに取り組んでいますが、ときどきコンパイラーやロボットを作ることもあります。

Loading...

複数人でプレイできて、経営シミュレーションの仕組みを取り入れたゲームを作りたい。Stardew Valleyから交流機能を省いた、経営活動ができるゲームだ。 こう考えた私は、PHPとReactJSでゲームを開発することにしました。 しかし問題は、複数人でプレイするゲームの構成や、プレイヤーと経営の仕組みを実装する方法について何も知らなかったことです。 自分自身にReactJSを使うだけの知識がある…

Copyright © 2017, Christopher Pitt All Rights Reserved.

Christopher Pitt

Christopher Pitt

ライター兼プログラマーでSilverStripeに勤務しています。普段はアプリケーションアーキテクチャーに取り組んでいますが、ときどきコンパイラーやロボットを作ることもあります。

Loading...

再描画による「遅い」Reactコンポーネントを速くするための方法を検討しました。追体験しながらどうぞ。 処理結果が変わるようなデータを内部に保持していないステートレスなコンポーネントを解説します。つまりthis.state ={...} を含まないコーポネントです。与えられたプロパティと、下位のコンポーネントを持ちます。 まずは超基本 import React, { Component } fro…

Peter Bengtsson

Peter Bengtsson

フルスタックのWeb開発者で、MozillaのWebエンジニアリングチームの一員です。爆速で楽しいWebアプリの製作に情熱を注ぎ、15年以上にわたりオープンソースのソフトウェアを公開し続けています。新たな試みはwww.peterbe.comを見てください。

Loading...

Reactの大きな特徴の1つは、ファイルを自由に構造できることです。自由ゆえ、パッと見て理解できる構造にならないこともあります。そのためStackOverflawや類似サイトでは、どんなファイルの構造にするか数多くの質問が寄せられています。ファイルの構造は主観的で、正しい答えがありません。本記事ではReactアプリを作成するとき、私が考えるツール選び、ファイル構造、コンポーネントの分解方法を解説し…

Copyright © 2017, Jack Franklin All Rights Reserved.

Jack Franklin

Jack Franklin

ロンドンで働くJavaScriptとRubyの開発者です。ツール作成、ES2015、ReactJSに重点的に取り組んでいます。

Loading...

新しくプロジェクトを始めるときに開発者を悩ませる、フレームワーク選び。ReactとAngularをあらゆる点で比較しながら、どう選ぶべきか? の基準を考えます。 AngularとReactのどちらを選びますか? JavaScriptのフレームワーク選びで多くの開発者が悩んでいます。始めたばかりの初心者も、次のプロジェクトで使うフレームワークを検討中のフリーランサーも、企業戦略を立てるITアーキテク…

Copyright © 2017, Pavels Jelisejevs All Rights Reserved.

Pavels Jelisejevs

Pavels Jelisejevs

ラトビア、リガ出身のソフトウェア開発者で、Web全般に強い関心を持っています。興味の対象は、分析やオートメーションをはじめ、バックエンド・フロントエンド開発もしています。FacebookまたはLinkedInでいつでも相談に応じています。

Loading...

Reactアプリの開発でちょっとやっかいなのが、スタイルシートの扱いです。さまざまな手法の中から、いま注目のstyled-componentsを使った方法を紹介します。 Reactによるアプリケーションの構築手法は標準化がだいぶ進んでいます。しかし、「スタイリング」においては標準的な実装方法がまだ定まっていません。それぞれの方法に長所と短所があり、どれがベストか言えない状況です。 この記事では、R…

Copyright © 2017, Chris Laughlin All Rights Reserved.

Chris Laughlin

Chris Laughlin

北アイルランドのベルファスト在住のアプリケーション開発者です。フロントエンド、特にJavaScriptの開発に注力しています。2010年からソフトウェアの開発に携わり、いまも毎日学び、知識をシェアしています。

Loading...

Reactといえば、SPA(シングルページアプリケーション)のViewに使われるライブラリー。でもThree.jsとWebGLを組み合わせると、3Dのゲーム開発にもメリットがあるようです。 「Charisma The Chameleon」というタイトルのゲームを開発しています。このゲームは、Three.js、ReactJSおよびWebGLを使って開発しています。本記事ではこれらの技術がreact-…

Copyright © 2016, Andrew Ray All Rights Reserved.

Andrew Ray

Andrew Ray

Bay Area出身のソフトウェアエンジニアです。

Loading...

Reactアプリケーションを整理して構築し、保守を簡単にするためにHigher-Order Componentsを使用する方法について説明します。純粋関数でコードをクリーンに保つ方法や、同じ原理をReactコンポーネントに適用する方法を紹介します。 純粋関数 以下のプロパティに従っている場合、その関数は純粋であると見なされます。 取り扱うすべてのデータが引数として宣言されている 与えられたデータや…

Copyright © 2016, Jack Franklin All Rights Reserved.

Jack Franklin

Jack Franklin

ロンドンで働くJavaScriptとRubyの開発者です。ツール作成、ES2015、ReactJSに重点的に取り組んでいます。

Loading...

React.jsを使ってネイティブ風UIのモバイルアプリを作れる「Reapp」。GoogleマップとFirebaseを使った簡単な地図アプリを作ってみました。 2016年5月にこの投稿を更新し、ReactおよびReappの変更を反映しました。 Reactはユーザーインターフェイスを作成するためのJavaScriptライブラリーです。Facebookが開発し、メンテナンスされてきたことで人気を集めて…

Copyright © 2016, Jay Raj All Rights Reserved.

Jay Raj

Jay Raj

ソフトウェアエンジニア、ライターでありCode HandbookTech Illuminationで時折ブログを書いています。

Loading...

いまどきのSPA(Single Page Application)開発に欠かせない存在になった「React」。「自分とは関係なさそう」とまだ使っていないWeb制作者も、この記事でどんなものか体験してみては? (この記事は、2016年5月3日に修正されました) コンポーネントを使った単一方向のデータフローを採るReactのデータフローは、ユーザーインターフェースの構造を記述するのに理想的です。sta…

Copyright © 2016, Dan Prince All Rights Reserved.

Dan Prince

Dan Prince

デジタルノマドで、UKベースのスタートアップ企業Astral Dynamicsの共同設立者です。

Loading...