はてなブックマーク

こちらは React Advent Calendar 2019 ７日目の記事です。 目次 Reactの誕生とその背景 ReactのOSS化 Reactと周辺環境の時系列 Reactの誕生とその背景 2011年後半、Facebook Ads(Facebook広告の管理ツール)のUIにおいて、機能が増えていくことによりコードが複雑になり保守が困難な状況に陥っていた。 それを解決するためにFacebookの社員であるJordan Walke氏が、FaxJSというReactのプロトタイプを開発しプロダクトに導入した。 そのときのコアな発想としては、f(data)がUIになるといったように、関数にデータを与えることによってUIを生成するというものだった。 FaxJSによるコンポーネント宣言 TestProject.PersonDisplayer = { structure : function()

これを実現するためにやったことのまとめ US配列主義者だけど、現場に入ったらJIS配列のMacが用意されていた。そんなとき。 自分の場合、本体付属のトラックパッドをよく触るので、外部接続のキーボードをMacBookの前に置いて作業するのも効率が落ちる。 だから本体のキーボードがある位置に、US配列のキーボードをいい感じにマウンティングさせたかった。 Apple純正のMagic Keyboardがジャストサイズ Appleのサイトでキーボードを調べてみると、MacBook付属のキーボードと同じスケール感のものがあった => Magic Keyboard - 英語（US) もしかするといけるかもな...と思い、JIS配列のMacBookを持って電気屋に行った。 実際に売り場で現物をマウンティングさせてみると、これがビックリ。ジャストサイズではないか。 上に乗せるぶん若干の高低差はあるが、そんな

Bitriseはモバイル開発向けのCIサービス => bitrise.io 無料の範囲でiOSビルドを行うことができるので、個人プロジェクトにはありがたい。今回はReactNativeプロジェクトのリポジトリを設定して動かして見た。 bitrise.ymlでワークフローを設定する Bitriseにリポジトリを設定した初期段階では、bitrise.ymlはサービス側（bitrise.io）で管理されているが、それをプロジェクトのリポジトリ内で管理したい。そんなとき。 当然ながら公式には手引きがある => Use bitrise.yml from repository 英語が分かる人なら何事もなく実現できるのだが、自分は公式の手引きが100%理解できていなかったために若干はまってしまった。上の手引きの概要をまとめつつ、はまったポイントを残しておきたい。 トリガーマップはbitrise.ioで持

公式サイト JavaScript製のゲームエンジン！ 2Dゲームの開発に適している！ HTML5が動作するブラウザでゲームが動く！軽い！ こんなのが作れちゃう！！ 筆者の作品 github => mqtsuo02/melonjs-town-sample 公式には色んなサンプルが公開されてるよ => made-with-melonJS いますぐ始めたい！！ その情熱、メロンにぶつけろ！！ 必要なものは2つだけ！ nodeの開発環境 Tiled Map Editor（無料） まずは土台を作るよ〜 だまってコマンドを打て！！ # grunt入ってない人はインストール npm install -g grunt-cli # 公式のBoilerplateをclone git clone https://github.com/melonjs/boilerplate.git cd boillerplate