console.lealog();

@leader22のWeb系に関する勉強めもブログですのだ

React

react-native-web と react-native-dom

`react-native-web`は去年くらいに話題になってたと思うけど、最近は`react-native-dom`なる別のやつが取り沙汰されてて、これらは何が違うの?という人へ。ずばりコレではあるものの、それでもわからんよって人のためへのメモ書きです。Difference between …

React x MobXな趣味プロダクトをTypeScriptでリライトしようとしてたメモ

React x MobXでできてる自分専用の音楽ストリーミングサービスがありまして。冬休みなのでTypeScriptで書き直したりしてみようかなと思ってちまちまやってた。 ただ結局は自分一人しかコード書かないので、コスパに見合わないと判断して採用は見送った。 Git…

やっぱりサーバーサイドレンダリングなんかしなくていいやという気持ち

個人の意見 aka ポエムです。 界隈的には今さら感がすごいけど。そんな今さらポエった事情としては、 とある案件でSPAをReactで作りつつサーバーサイドレンダリング(以下SSR)をすることになるかも SPAじゃないページもまとめてReactでSSRすることになるか…

Use before declarationとかいうEdgeのエラー

ReactなプロジェクトでEdgeでだけ動かないケースがあって調べてた。 Expression-body arrow function parameter destructuring "Use before declaration" error when parameter is only used in an inner function · Issue #2606 · Microsoft/ChakraCore · G…

MobXを使ったアーキテクチャについて

いまさらですが、俺的Real world MobXです。 いちおう半年くらい仕事でも趣味でも触ってきてての今です。あくまで1つの例ですが、どこかの誰かの何かの参考になれば。

react-intlで属性値を多言語化する

単純なノードとしてなら、``とかそのまま使えばいい。 けど、`title`とか`alt`とか`placeholder`とか属性値およびそれ以外のフックとかでどうすんのってことを調べたメモ。もちろん、根本に`<IntlProvider />`がある前提は変わらず。</intlprovider>

これからMobXをはじめる人へ

さて、 #MobX に出会ってはや半年が経ちました。 相変わらずTwitterとか見てる限り、俺くらいしか使ってないのでは感を感じてたりはするんですけど・・。2016年の海外では割と話題になってた(と個人的には)思ってて、2017年になれば国内でもぼちぼち取り上…

React Nativeでアプリを作る過程で使うであろう画像について

以下の2つについて。 アプリ内で出す画像 App Icon XCode慣れしてないフロントエンドエンジニア向け。

0からはじめる MobX Part.2

第2回は、MobXのReactバインディングである`mobx-react`について。 GitHub - mobxjs/mobx-react: React bindings for MobX ちなみに、React Native用のバインディングとかもあります。

jsx-no-bindだとStateless Functional Componentsでpropsをハンドラに上手く渡せない問題

お前は何を言っているんだみたいなタイトルですが、つまり・・。 // 子 const SFC = ({ some, vars, and, handler, }) => { return ( <div onClick={handler}></div> ); } // 親 class Container extends React.Component { render() { // 略 <SFC {...item} handler={this.handler} /> } handler(ev) { // ココで子に渡したpropsを</sfc>…

TechFeed Live#2 「React vs Angular2」 に行ってきたメモ #techfeed

そもそものところで色々ツッコミたい気持ちはみなさんあるでしょうが、せっかく当選したので観戦に行ってきました。 React陣営は @koba04 & @yosuke_furukawa Angular陣営は @laco0416 & @armorik83 モデレータは @Shumpei メモは雑なので、漏れとか齟齬とか…

0からはじめる MobX Part.1

海外では去年くらいからRedux alternativeとして割と名前が上がってると思うのですが、国内はまだまだもっぱらReduxですねー。個人的には何でもいいんですけど、Reduxはもう色んな人がやってるし、自分は違う方面を掘ってみたいなーと思いつつ、 いつまでた…

React NativeでNativeからのイベントをSwiftで受けて使うには

またも何が言いたいんだみたいなタイトルですがようは、 Native側で特定のタイミングでイベント発火 それをjs側で監視 それを、Swiftでどう書けばできるようになるのかというメモです。 またもドキュメントにはObj-Cのことしか書いてません。 Native Modules

React NativeでNative機能をSwiftで書いて使うには

React Nativeの対応が追いついてないNative機能を使うには、自分でブリッジを実装する必要がある。ただ公式のDocsはほぼObj-Cのことしか書いてなくて、Swiftでもできるよ!って一言くらいしかない。 もちろん調べてもろくな例が出てこない!かといってObj-C…

React NativeでDecoratorsを使うには

mobxとか使おうとすると必要ですよね? そんなDecoratorsが使いたいって場合とかに、どうやって自前でプラグインを追加するかという話。デフォルトでもReactNativeは勝手にBabelでコンパイルしてくれるんやけど、その設定をどうやって上書きすればいいかとい…

第65回 HTML5とか勉強会 ー React最新情報 に行ってきたメモ #html5j

Angularの人が受付してるReactの勉強会に着いたやで— りぃ (@leader22) May 31, 2016 ちなみに、今年のHTML5 Conferenceは9/3(土)だそうです。

フロントエンドエンジニアが思うReact Native

いまさら感はなきにしも。Xcode7からお布施なしで実機インストールができるようになったので、これはもしやワンチャンあるかと思って調べたことのメモです。

#ウデマエアーカイブ をReactで書き直した件に関するメモ

スプラトゥーンのウデマエを可視化するサービスを - console.lealog(); イカのゲームが発売されたのが去年の5月。 ↑の記事を書いたのが去年の8月。 よもや1年に渡って同じゲームをやり続けることになろうとは・・・。

Reactのコンポーネントに小文字を使うと

ダメです。ドキュメントにも普通に書いてます。 JSX in Depth | React

#スーパーイカメーカー を支える技術

どうも、中のイカです。 昨日の15時頃に晴れてリリースしたコレですが、正直想定してなかったレベルで反響があって驚いてます。ikasu.lealog.netさてさて、というわけで恒例の裏側紹介記事です。

petehunt/react-howto の日本語訳

petehunt/react-howto · GitHub これの、2016/01/07時点での日本語訳です。 更新は追わないと思うので、流し読みにどうぞ。

React.js meetup #2 に行ってきたメモ

いってきたシリーズが続いております。 つまりはメモ記事です。

Reactでちょっとしたサービスを作りました

みなさんマリオカート8やってますか? 200ccは速すぎて難しすぎるので、結局オンラインなGWですどうも。春になりDLCも増え、そろそろカスタマイズを一新したいとか考えてま・・すよね? そんなあなたのために、WiiUを起動しなくてもカスタマイズを考えられる…