Elm のパイプ |> の良さ - ジンジャー研究室
小ネタ。 JavaScript の [1,2,3].map(a => a + 1) が、 Elm だと [1,2,3] |> List.map (\a -> a + 1) で、両方とも左から右に読めるからそんなに変わらないなーと思ってたんだけど、一つ違う点に気づいた。JavaScript で Promise を気持ちよく連鎖してて書いてて、いざ並列実行しようとなった時に const promises = [1,2,3].map(a => a + 1).map(toPromise) Promise.all(promises) のように少し回りくどくなり、なぜ promises.all() と書けないのかと考えたら「配列にメソッドを追加するのが微妙だから」と気づいた（prototype 拡張で不可能ではない）。一般的に言うと既存の型に何か関数を追加できない。 Elm のパイプを使う場合、その制
[Elm] inputタグにlazyを使うときの落とし穴と解決策 - Qiita
概要 input タグを含む関数に対して Html.Lazy.lazy (および lazy2, lazy3, ...) を適用すると、特定の条件で lazy なしの場合と異なる挙動をしてしまいます。 この記事では、その特定の条件と原因、および解決策についてまとめます。 lazy なしの場合 この記事で紹介するコードは、すべてgithub上で確認できます。 まずは、lazy を用いない例を考えましょう。 type alias Model = { ... , value : String } type Msg = ... | UpdateValue String update : Msg -> Model -> ( Model, Cmd Msg ) update msg model = case msg of ... UpdateValue str -> ( { model | value =
![[Elm] inputタグにlazyを使うときの落とし穴と解決策 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/ddd74319d1af02345a20ad13a6cc5b6b42b618bd/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCRWxtJTVEJTIwaW5wdXQlRTMlODIlQkYlRTMlODIlQjAlRTMlODElQUJsYXp5JUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJTg2JUUzJTgxJUE4JUUzJTgxJThEJUUzJTgxJUFFJUU4JTkwJUJEJUUzJTgxJUE4JUUzJTgxJTk3JUU3JUE5JUI0JUUzJTgxJUE4JUU4JUE3JUEzJUU2JUIxJUJBJUU3JUFEJTk2JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz04NjdlNmVmMWU1MjY5OWE3ZGY5MWUwZmZhYTJjZmMyMg%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwYXJvd00mdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTJiNmQzMmQ0MjNhNGJiMTQyNDRiNjFmMTgxMGZkZjFi%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D1218b987e5cddf66a2c38f4ad4936812)
We Are PureScripters #2 関数型WebフロントエンドフレームワークLT大会 (2017/08/29 19:30〜)
We Are PureScripters!とは 6/6のWe Are JavaScripters!で「純粋関数型言語では副作用をどう扱うのか」というLTをした時に、PureScriptに興味があるという方が20名位いました。ゆくゆくは全員登壇するLT大会の開催を目指して、We Are JavaScripters!のスピンオフとしてWe Are PureScipters!を始めました。 PureScriptとは Haskellの影響を受けた純粋関数型AltJS(JavaScriptにコンパイルされる言語)です。JavaScriptでImmutable.jsを使って関数型プログラミングをするのであれば、純粋関数型のPureScriptを試してみませんか。 なぜPureScriptなのか ハッカソンでのJavaScriptを使った開発で、いろいろな落とし穴にハマってしまいMVP(Minimum
Elm 用の CSV デコーダーを作った - ジンジャー研究室
Elm 界隈では構文解析するライブラリを「パーサー(Parser)」、それを Elm の型に落とし込むものを「デコーダー(Decoder)」と呼び分けることが多い。パーサーは既にあって（lovasoa/elm-csv）、デコーダーで良いものがなかったので作った。 CsvDecode - elm-csv-decode 1.0.0 使い方 elm-tools/parser インスパイアのパイプライン式。 -- CSV の各行をこの User 型にしたい type alias User = { id : String , name : String , age : Int , mail : Maybe String } -- デコーダー Decoder User を作る userDecoder : Decoder User userDecoder = succeed User |= field
Elm reactor and custom HTML
elm-reactor is an underrated tool. Not only does it do on-demand recompilation of Elm source code, but it can serve up other assets, too. But did you know you can serve your own HTML with live-compiled Elm code, too? This is useful if you need JS interop or want to start your program with flags. The trick here is that elm-reactor exposes a “magical” /_compile directory — any elm file prefixed with
Elm を既存の JavaScript と併せて使う N の方法 - ジンジャー研究室
今月、社外向けに１回、社内向けに１回 Elm の紹介をしたところ、両方とも好評で「ぜひ使ってみたい」という声が多く、良かったと思う一方で、ここは補足すべきだったなーという点があったので書きます。 両者に共通して頻出だったのが、 既存プロジェクトの一部に導入するにはどうすればいいか JavaScript のライブラリは使えるのか という質問。 Elm の紹介としてはメインの話題じゃないんだけど、まぁ実際に導入しようと思ったら確かにそこ一番気になると思う。 Elm の初期化方法 まず、Elm の仕組みから見ていくと、例えば Main モジュールをエントリポイントとした場合、JavaScript 側で最も簡単に初期化する方法は次の通り。 <script src="/assets/elm.js"> <script> Elm.Main.fullscreen(); </script> fullscre
Elm Tokyo
東京近辺で Elm のイベント（ハッカソンとか）をやります。 Elm events (hackathon etc.) in Tokyo. (English is below) Elm って何？ Elm は Web フロントエンド（または SPA）に特化した関数型プログラミング言語です。 JavaScript にコンパイルすることでブラウザ上で動作します。 主な特徴 強い静的型付け（実行時例外ゼロ！） 親切なエラーメッセージ 高速な Virtual DOM 実装 React & Redux 風のアーキテクチャ（The Elm Architecture） Semantic Versioning の強制 JavaScript との相互運用（Port） どんな人におすすめ？ jQuery に限界を感じた方 React に限界を感じた方 なんか面白そうだからやってみたい方 活動内容 未定です。 co
GitHub - jorgebucaran/hyperapp: 1kB-ish JavaScript framework for building hypertext applications
The tiny framework for building hypertext applications. Do more with less—We have minimized the concepts you need to learn to get stuff done. Views, actions, effects, and subscriptions are all pretty easy to get to grips with and work together seamlessly. Write what, not how—With a declarative API that's easy to read and fun to write, Hyperapp is the best way to build purely functional, feature-ri
Meet Ellie | HumbleSpark
Ellie puts the Elm platform in your browser so you can try Elm, share ideas, and bring your programs to life. Try It Every Elm PackageEllie syncs with the public Elm package list every 15 minutes. Whether you want to use popular packages or show off one you just created, all it takes is the press of a button. Try It Elm, HTML, JS, CSSAccess the full strength of Elm’s feature set with custom JavaSc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - pzp1997/elm-ios: Bringing the wonders of Elm to the iOS platform
GitHub - roman01la/js-memory-usage: Data Structures Memory Usage in JavaScript
GitHub - stil4m/elm-analyse: A tool that allows you to analyse your Elm code, identify deficiencies and apply best practices.
Richard Feldman Discusses Elm and How It Compares to React.js for Front-End Programming
GitHub - wende/elchemy: Write Elixir code using statically-typed Elm-like syntax (compatible with Elm tooling)
GitHub - eirslett/elmvm: Elm Version Manager
GitHub - tgecho/babel-plugin-elm-pre-minify: A **VERY EXPERIMENTAL** Babel plugin that prepares Elm compiled Javascript for optimal minification
使い放題？Wi-Fiレンタル活用のメリット
GitHub - NickSeagull/ramus: 📶 - Elm style FRP library for Haskell
GitHub - louispan/glazier: Command interpreter using Continuation monad and variants
GitHub - rtfeldman/elm-use: Switch between Elm versions