タグ

ElmとJavaScriptに関するjsstudyのブックマーク (13)

  • [Web フロントエンド] Elm に心折れ Mint に癒しを求める | Kabuku Developers Blog

    こんにちは、 Elm Elm – A delightful language for reliable webapps https://elm-lang.org/ はじめに · An Introduction to ElmElm 公式ガイド日語訳) https://guide.elm-lang.jp/ Elm は関数型の小さな言語仕様を持つ altJS です。 Redux が影響を強く受けた ことでも有名ですね。 “No Runtime Exceptions” は魅力的ですし、何より興味深いのは The Elm Architecture です。 Redux にはあまりセンスを感じられなかったのですが、 The Elm Architecture はとても良さげに見えました。 Elm が持つ 代数的データ型 と パターンマッチ、状態の不変性、 レコードの部分更新式 などとうまく馴染み、簡

    [Web フロントエンド] Elm に心折れ Mint に癒しを求める | Kabuku Developers Blog
    jsstudy
    jsstudy 2020/04/08
    Mint https://www.mint-lang.com/ Mint はシングルページアプリケーションを書くためのプログラミング言語
  • コロナウィルス対策でリモートワークしてみたらReduxやVuexのメリットが分かった - Qiita

    ↓次の記事もよろしくやで! 4歳娘「パパ、20歳以上のユーザーを抽出して?」 忘れ物を取りに久々に出社したワイ ワイ「おはようさん」 ハスケル子「おはようございます」 ワイ「なんや、ハスケル子ちゃんしかおらんのかいな」 ハスケル子「はい」 ハスケル子「みなさんリモートワークです」 ワイ「コロナウィルスのせいで基出社禁止やもんなぁ」 ワイ「通勤せんでいいのは楽チンやけど」 ワイ「みんなに会ってバカ話ができなくて寂しいわぁ・・・」 ハスケル子「やめ太郎さん、あんまり近づかないでください」 ハスケル子「こっち向いて喋るのもやめてください」 ワイ「おお、失礼失礼」 ワイ「もしウィルス感染してたら、うつってまうもんな」 ハスケル子「いえ、単純に口が臭いんです」 ワイ「Oh...」 ワイ「ごめんやで...」 リモートだと、井戸端会議が聞けなくて困る ワイ「なんか、リモートって結構やりにくくない?」

    コロナウィルス対策でリモートワークしてみたらReduxやVuexのメリットが分かった - Qiita
  • Elmをプロダクトで一年書き続けた感想 - Runner in the High

    この記事はElm Advent Calendar 2019最終日の記事です。 去年末あたりから現職のチームでElmを書き始めたので、大体1年程度はプロダクションでElmのコードを書き続けたことになる。学生時代はRubyJavaScriptばっかりだったので、関数型プログラミングとかそういうバックグラウンドは一切なかった。その観点から、改めて率直な感想を申し上げておく。 なお、弊社フロントエンドチームとElmに関するはなしは、私の書いたFringe81アドベントカレンダーの記事を参照のこと。 fringeneer.hatenablog.com Elmには中毒性がある Elmを触ったことのない方からすると「?」になるかもしれない(というか、昔の自分がそうだった)が、率直に言ってElmには中毒性がある。一度Elmを知ると、Elm以外の言語を触るたびに「これ、Elmだったら〇〇なのにな〜」と思う

    Elmをプロダクトで一年書き続けた感想 - Runner in the High
  • elm

    jsstudy
    jsstudy 2019/11/07
    Install Locally The following command should download the latest Elm 0.19.1 binary: npm install elm@latest-0.19.1
  • 【forが嫌い!可読性を上げたい!】楽するために学ぶ配列の高階関数(map, filter, reduce等) - Qiita

    【forが嫌い!可読性を上げたい!】楽するために学ぶ配列の高階関数(map, filter, reduce等)JavaScriptリーダブルコード高階関数 複雑すぎるforの処理に悩まされたことはありませんか? プログラミング習いたての頃、forに悩まされた記憶はありませんか? また、業務で複雑すぎるfor文を見て、これくらい理解できないとやっていけないのか…と悩んだ記憶はありませんか? 実はそのfor…もっと読みやすい書き方が出来て、簡単に読めるとしたら楽じゃないですか? いやいや、単にもっと楽したくありませんか? 今回は個人的に「苦手なfor文」の書き換え(map, filter, reduce等)について、短くなるだけじゃないところを紹介したいと思います。 コードを読む事に神経をとがらせて疲弊したくない人には、オススメしています。(頭を使う労力が減ってると信じたい...) 記事につ

    【forが嫌い!可読性を上げたい!】楽するために学ぶ配列の高階関数(map, filter, reduce等) - Qiita
    jsstudy
    jsstudy 2019/08/30
    JS/AltJSを関数型で書きたいなら、Haskellも一度勉強してみれば良いかも。適切な教材を選べばHaskellの基礎は速習可能。例 http://walk.northcol.org/haskell/ https://github.com/kazu-yamamoto/recursion-drill/ その後、ElmやPureScriptを触ってみればOK?
  • 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
  • 【Vue・React・Elm】ビューの書き方を比べてみた - Qiita

    <template> <div> <button v-on:click="decrement">-1</button> <div>{{ count }}</div> <button v-on:click="increment">+1</button> </div> </template> ほぼHTMLですね。見やすいです。 Vueでの条件分岐や繰り返し v-ifやv-forなどのディレクティブというものが用意されていて、それをHTMLの属性みたいに書きます。 【例】記事タイトル一覧 記事があれば、その分だけ繰り返し表示するし、1件もなければ「記事がありません。」と表示する例です。 <template> <ul v-if="items.length"> <li v-for="item in items"> {{ item.title }} </li> </ul> <p v-else>記事があ

    【Vue・React・Elm】ビューの書き方を比べてみた - Qiita
    jsstudy
    jsstudy 2019/08/29
    Elmではビューすらも関数 Elmでは、HTML要素も関数と引数で表現します。 ビュー部分とプログラム部分、という風に分かれていない感じです。 そのため、ビュー部分でもElmの関数を普通に使えます。
  • 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