タグ

ElmとAltJSに関するjsstudyのブックマーク (8)

  • Elmの型で読むReduxやVuexのアーキテクチャ - Qiita

    はじめに 近年徐々に複雑になるwebフロントエンドの状態管理の仕組みとして、ReactVue.jsといったwebフロントエンドフレームワークのお供にReduxVuexと言ったライブラリを組み合わせて使うことが多いと思います。 それら二つのライブラリは、Elmという高品質webフロントエンド構築のための関数型AltJSが用いているThe Elm Architectureと呼ばれるアーキテクチャに影響を受けて作られました。 追記: ReduxElmの時系列はReduxの方が先であり、しかしながら状態のimmutableなどは影響を受けていることから、 現在の形のReduxElmに影響を受けている所がある。 という表現が正しかったようです。 コメントありがとうございます。 参考 Vuexとは何か?|Vuex reduxjs / redux Elmの型システムや見た目は非常にリーダブルであ

    Elmの型で読むReduxやVuexのアーキテクチャ - Qiita
    jsstudy
    jsstudy 2020/01/09
    ReduxやVuexは使い道がよくわからない関数をたくさん定義して、何をしたいのかわからなくなることがありますが、結局modelを引数にしてhtmlを返す巨大な純粋関数としてwebフロントエンドを定義してあげたいだけなんですね。
  • Elmの歩き方2019

    Elm Meetup in Summer 2019

    Elmの歩き方2019
    jsstudy
    jsstudy 2019/08/30
    ReduxはElmアーキテクチャを参考にしてる。Elmのエコシステムで不足を感じてもその作法は一度見ておく価値がある?Haskell風に書きたいならPureScript+Reactという選択肢もある。Elmは教材が良いので速習可能 https://guide.elm-lang.jp/
  • Amazon.co.jp: 基礎からわかる Elm: 鳥居陽介: 本

    Amazon.co.jp: 基礎からわかる Elm: 鳥居陽介: 本
    jsstudy
    jsstudy 2019/08/29
    単行本(ソフトカバー): 224ページ 出版社: シーアンドアール研究所 発売日: 2019/2/27
  • Elmはどんな人にオススメできないか - Qiita

    はじめに 高品質なWebフロントエンド開発を可能にするためのプログラミング言語Elm。その長所を上げればキリがありません。 強い型制約によって実行時エラーをほぼゼロにできること リリースごとに言語機能が減るというどこまでも考えつくされたシンプルな設計 それでいて実用的なアプリケーション開発にとことん貪欲な機能たち まともなパッケージマネージャー テストしやすさ ...... 一方で、そういった強力な武器たちの切れ味を保つために他の言語とは異なる事情を抱えています。 記事では、その特有な性質がゆえに誤解されてしまうことも多い Elm というプログラミング言語について、誤解を解きながら、唯一無二の魅力をお伝えしていきます。 この記事を書いた当時は Elm 0.18 の時代でしたが、Elm 0.19 が出た今でも変わらない内容です。 Elm の根幹部分について言及した記事なので、今後 Elm

    Elmはどんな人にオススメできないか - Qiita
    jsstudy
    jsstudy 2019/08/29
    まず、最適な設計について考えた結果であるフレームワーク (The Elm Architecture) が先にあり、そのフレームワークを使う上で必要な機能を考えた結果としてElmがあります。Elmは汎用言語ではなく、あくまでDSLの一種なのです。
  • JavaScriptとElmを比べてみた〜後編・Vue.jsとも比べてみた〜 - Qiita

    ※前編はこちらやで。 ハスケル子「引き続き、JavaScriptElm・・・」 ハスケル子「そしてVue.jsもちょこっと比べてみましょう」 オブジェクト(のようなもの) JavaScriptのオブジェクト const takashi = { displayName: "たかし", age: 36, height: 173, weight: 73 };

    JavaScriptとElmを比べてみた〜後編・Vue.jsとも比べてみた〜 - Qiita
    jsstudy
    jsstudy 2019/08/29
    Vue勉強しててもReact勉強してても副作用を起こさないようにとか、外部の状態に依存しない純粋な関数…つまり参照透過的な関数を書こうとか、色んなドキュメントに書いてある。そういう風にしか書けないElmやりゃあいい
  • はじめに · An Introduction to Elm

    Elm について (はじめに) ElmJavaScript にコンパイルできる関数型プログラミング言語です。 ウェブサイトやウェブアプリケーションを作るのに役立ちます。Elm はシンプルであること、簡単に使えること、高品質であることを大切にしています。 このガイドは以下のことを目指します。 Elm によるプログラミングの基礎を身に着けてもらうこと The Elm Architecture を使ってインタラクティブなアプリケーションを作る方法をお見せすること あらゆる言語で使える法則やパターンを重視すること 最終的にはあなたには Elm を使って素晴らしいウェブアプリをただ作れるようになるだけでなく、Elm をうまく使えるようになるための核となるアイディアやパターンを理解してもらえればと思います。 Elm に対して様子見の立場である方も、Elm をちょっと試してみて実際に何かプロジェク

    jsstudy
    jsstudy 2019/08/29
    Elm は JavaScript にコンパイルできる関数型プログラミング言語です。ウェブアプリを作るツールという面では React のようなプロジェクト。Elm はシンプルであること、簡単に使えること、高品質であることを大切にしています
  • JavaScriptとElmを比べてみた〜前編〜 - Qiita

    ワイ「constもletもvarも無いねんな」 ハスケル子「はい」 ハスケル子「デフォルトで再代入不可です」 ハスケル子「つまり不変なので、変数ですらなくて」 ハスケル子「ただ値に命名している、値を定義しているって感じですね」 ハスケル子「あとセミコロンも要りません」 ワイ「再代入はできなくても、JSのconstみたいに」 ワイ「オブジェクトのプロパティを一部変更することはできんねやろ?」 ハスケル子「いえ、オブジェクトのプロパティ・・・」 ハスケル子「というかElmではレコードのフィールドですね」 ハスケル子「フィールドも上書きできません1」 ハスケル子「全ての値が不変です」 ワイ「へぇぇ・・・」 関数の定義 JavaScriptの場合

    JavaScriptとElmを比べてみた〜前編〜 - Qiita
    jsstudy
    jsstudy 2019/08/29
    分かりやすいElmの話 ハスケル子「気になるならElm Guide読んでみてください」→https://guide.elm-lang.jp/
  • ElmとPureScript、どっちを選べばいいんだよ - Qiita

    (※アイキャッチ画像は、この記事に関係あるようで関係ないウサギ対ウナギ画像です) アドベントカレンダー『Elm2』の昨日の記事は、ababさんの『Elmで副作用を扱う仕組みCmdがとっても良い理由』でした。副作用のある部分とない部分を分離する「純粋」な言語は、作用を扱うのが面倒くさい言語だと思われがちですが、実は作用を扱うのがとても上手なんですよね。ElmのCmdは、Haskellみたいにモナモナせずにシンプルに作用を扱う方法としてElmがたどり着いた、ひとつの解答であります。 さて、ElmPureScript は、どちらも AltJS にして Haskell の直系の子孫であり、そしてどちらも正格評価でありレコード型のような機能を取り込んでいるなど、共通点の多い言語たちでもあります。このどちらを選べばいいのか、迷っている人もいるのではないでしょうか。そんな方のために、それぞれの特徴

    ElmとPureScript、どっちを選べばいいんだよ - Qiita
    jsstudy
    jsstudy 2018/12/05
    Reactも使ってるならBuckleScriptもあり
  • 1