「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ですが、私は検討の結果Cycle.jsを選びました。Cycle.jsの概要や使い方、魅力をお伝えします。 多くの開発者はアプリ開発時になんらかのフレームワークを利用しているでしょう。フレームワークは複雑なアプリ構築の手間をなくし、時間を節約します。利用者が多いからか、最高のフレームワークや、フレームワークの何を学ぶべきかなどの話題があふれています。 Reactは現…

Copyright © 2017, Ivan Jovanovic All Rights Reserved.

Ivan Jovanovic

Ivan Jovanovic

フルスタック対応の上級開発者です。開発チームを率いてコーディングやその監修も担当し、フルスタックJavaScriptの優れたアプリを開発・保守しています。JavaScriptをこよなく愛し、毎日コードを書いています。リアクティブ・プログラミングやDDD、新しいJSフレームワークなどの新技術や概念にも喜んで取り組みます。自己研鑽に余念がなく、毎日新たなことを学び続けます。余暇はギターとバイクを楽しみます。

Loading...

米国版2ちゃんねるとも言われる巨大掲示板Reddit。バックエンドにFirebase、フロントエンドにReactを使うことで、時間をかけずにReddit風掲示板を作る方法を解説します。 Reactはユーザーインターフェイスの構築に使われるJavaScriptのライブラリーです。Create-React-Appを利用すれば、Reactアプリケーションのひな形を簡単に準備できます。 この記事ではCre…

Copyright © 2017, Nirmalya Ghosh All Rights Reserved.

Nirmalya Ghosh

Nirmalya Ghosh

インタラクティブデザインに強いフリーランスのWebデザイナー。Infismashの創立者で、WordPressのテーマ開発に力を入れています。オープンソースソフトウェアの大ファンです。

Loading...

Reactのステート管理といえばReduxですが、React以外でも使えるライブラリーとして注目されているのが、MobXです。少ないコードですばやくアプリケーションを作成しましょう。 Reduxの不満点は、機能を実装するのに必要なボイラープレートのコード量の多さです。解決する方法にMobXがあります。MobXはReduxと同様の機能を持ちますが、記述するコードの量が少なくて済むライブラリーです。 …

Copyright © 2017, Michael Wanyoike All Rights Reserved.

Michael Wanyoike

Michael Wanyoike

簡潔で読みやすいモジュール方式のコードを書き、好きなことはワークフローの効率や生産性の向上に役立つ新たなテクノロジーを学ぶこと。最近はReactとJavaScriptにのめり込んでいます。

Loading...

リアルタイムなAPIを作れるフレームワークFeathersとReactを使って、CRUDなWebアプリを開発する基礎を解説します。 モダンなプロジェクトでは、コードの再利用性を高めるため、フロントエンドとバックエンドでロジックを分けてコードを書くことが求められます。具体的な再利用の用途は、バックエンドAPIにアクセスするネイティブモバイルアプリを作る場合や、モジュール方式の大規模プラットホームにお…

Copyright © 2017, Michael Wanyoike All Rights Reserved.

Michael Wanyoike

Michael Wanyoike

簡潔で読みやすいモジュール方式のコードを書いています。好きなことはワークフローの効率や生産性の向上に役立つ新たなテクノロジーを学ぶことです。最近はReactとJavaScriptにのめり込んでいます。

Loading...

数週間前、GitHubでプロジェクトをシェアしている開発者に出会いました。そのプロジェクトはTrelloのクローンで、React、Redux、Express、MongoDBからなるプロジェクトでした。全階層、広い範囲にわたりフルスタックのJavaScriptスキルが駆使されていました。 開発者のMoustapha Dioufに、プロジェクトに取り組む際の技術選択、設計、開発について書いてみないかと…

Copyright © 2017, Moustapha Diouf All Rights Reserved.

Moustapha Diouf

Moustapha Diouf

フルスタックのソフトウェア開発者。Web中毒で、熱烈なJavaScript屋。コーディングを愛し、JavaScriptロックスターを目指しています。

Loading...

ブラウザー上でVRコンテンツを表示できるWebVR。React Nativeをベースに開発された「React VR」でWebVRアプリを作ってみました。 React VRは、Facebookが開発したJavaScriptライブラリーで、WebVRアプリケーションを作成できます。A-Frame by Mozillaとの違いは、WebVRシーンの作成にHTMLではなく、JavaScriptを使うことで…

Copyright © 2017, Michaela Lehr All Rights Reserved.

Michaela Lehr

Michaela Lehr

ベルリン出身で、フロントエンド開発者およびUXデザイナーとして活躍する傍ら、開発スタジオ GeilDankeを共同設立しています。趣味はゲーム作りやヨガ、サーフィン、編み物。

Loading...

ReactとMeteorを使ったモダンなフレームワーク「Telescope Nova」を使えば、自分好みにカスタマイズしたStack Overflow風のソーシャルサービスを手軽に作れます。 Telescope Novaは現在、Vulcan.jsにリブランド中です。この記事では掲載時のままTelescope Novaと表記しています。 Telescope Novaは、ソーシャルWebアプリを手早く…

Copyright © 2017, Jelena Jovanovic All Rights Reserved.

Jelena Jovanovic

Jelena Jovanovic

Vanila.ioの共同創始者で、Web開発者です。TwitterとInstagramで最新情報を配信しています。

Loading...

月間1000万PV、有料会員25万人を抱えるオーストリア発のWebテクノロジーメディア「SitePoint」。Reactを使ったリニューアルの舞台裏をお届け。 SitePointの優れたコンテンツは記事に限ったことではありません。最近のトップページリニューアルは、SitePoint Premiumの書籍、セミナー、動画やフォーラムでのディスカッションなど、記事以外のコンテンツをいっそう引き立てるこ…

Copyright © 2017, Brad Denver All Rights Reserved.

Brad Denver

Brad Denver

10年ほどさまざまなコードと格闘したあと、2015年シニアデベロッパーとしてSitePointに参画しました。「純粋に」関数を愛好し、「副作用」に満ちた生活を楽しんでいます。

Loading...