[B! elm] kuyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kuy id:kuy

elmã«é–¢ã™ã‚‹kuyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (10)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

DIV â‡’ SVG ç§»è¡Œã—ã¦æ°—ä»˜ã„ãŸã“ã¨ - ã‚¸ãƒ³ã‚¸ãƒ£ãƒ¼ç ”ç©¶å®¤
ãƒžãƒƒãƒ—é–²è¦§ãƒ»ç·¨é›†ã‚·ã‚¹ãƒ†ãƒ ã§ç”»é¢ä¸Šã« DIV ã§æã„ã¦ã„ãŸå›³å½¢ã‚’ SVG ã«ç§»è¡Œã—ãŸã€‚å†…éƒ¨ã«æ•°ç™¾ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’å«ã‚€è¦ç´ ã®å‹•ä½œãŒé‡ãã€ãƒ‰ãƒ©ãƒƒã‚°ã—ãŸã¨ãã«ã‚«ã‚¯ã‚«ã‚¯ã«ãªã‚‹å•é¡Œã‚’è§£æ±ºã—ãŸã‹ã£ãŸã€‚ã¡ãªã¿ã« Virtual DOM ã¯ä½¿ã£ã¦ã„ã‚‹ãŒã™ã§ã«æœ€é©åŒ–ã¯æ¸ˆã‚“ã§ãŠã‚Šã€æ¯Žå›žæç”»ã•ã‚Œã‚‹ã‚ˆã†ãªäº‹æ…‹ã¯ã‚ã‚‰ã‹ã˜ã‚é¿ã‘ã¦ã„ã‚‹ã€‚ä»£æ›¿æ¡ˆã¨ã—ã¦ Canvas ã¨è¿·ã£ãŸãŒ CreateJS ã®ã‚ˆã†ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã‚ãªã„ã¨ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ãŒãã¤ã„ã®ã§ã€ SVG ã§è¡Œã‘ã‚‹ãªã‚‰ãã‚ŒãŒä¸€ç•ªã€‚ä»¥ä¸‹ã€ç§»è¡Œã—ãŸçµæžœã¨ç§»è¡Œä¸ã«æ°—ä»˜ã„ãŸã“ã¨ã®ã¾ã¨ã‚ã€‚ æç”»ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãŒä¸ŠãŒã£ãŸï¼ˆFirefox: 20fps â‡’ 60fpsã€Chrome: 50fps â‡’ 60fpsï¼‰ã€‚ Chrome ã® DevTools ã§è¦‹ã‚‹ã¨ã€DIV ç‰ˆã¯ UpdateLayout ã¨ Paint ã«æ™‚é–“ãŒã‹ã‹ã£ã¦ã„ã‚‹ãŒã€ SVG ã¯ Layout ã«æ™‚é–“
kuy 2017/04/19
ã“ã“ã¾ã§åŠ¹æžœãŒã‚ã‚‹ã¨ã¯é©šãã ã€‚

elm

performance

optimize

svg
ãƒªãƒ³ã‚¯
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 ã¨ã—ã¦æ´»æºŒã«çºŒ[ã¤ã¥]ãã ã‚‰ã†ã€‚ åˆ¥ã®
kuy 2017/03/18
ã‚¹ãƒ©ã‚¤ãƒ‰ã®è§£èª¬è¨˜äº‹ã€‚

OCaml

js

elm

BuckleScript

Reason
ãƒªãƒ³ã‚¯
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 --
kuy 2016/12/04
Elmã«é™ã‚‰ãªã„çŸ¥è¦‹ã‚‚ã‚ã£ã¦ã™ã°ã‚‰ã—ã„ã€‚

elm
ãƒªãƒ³ã‚¯
Creating Your First Elm App: From Authentication to Calling an API (Part 1)
Elm Creating 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
kuy 2016/08/10
Elmã®å®Ÿè·µçš„ãªãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚Part 1ã§ã¯Elmã‚¢ãƒ—ãƒªã®æ›¸ãæ–¹ã¨APIå‘¼ã³å‡ºã—æ–¹æ³•ã€Part 2ã§ã¯JSON Web Tokensã‚’ä½¿ã£ãŸèªè¨¼æ©Ÿèƒ½ã‚’å®Ÿè£…ã™ã‚‹ã€‚å®Œå…¨ãªã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯GitHubã«ç½®ã„ã¦ã‚ã‚‹ã€‚

elm

tutorial

spa
ãƒªãƒ³ã‚¯
Elmã®ã•ã‚ã‚Œã‚‹å‰¯ä½œç”¨
M3 tech meetup! #2ã€€ï½žãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®å‰¯ä½œç”¨ï½ž ã«ã¦ http://m3-engineer.connpass.com/event/33802/
kuy 2016/07/15
Elmã¯å‰¯ä½œç”¨ã‚’åŽ³å¯†ã«æ‰±ã†è¨€èªžã€‚ã‚³ãƒ¼ãƒ‰å†…ã«å‰¯ä½œç”¨ãŒã‚ã‚‹ã‹ã©ã†ã‹ã€åž‹ã‚’è¦‹ãŸã ã‘ã§åˆ¤æ–ã§ãã‚‹ã€‚ã™ã”ã„ï¼

elm
ãƒªãƒ³ã‚¯
GitHub - jinjor/elm-time-travel: An experimental debugger for Elm
kuy 2016/06/09
Elmç”¨ã®ã‚¿ã‚¤ãƒ ãƒˆãƒ©ãƒ™ãƒ«ãƒ‡ãƒãƒƒã‚¬ãƒ¼ã ã€‚ã™ã’ãƒ¼

elm

debugger
ãƒªãƒ³ã‚¯
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~ ã¯é©å½“ã«èªã¿é£›ã°ã—ãŸéƒ¨åˆ†ãŒå¤šã„ã®ã§ã€è©°ã¾ã£ãŸã‚‰ã¾ãŸèªã¿
kuy 2016/06/08
elm

haskell

redux
ãƒªãƒ³ã‚¯
NOT FOR SHARING
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
kuy 2016/06/07
elm
ãƒªãƒ³ã‚¯
GitHub - salsita/prism: React / Redux action composition made simple http://salsita.github.io/prism/
React / Redux action composition made simple Given function f and function g we can simply compose them: f âˆ˜ g = f(g()). Function composition in JavaScript is just a matter of calling function and passing the result as input to other function. This thesis can be applied to React Components and Redux Reducers as well, because functional stateless Component is nothing but function of its props (stat
kuy 2016/05/31
Redux+Elmã¯ã“ã£ã¡ã®æ–¹ãŒå…ˆã‹ã€‚

redux

elm
ãƒªãƒ³ã‚¯
Reducer Composition with Effects in JavaScript Â· Issue #1528 Â· reduxjs/redux
Inspired by this little tweetstorm. Probl em: 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
kuy 2016/03/18
è¤‡æ•°ã®ç‹¬ç«‹ã—ãŸå°ã•ãªã‚¢ãƒ—ãƒªã‚’ï¼‘ã¤ã®ã‚¢ãƒ—ãƒªã«ã¾ã¨ã‚ã‚‹ã¨ãã€side effectã®å‡¦ç†ã‚’ã©ã†ã‚„ã£ã¦åˆæˆã™ã‚‹ã‹ï¼Ÿã«ã¤ã„ã¦ã€‚ã¾ã å…¨éƒ¨è¿½ã„ãã‚Œã¦ã„ãªã„ã€‚

redux

architecture

elm
ãƒªãƒ³ã‚¯
1