「AWS無料相談会」をオンラインで開催中

React

2017年、新規にJavaScriptを書くならどんな設計をするか

この記事はJavaScript Advent Calendar 2016の記事です。 今回は、2017年、新規にJavaScriptを書くならどんな設計をするか、というテーマで書いてみようと思います。2017年といっても、しばらくはこんな感じのアーキテクチャでやってきましたので、どんな構成でJavaScriptを設計してきたかという方が正しいかもしれません。基本的にはSPAをベースとしています。 […]

Flowtypeに入門してJavaScriptコードで静的型付けの恩恵をうけるところまで

ハウス・オブ・カードで寝不足の小飼です。 どうなるんですか、あのアレは... さて、最近個人的にGolangでアプリケーションを作ったり、Haskellを勉強したりしています。 いずれも静的型付けにより、実行前に型エラーを検出可能な言語です。 私は普段、動的型付け言語であるJavaScriptを主に書いていますので、初めこそビルド時のエラーにヤキモキしたりしましたが、慣れてくると非常に快適に感じる […]

仮想DOMライブラリのdekuを読んだ話

英語の勉強をするぞと意気込み、字幕なしで動画を観始めたところフランスが舞台のドキュンタリーを観ていたことに気付いた小飼です。 React.jsでアプリケーションを構築するにあたり、その内部実装について理解して使っているケースは必ずしも多くないと思います。 特にReact.jsの情報があふれているような昨今では、内部実装をきちんと理解しようとすることが直接的にアプリケーション構築の生産性に寄与すると […]

React+Reduxのテスト方針をまとめた

概要 React.js Advent Calendar21日目の記事です。 Reduxというフレームワークがじわじわ広まっている。Reduxは、Fluxの概念を拡張したもので、アプリケーションでひとつの状態をもつと、クライアントでの状態管理がいろいろ便利になるよ、というコンセプトを持つ。詳細は以下の記事が詳しい。 人気のFluxフレームワークReduxをさわってみた - マルシテイアは月の上 Mo […]

最近気になったGithub JavaScriptトレンド7選(2015年6月編)

概要 先月辺りに気になったGithub JavaScriptトレンドを7つ選んでみました。 React UI Builder React.jsのコンポーネントをGUI的に作成できるツール。 GraphQL GraphQLはデータを表記するためのクエリ言語。階層構造を備えたクエリ構造や型システム、クライアント視点でのクエリ、GraphQL言語それ自身によってクエリされるサーバの型システムといった特徴 […]

ここ数年前から2015までのモダンフロントエンドを総まとめしてみた

HTML5や、次々と台頭するJavaScriptフレームワークにみられるように、現在のフロントエンドは異常なほど動きがあります。 常にキャッチアップしていないと、いつのまにかOLDな技術を使い続けることになります。実際に今回記事にしてみて、ちょっとつらくなりました。。 しかし、フロントエンドエンジニアとしてコードを書いていて(最近は主にJavaScript)、そのおもしろさに日々驚いています。 そ […]