[B! WEB][react] y_yukiのブックマーク

全社合宿を支えた SPA アプリ開発〜 React + Rails でプログレッシブ Web アプリ構築〜 - adish intelligence

皆さんはじめまして。2年目新卒エンジニアの坪井(@ufo_ocha)です。普段は先日リリース致しましたhitoboの主にフロント周りを開発しています。さて、Gaiaxグループでは年に2度、夏と冬に全社合宿を行っています。冬は事業部毎の発表など真面目なコンテンツがメイン、夏はみんなで集まり仕事を忘れて遊びましょうと交流がメインとなっています。だいぶ時間がたってしまっていますが、今回は9月に実施した夏合宿で運営として参加し、合宿用アプリを作成した話です。少しではありますが、当日の様子はこちらからどうぞ。子ども・パートナーも参加！ガイアックスグループ夏合宿の軌跡アプリ要件今回の要件ですが、ざっくりと合宿のしおり参加メンバーのプロフィール閲覧コンテンツのフォトロゲイニングとなっています。これは僕ではないのですが、昨年度の冬合宿でしおりをスマホで閲覧しやすいWebページで提供したとこ

y_yuki 2016/11/10

リンク

Reactの最新動向とベストプラクティス ── HTML5 Conference 2016セッションレポート

Reactの最新動向とベストプラクティス ── HTML5 Conference 2016セッションレポート小林徹 2016年9月3日に東京電機大学で開催された「HTML5 Conference 2016」のセッションを特集する第二弾は筆者である私、小林徹が登壇した「 Reactの最新動向とベストプラクティス」の内容を解説します。 Reactの現状 Reactは、2013年にFacebookが公開した、Viewを作るためのJavaScriptのライブラリーです。 https://facebook.github.io/react/ 現在のバージョンはv15.3.2です。 v1.0.0からv14.0.0までのバージョンはありません。「すでに安定していてプロダクションでも利用できる」ことや「セマンティック・バージョニング（パッチ.マイナー.メジャー）に準拠している」ことを示すために、v0.

y_yuki 2016/10/20

リンク

React + Reduxでテック系Podcastをピックアップして聴けるwebサービス、pickfmを作った - 無理しない感じ

https://pickfm.net pickfmとはテック系Podcastにでてくる話題を可視化し、好きな箇所をピックアップして聴けるwebサービスです。下の画像はwada.fm Episode 52の話題を表示した様子です。このように、タイムライン状に表示された話題から聴きたい箇所をピックアップして再生することができます。これをどう実現しているかというと、ディープラーニングを用いて音声認識をしてうんぬんとかそんなことは１ミリもありません。 Podcastを聞きながら内容をふせんに書き出すそれをスプレッドシートに起こすスプレッドシートをcsvにエクスポートする csvをスクリプトでElasticSearchに投入このように非常にローテクな残念仕様となっております。作った動機「あの話、また聴きたいな」と思っても探しだすのが困難で、あっちこっちと這いずり回らないといけないのを

y_yuki 2016/05/19

リンク

Railsで構築しているWebサービスをjQueryベースからReactに移行する時の知見 | スペースマーケットブログ

こんにちは、エンジニアの小林です。先日、スペースを貸し出すオーナー様向けのダッシュボード(管理画面)をリニューアルしました。スペースマーケットはwebサーバもAPIサーバもRailsで構築しているのですが、JQueryをベースに構築していたリニューアル前の実装からReactをベースにした実装へ移行した際に得た知見を書きたいと思います。サーバ構成既存のサーバ構成では、webサイトはwebサーバから、アプリはAPIサーバからそれぞれデータベースを参照していました。リニューアルに伴いwebサーバからもAPIサーバを参照する構成となります。 webサーバから別ドメインのAPIサーバにアクセスするためには CORSの設定 webサーバとAPIサーバはドメインが違うため、ReactのコードからAPIサーバにajaxリクエストが送れません。これを回避するためにCORS(Cross-Origin

y_yuki 2016/03/03

リンク

仮想DOMで魂が震えてから一年、仮想DOMとFluxの今 - Qiita

なぜ仮想DOMという概念が俺達の魂を震えさせるのかから一年、みなさまどのようなフロントエンドをお過ごしでしょうか。僕はひたすら過去資産をリファクタしています。需要の雰囲気色んな所に書きましたが、去年僕が仮想DOM AdventCalendar をやったのは、「僕自身がproductionで使いたい」ので、「Reactまあいいよね」的な雰囲気を作って外堀埋めるのが目的でした。そして、その目的はおおよそ果たされたと言ってもいいでしょう。ご協力ありがとうございました。僕自身はKobito for Windows でReactを使ってみて、そのノウハウを公開したり、今年前半は色々とアウトプットをしていましたが、後半はSpecificなアプリケーションドメインを記述することが多くて、あまりアウトプットする内容がなくなってました。取り敢えずは、新規のプロダクトなら採用してもよい、という雰囲