DIV ⇒ SVG 移行して気付いたこと - ジンジャー研究室
マップ閲覧・編集システムで画面上に DIV で描いていた図形を SVG に移行した。内部に数百のオブジェクトを含む要素の動作が重く、ドラッグしたときにカクカクになる問題を解決したかった。ちなみに Virtual DOM は使っているがすでに最適化は済んでおり、毎回描画されるような事態はあらかじめ避けている。代替案として Canvas と迷ったが CreateJS のようなライブラリを使わないとイベントハンドリングがきついので、 SVG で行けるならそれが一番。以下、移行した結果と移行中に気付いたことのまとめ。 描画パフォーマンスが上がった（Firefox: 20fps ⇒ 60fps、Chrome: 50fps ⇒ 60fps）。 Chrome の DevTools で見ると、DIV 版は UpdateLayout と Paint に時間がかかっているが、 SVG は Layout に時間
OCamlでJavaScriptが幸せ - c4se記：さっちゃんですよ☆
ML Advent Calendar 2016 - Qiita 12/11 參加。 JavaScript と云[い]ふ言語に變換[へんかん]する言語は沢山[たくさん]在った。活溌[かっぱつ]に活動してゐるものは未[ま]だ多いものの、多勢はTypeScriptやElmに流れたやうだ。TypeScript の型 system は軈[やが]て ES.next に成[な]り JavaScript其[そ]の物に成るかもしれない。Elm は軈て ECMAScript で自然に FRP (Functional Reactive Programming) が行なへる機能が提案され役目を終へるだらう。OpalやHaste等[など]は其々[それぞれ]Ruby と Haskell と云ふ人氣[にんき]の在る言語を JavaScript實行[じっこう]機でも使へる tool として活溌に續[つづ]くだらう。 別の
10000行超のElmを書いて見つけたベストプラクティス - ジンジャー研究室
この記事はElm Advent Calendar 2016 の4日目です。 会社で書かせてもらってるElm製アプリが10000行を超えたので、現時点で個人的にこれはと思うベストプラクティスを実際のソース付きで書いてみる。 github.com （アプリについての情報は機会があれば） 1.必ずスタイルガイドに従う 行数が増える傾向にあるが、かなり読みやすくなるので絶対に従った方が良い。 Style Guide 関連コミット （let...in中に空行を挿入している） 2.データ構造にタプルを使わない 例えばマウスの位置などをタプルで(Int, Int)のように書きたくなる。しかし後悔するのでやめた方が良い。 -- 微妙 calculateX : Model -> Int calculateX model = let (x, y) = model.position in max 0 x --
Creating Your First Elm App: From Authentication to Calling an API (Part 1)
ElmCreating Your First Elm App: From Authentication to Calling an API (Part 1)Explore building an app in the functional front-end language Elm. Part 1 focuses on Elm history, architecture, syntax, and calling an API. TL;DR: We can write statically typed, functional SPAs on the front end with Elm. Elm's compiler prevents runtime errors and compiles to JavaScript, making it an excellent choice for c
Elm v0.17の時点の学習メモ 1日目 - Qiita
モチベーション Evan Czaplicki「脱FRP。またはThe Elm ArchitectureからSignalを消した件」 - 以下斜め読んだ内容 を読んで、関数型のおもちゃから、かなり実用指向な舵取りをしているようにみえ、現時点でどれぐらい使い物になるか試してみよう、という気になった。 いつもの言語(JS)から距離があるので、徳が積めそう。 前提: 定期的にハローワールド程度はどう書くのか、ということは調べていたので、まったくの初見ではない。 読んだ資料 http://guide.elm-lang.org/ 基本的な概念 http://www.elm-tutorial.org/en/ ユースケースごとの例 https://qiita.com/tags/elm 実際どういうコードが書かれているかの雰囲気を見ていた guide~ は適当に読み飛ばした部分が多いので、詰まったらまた読み
GitHub - salsita/prism: React / Redux action composition made simple http://salsita.github.io/prism/
Reducer Composition with Effects in JavaScript · Issue #1528 · reduxjs/redux
Inspired by this little tweetstorm. Problem: Side Effects and Composition We discussed effects in Redux for ages here but this is the first time I think I see a sensible solution. Alas, it depends on a language feature that I personally won’t even hope to see in ES. But would that be a treat. Here’s the deal. Redux Thunk and Redux Saga are relatively easy to use and have different pros and cons bu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Elmのさわれる副作用
GitHub - jinjor/elm-time-travel: An experimental debugger for Elm
NOT FOR SHARING
