タグ

2018年1月18日のブックマーク (6件)

  • 中〜大規模なSPAを開発する時に抑えておきたい10のポイント - KAYAC engineers' blog

    こんにちは。カヤックのSPAおじさんこと島津です。 今年はReactVueを使ったSPA開発プロジェクトをいくつか担当してきたので、そこで得た知見の総まとめをしたいと思います。 ※ ここでのSPAとはすべてのViewをJavaScriptで書くWebアプリのことを指します。サーバーサイドMVCを主軸にViewの一部をReactVueで書くこともありますが、今回はそのケースではありません。 1. フレームワーク 数年前とは事情が変わり、 フレームワークを使わないという選択肢は昨今だともう無いでしょう。丸腰のJSでDOMを弄っていた時代に比べると、かなり安定したフロントエンドの開発ができるようになりました。 人気フレームワークの台頭になっている React + Redux Vue + Vuex をこの1年使ってきましたが、書き方は違えどFluxアーキテクチャ・仮想DOM・コンポーネント志向

    中〜大規模なSPAを開発する時に抑えておきたい10のポイント - KAYAC engineers' blog
  • Vuex でのエラーの扱いについての個人的な考え - kitak blog

    最新の dex.fm — Development at Mercari US で、Redux でのエラーの扱いについての言及があって、自分は Vuex (Redux インスパイアな Vue の状態管理ライブラリ)でどうやっていたっけな、というのを文章で簡単に書いておきます。あくまで個人の考えです。 予め、Vuex の Action は、Redux の Action とは異なることを書いておきます。Vuex の Action は、純粋な State の変更を行う前の非同期や副作用が伴う処理を指し、純粋な State の変更は Mutation でおこなっています。Redux での非同期処理の扱いについて書かれた ReduxでのMiddleware不要論 - Qiita の記事の ActionDispatcher に近いものです。 Vuex でのエラーの扱いに関しては コンポーネント内で閉じる

    Vuex でのエラーの扱いについての個人的な考え - kitak blog
    mizdra
    mizdra 2018/01/18
    “Vuex の Action でエラーが発生したことを Action を Dispatch したコンポーネントだけが知ればよい場合は、コンポーネント内でエラーハンドリングをおこなえばよいのではないでしょうか。”
  • React + Redux- Animation - - DeNA Design

    デザイン戦略室フロントエンドエンジニアの吉井です。 昨今の React 実装は、StatelessFunctionalComponent(SFC)を用いて Flux や Redux に状態管理を委譲するデザインパターンが定着していますね。アプリケーションの UX に欠かせないアニメーションですが「SPA とは相性が悪い」という噂を聞いたことがあります。従来の html アニメーションといえば jQuery.animate によるものが定番ですが、jQuery.animate は以下の理由で React と相性が悪いです。 jQuery を使用しないことがほとんどで、ほかライブラリに頼る必要がある。 DOM 参照(ref 参照)のために SFC を諦めないといけない。 Animation 実行中に component を unmount すると参照エラーになる。 Animation の状態を

    React + Redux- Animation - - DeNA Design
  • さよなら、Firebug | POSTD

    最も人気が高くパワフルなWeb開発ツール。 Firebugはこれまでに驚異的な成功を収めており、その12年の歴史において、オープンソースのツールとして、Web開発者の間でカルト的な人気を築き上げてきました。登場したのは2005年、Firefoxブラウザでコードの検査、編集、デバッグをできるようにした最初のツールです。また、どのようなWebページにおいても、CSSHTMLJavaScriptの調査を可能にしています。これは大きな前進でした。 Firebugは多くの人の注目を集め、現在でも100万人以上の熱心なファンがそれを使用しています。 そのような中、来月リリースされるFirefox Quantum (バージョン57) で、Firebugが終焉を迎えるのは残念でなりません。ただし、現在のFirefox Developer ToolsにFirebugの全ての機能が盛り込まれている点につい

    さよなら、Firebug | POSTD
  • エネルギーがない人が新しいことをはじめる時のコツみたいなやつ|けんすう

    簡単にいうと「今がこれからの人生で一番若いんだから、今から何か行動するとよくなる可能性ってまだまだあるよ」的な感じです。 で、いろいろな反応を見させていただいたんですが、出てきた話として、「人生詰んだと思っちゃう人は、新しいことをするエネルギーが足りていないため、何も始められないのでは?」という指摘です。 これはその通りなんです。 「決断疲れ」というのがあり、何かを決断するには膨大なエネルギーが必要なため、1日にできる量は限界があるみたいな話があるのですが、新しいことをはじめるというのにも相当なエネルギーが必要です。「人生詰んだ」と思ってしまう人が、たくさんエネルギーがあるかというと・・・ないですよねえ。 僕の話をします。 僕は小さいころから運動神経もなく、手先も不器用で、勉強もできなくて、歌や楽器も下手で、、と言ったようなそんな感じで他の人と比べてもスペックはだいぶ低いというような印象が

    エネルギーがない人が新しいことをはじめる時のコツみたいなやつ|けんすう
  • Nintendo Labo | Nintendo Switch | 任天堂

    つくる、あそぶ、わかる。2018年4月20日(金)発売、Nintendo Switch『Nintendo Labo』の公式サイトです。

    Nintendo Labo | Nintendo Switch | 任天堂
    mizdra
    mizdra 2018/01/18
    すごい…