並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 54件

新着順 人気順

Elmの検索結果1 - 40 件 / 54件

 Elm54   javascript  elm    UIReact Hooks - Qiita  
  • 宣言的UIはReact Hooksで完成に至り、現代的設計論が必須の時代になる - Qiita

    この記事は、ある程度以上の規模のGUI開発において、React Hooks以後の宣言的UIにより、大規模開発に用いられる設計論に完全に対応できるようになり「ビジネスロジックの変更や追加」に対応するコストを低く保つこと(技術的負債の抑制)ができるようになったことを解説するものです。 技術的負債の抑制には、技術的負債の原因となりがちな「広範囲の密結合」と「適切な疎結合を保つ仕組みの欠如」が欠かせません。それをカバーするのが、大規模開発をクリーンに行える設計論(ここでは「現代的な設計論」とよぶもの)です。クリーンアーキテクチャなんかでGUIによく適用されるHumble Object Patternのようにプレゼンテーションとビューを分離する必然性が無くなるでしょう。 ポイントは ある程度以上の規模で開発するなら設計論をうまく使い設計しないと、技術的負債を抱え込む(ビジネスロジックの変更や追加に対

      宣言的UIはReact Hooksで完成に至り、現代的設計論が必須の時代になる - Qiita
    • フロントエンドアプリケーションにおいて状態をどこに置くべきか論 - Runner in the High

      後学のために自分の考えていることをまとめてみる。 考えられるパターン これまでの経験から以下4つのパターンがある。 ローカルStateでprop-drillingする ローカルStateかつイベント経由でデータ交換をする グローバルStoreとローカルStateを併用する グローバルStoreのみを使用する 1. ローカルStateでprop-drillingする propとしてコンポーネント間のデータをやりとりする手法。 ほぼすべてのUIコンポーネントを親からデータを受け取りDOMを出力するだけの純粋な関数として表現できるため、全体の設計自体はシンプルになる。手間は多いが魔法は少ない。 コンポーネントの粒度が小さいアプリケーションの場合にはいわゆるバケツリレーと揶揄されるデータの受け渡しが頻発し、これに嫌悪感を持つエンジニアもいる。 2. ローカルStateかつイベント経由でデータ交換を

        フロントエンドアプリケーションにおいて状態をどこに置くべきか論 - Runner in the High
      • 宣言的UI

        宣言的UIの状態管理とアーキテクチャSwiftUIとGraphQLによる実践 https://speakerdeck.com/sonatard/swiftui-graphql

          宣言的UI
        • Elm入門と実践 - 買い物カートを作ってアーキテクチャ「TEA」を学ぶ - エンジニアHub|Webエンジニアのキャリアを考える!

          このTEAは、関数型FluxライブラリであるReduxの思想に影響を与えたことで知られています。 TEAは現代のフロントエンド・アプリケーションを開発するにあたってのベストプラクティスを踏襲しており、「Elmまかせ」でアプリケーションを作ることでが、スケールするアプリケーションを開発するための最短ルートととなるように作られているのです。 ECサイトの商品カート機能をElmで作ってみよう さて、ここからは手を動かしながら、Elmのエッセンスをお伝えしていきたいと思います。ElmによるTODOアプリやカウンタアプリのサンプルは、Elmの公式ページやさまざまなブログ、書籍などで比較的よく見られますが、もう少し大きな規模でのElmのアプリケーションのコードを見る機会は多くはありません。 最も実践的なアプリケーションのサンプルとしては、NoRedInk社のリチャード・フェルドマンによるmediumの

            Elm入門と実践 - 買い物カートを作ってアーキテクチャ「TEA」を学ぶ - エンジニアHub|Webエンジニアのキャリアを考える!
          • なぜReactでもVueでもなくElmを使っているのか - Qiita

            Functional-Static-Strong-Managed −0.25 (0.04) ∗∗∗ Functional-Dynamic-Strong-Managed −0.17 (0.04) ∗∗∗ Proc-Static-Strong-Managed − 0.06 (0.03) ∗ Script-Dynamic-Strong-Managed 0.001 (0.03) Script-Dynamic-Weak-Managed 0.04 (0.02) ∗ Proc-Static-Weak-Unmanaged 0.14 (0.02) ∗∗∗ 各カテゴリに属する言語は以下のとおりです。 Functional-Static-Strong-Managed: Haskell、Scala Functional-Dynamic-Strong-Managed: Clojure、Erlang Proc-Sta

              なぜReactでもVueでもなくElmを使っているのか - Qiita
            • 【forが嫌い!可読性を上げたい!】楽するために学ぶ配列の高階関数(map, filter, reduce等) - Qiita

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

                【forが嫌い!可読性を上げたい!】楽するために学ぶ配列の高階関数(map, filter, reduce等) - Qiita
              • 【超朗報】サイゼ、青森県初上陸に県民歓喜!!!!!→五所川原だった「なんで?」「これ三大都市間抗争の政治的配慮だろ」

                マキタニさん🇮🇹サイゼリヤはちゃんとおいしい @saizeriyaphile フォローするとサイゼリヤの新しいメニューや気になる情報や写真が飛び交うことがあります/ ツイートとRTにサイゼリヤ成分多め/ サイゼリヤ ウォッチャー/ サイゼリヤ アドボケーツ/ 好きなメニューは青豆とプリン/ ソロ活/ 本職はデジタルマーケティング支援 https://t.co/yAFjgJF8AH マキタニさん🇮🇹サイゼリヤはちゃんとおいしい @saizeriyaphile サイゼリヤ、ついに青森県に進出! おめでとうございます 青森県五所川原市にあるショッピングセンター「ELM (エルム)」に出店とのこと 遅かれ早かれ青森県には出店するんだろうなーと思っていたけれど、青森市でも八戸でも弘前でもなく、まさかの五所川原市! saizeriya.co.jp/PDF/irpdf00136… pic.twi

                  【超朗報】サイゼ、青森県初上陸に県民歓喜!!!!!→五所川原だった「なんで?」「これ三大都市間抗争の政治的配慮だろ」
                • なぜElmは0.19のままか、変化すること/しないこと - Runner in the High


                  discourse.elm-lang.org Elmupdate Elm0.199 ElmEvan*1AltJSTypeScriptFlutterElm ... ""
                    なぜElmは0.19のままか、変化すること/しないこと - Runner in the High
                  • 2023 年、改めて React と Elm Architecture を比較する - ジンジャー研究室

                    最近 React のドキュメントが新しくなったということで読んでみた。第一印象としては、とにかく懇切丁寧で React というか JavaScript すら初心者という読者でも基礎的な考え方が身に付くようになっている。ただ、深い内容まで読み進めると「同じ Virtual DOM のフレームワークでも Elm とだいぶ違うな」と改めて思った。 これはどちらが良いとか悪いということではなく、一長一短あると思う。筆者は長いこと Elm を使ってきたが React も嫌いではなく、趣味を含め色々な場面で重宝している。ただ、 Elm Architecture の提供するシンプルな仕組みには依然として価値があると思っており、それがあまり世の中に知られていないのが勿体無い。というのが、この記事を書こうと思った動機である。 昔は「部分的に取り入れても Elm メリットは享受できないから Elm やってよ」

                      2023 年、改めて React と Elm Architecture を比較する - ジンジャー研究室
                    • Bubble Tea でリッチなターミナルアプリケーションを作る #Go - 詩と創作・思索のひろば


                        Kyoto.go remote #32 LT   Bubble Tea  Bubble Tea  GitHub - charmbracelet/bubbletea: A powerful little TUI framework 🏗 Bubble Tea GoTUICharm 
                        Bubble Tea でリッチなターミナルアプリケーションを作る #Go - 詩と創作・思索のひろば
                      • 型付けは難しい


                          調使       
                        • なぜ MVVM + FRP は Elm Architecture に勝てないのか - dely Tech Blog

                          こんにちは、delyでクラシルiOSアプリ開発を担当している稲見 (@inamiy)です。 この記事は「dely #2 Advent Calendar 2020」の25日目の記事です。 dely #1 Advent Calendar 2020 dely #2 Advent Calendar 2020 昨日は、delyのSREチームのjoooee0000(高山)さんによる delyのSREチームがオンコールトレーニングを導入する3つの理由 の記事でした。 オンコール対応できるエンジニア、強くてカッコいい・・・ 私の方からは、メリークリスマス🎄🎅🔔 にふさわしい Elm Architecture による unidirectional なプレゼントをお届けします🎁 (2020/12/26 EDIT: タイトルを「なぜ MVVM は Elm Architecture に勝てないのか」から「

                            なぜ MVVM + FRP は Elm Architecture に勝てないのか - dely Tech Blog
                          • GitHub - iced-rs/iced: A cross-platform GUI library for Rust, inspired by Elm

                            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

                              GitHub - iced-rs/iced: A cross-platform GUI library for Rust, inspired by Elm
                            • Elm at Rakuten | Rakuten Engineering Blog

                              In our team at Rakuten, we have been using Elm1 in production for almost two years now. This post is about our story, the lessons we learned, and our likes and dislikes. This post is quite long so if you prefer to see an overview, feel free to jump to the index. Everything started in the Berlin branch of Rakuten during the summer of 2017. We were maintaining a medium-size single-page application w

                                Elm at Rakuten | Rakuten Engineering Blog
                              • パッケージマネージャを自作するときに考えること - gfnweb


                                  稿OCaml 0install-solver OPAM使
                                • Elm at Rakuten

                                  lucamug Posted on Jan 25, 2021 • Updated on Mar 4, 2023 • Originally published at engineering.rakuten.today In our team at Rakuten, we have been using Elm1 in production for almost two years now. This post is about our story, the lessons we learned, and our likes and dislikes. This post is quite long so if you prefer to see an overview, feel free to jump to the index. Everything started in the Ber

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


                                    Elm Advent Calendar 2019 Elm1ElmRubyJavaScript ElmFringe81 fringeneer.hatenablog.com Elm ElmElmElmElmElm
                                      Elmをプロダクトで一年書き続けた感想 - Runner in the High
                                    • Elmを書くなら見ておきたいRichard Feldmanのトーク4選 - Runner in the High

                                      弊社では「筋肉の人」*1として知られるRichard FeldmanはElmの創造神ことEvan擁するNoRedInkに所属するエンジニア。 Evanが比較的キーノート的なElmの未来やらビジョンを語るトークをする一方で、RichardはどちらかといえばElmをプロダクションで使うにあたって、どのように書くことでスケーラブルにできるか、のようなはなしをメインに据えている感じがある。 彼はアメリカで開催されているelm-confや、ヨーロッパのelm Europeなどで割と長尺のトークを務めることが多く、その内容もElm中上級者になるにはうってつけの内容ばかり。どのトークもElmの基礎的な文法や紹介は完全に端折られていて、Elmを使うこと前提でどのようにうまく使うかにフォーカスしている。 彼の動画は会社のElmメンの会(?)の中で一気に集中して見たことがあり、僕含めみんなにとって非常に学びが

                                        Elmを書くなら見ておきたいRichard Feldmanのトーク4選 - Runner in the High
                                      • Walk around functional web frontend programming

                                        https://opt.connpass.com/event/222709/

                                          Walk around functional web frontend programming
                                        • Elmに興味があるなら見ておきたいIzumiSyのスライド3選 - Runner in the High


                                          NoRedInk*1 www.izumisy.work jQueryElmElmElm Elm, the functional frontend Elm2019使ElmRustElixirElm
                                            Elmに興味があるなら見ておきたいIzumiSyのスライド3選 - Runner in the High
                                          • GitHub - charmbracelet/bubbletea: A powerful little TUI framework 🏗

                                            The fun, functional and stateful way to build terminal apps. A Go framework based on The Elm Architecture. Bubble Tea is well-suited for simple and complex terminal applications, either inline, full-window, or a mix of both. Bubble Tea is in use in production and includes a number of features and performance optimizations we’ve added along the way. Among those is a standard framerate-based rendere

                                              GitHub - charmbracelet/bubbletea: A powerful little TUI framework 🏗
                                            • テストしやすい「純粋」な関数とは? - Qiita


                                                 JavaScript       2020Web  800    
                                                テストしやすい「純粋」な関数とは? - Qiita
                                              • 弊社オフィスでElm Meetup in Summerが開催されました - Unipos engineer blog

                                                技術開発本部エンジニアの泉です。 先月末8/25にElm Meetup in Summerというイベントを弊社オフィスで開催しました。 elm-jp.connpass.com 今回のイベント開催は、connpassでの募集開始から一週間と立たないうちに100人もの参加応募があるなど、ここ最近のElmの盛り上がりを大きく感じさせるものとなりました。 前回のElm Tokyo Meetup Vol.4開催ののち、かれこれ1年ほどの歳月が経過しての今回のイベントとなりましたが、弊社もオフィスを六本木グランドタワーへと移転し、より収容人数の大きい会場を提供することができるようになりました。さまざまな意味で時期の温まった素晴らしいタイミングだったのではないかなと思います。 会場を埋め尽くす参加者 オープニングとトークをするわたしと@ababupdownba氏 ライトニングトーク 今回はなんと総勢で8

                                                  弊社オフィスでElm Meetup in Summerが開催されました - Unipos engineer blog
                                                • [Web フロントエンド] Elm に心折れ Mint に癒しを求める | Kabuku Developers Blog

                                                  こんにちは、 Elm Elm – A delightful language for reliable webapps https://elm-lang.org/ はじめに · An Introduction to Elm (Elm 公式ガイド日本語訳) 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
                                                  • TypeScript any型から学ぶ健全な技術選定 - Qiita


                                                     TypeScriptanyTwitterTypeScriptJavaScriptJavaScript使 anyTypeScriptJavaScriptany使a
                                                      TypeScript any型から学ぶ健全な技術選定 - Qiita
                                                    • Loading...

                                                        Loading...
                                                      • WEB+DB PRESSでScala特集記事を執筆しました - Unipos engineer blog

                                                        エンジニアの大沼です。 8/24に発売されるWEB+DB PRESS Vol.112にて、同僚の谷口、豊島の3人で『実践Scala オブジェクト指向×関数型』という題で特集記事を執筆しました。Fringe81エンジニアとしては前号に続き2号連続での執筆をさせていただきました。 私たちの特集では、Scalaの基本的な文法からアプリケーション作成までを27ページの中に凝縮してお届けしています。 WEB+DB PRESS誌では初のScalaについての特集ということで、Scalaを初めて触る方を対象に、Scalaの基本的な使い方からScalaプログラミングの楽しさが伝わる事を目指して、執筆しました。 特集は5章構成となっており、それぞれの概要は下記の通りです。 1章:Scalaの歴史からScalaを利用するためのセットアップ方法について解説しています。 2章/3章:初めて触る方向けにScalaの基

                                                          WEB+DB PRESSでScala特集記事を執筆しました - Unipos engineer blog
                                                        • 静的型付けでnull安全なAltJSの評価と選定

                                                          2019年09月版. 静的型付けでnull安全なAltJSの評価と選定. 比較整理する必要があったので比較しました. 間違っている所などの指摘を受けたいので広く公開します. ちなみに私は2015年頃はDartを推していたようですね. 当時のTypeScriptはstrictNullChecksも@typesも無かったのであまり魅力的に感じなかったようです. 私の提言 結論から書きます. 個人的にはPureScriptを推したいですが, 流石に他の人にとっては学習コストが大きすぎると思ったので, 基本的に以下のような感じに選ぶと良いと思いました. 外部ライブラリの使用がメッセージ単位でまとまる程度に収まる → Elm Reactを使いたい → Reason VueやAngularなどReact以外のフレームワークをガッツリ使う, Node.jsをサーバーサイドでメインで使う, 小規模なスクリ

                                                            静的型付けでnull安全なAltJSの評価と選定
                                                          • TodoMVCで手続き型脳から関数型脳へシフトしてみよう!

                                                            Vanilla JS(ES6)で書かれたTodoMVCアプリケーションをまず先に解説し、その次に純粋関数型言語Elmで書いていくにはどのような考え方が必要かを丁寧に解説をしていきます。Elmの入門はもちろんJavaScriptの入門や関数型のエッセンスを学びたいあなたへピッタリの一冊です!

                                                              TodoMVCで手続き型脳から関数型脳へシフトしてみよう!
                                                            • すごいHaskell、ハスケル子と学ぼう! - Qiita


                                                              Haskell 西   Haskell      class      IntFloat 
                                                                すごいHaskell、ハスケル子と学ぼう! - Qiita
                                                              • 【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-ifv-forHTML  1 <template> <ul v-if="items.length"> <li v-for="item in items"> {{ item.title }} </li> </ul> <p v-else>
                                                                  【Vue・React・Elm】ビューの書き方を比べてみた - Qiita
                                                                • Elmの歩き方2019

                                                                  Elm Meetup in Summer 2019

                                                                    Elmの歩き方2019
                                                                  • GitHub - eeue56/derw: An Elm-inspired language that transpiles to TypeScript

                                                                    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

                                                                      GitHub - eeue56/derw: An Elm-inspired language that transpiles to TypeScript
                                                                    • Why I'm leaving Elm

                                                                      Over the past year or so, I've reluctantly come to the conclusion I need to leave Elm and migrate to some other language (most likely Bucklescript via philip2), and I definitely cannot recommend it to anyone else. This post is about my reasons for that, which are mostly about the way in which the leadership behave. I'm not going to talk about the good points of Elm as a technology. You can read th

                                                                      • ElmでPhantom TypeとExtensible Recordを用いて型安全な状態遷移パターンを実装する - Runner in the High


                                                                        DiscourseOPPhantom Type使 discourse.elm-lang.org  Phantom TypeExtensible Record   type Transition a = Transition type Allowed = Allowed type Game = Loading (Transition { ready : Allowed }) --  | Read
                                                                          ElmでPhantom TypeとExtensible Recordを用いて型安全な状態遷移パターンを実装する - Runner in the High
                                                                        • The Elm Architecture (TEA) animation

                                                                          This is the backbone of a web application written in the Elm language (https://elm-lang.org/). This loop happens every time something happen. The “something” is converted to a message (Msg) and sent to the update function (the controller) together with the Model. The model contains the entire state of the application (the “single source of true”). The update function, based solely on the model and

                                                                            The Elm Architecture (TEA) animation
                                                                          • Freeモナドのしくみ - Qiita

                                                                            Freeは、Functorを受け取ってMonadをつくることができるモナドです。 Freeのデータ型の定義は以下です。 よくわからない再帰的な定義がされていますね。初見で読めたらすごいと思います。 この記事では、上の定義のようなFreeがどのようにMonadをつくるかを見ていきます。 次のような順で説明していきます。 PureScriptの予備知識と用語説明 ListについてFunctor / Monadを実装する Free fについて、同じようにFunctor / Monadを実装する Free fだけでなく、Freeそれ自体もモナドではあるんですが、1つ高いレイヤー(誤魔化した言い方)でのモナドなのでこの記事では触れません。 PureScriptの型システムでは表現できないですしね。 忙しい人のためのFree この記事で説明したいことをひとことで言うと、 Pureがpure、Freeが

                                                                              Freeモナドのしくみ - Qiita
                                                                            • Elmで競技プログラミング(AtCoder)を解いてみよう!(簡単に始められる環境アリ!)

                                                                              皆さんはプログラミング言語を学びはじめのときはどんなふうに勉強をしていますか? いろんな勉強方法があるとは思いますが、競技プログラミングで問題を解くことで言語の書き味を確かめて行くのが効率の良い勉強方法の一つとして挙げられると思います。中でも有名な競技プログラミングのコンテストサイトがAtCoderになります。 それでは早速問題を解いてElmで言語提出・・・あれ? 無い・・・😇 そうです。ElmはWEB開発に特化した言語のため競技プログラミングサービスではサポートされていないのでした・・・。 しかし、安心してください!ElmはAltJSな言語なので、コンパイルすることでJavaScript(Node.js)として提出が可能なのです!色々小細工する必要があるのですが、なんとすぐに競技プログラミングが始められる環境を用意しておきました。 こちらがElmによる競技プログラミング環境になります。

                                                                                Elmで競技プログラミング(AtCoder)を解いてみよう!(簡単に始められる環境アリ!)
                                                                              • コロナウィルス対策でリモートワークしてみたらReduxやVuexのメリットが分かった - Qiita

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

                                                                                  コロナウィルス対策でリモートワークしてみたらReduxやVuexのメリットが分かった - Qiita
                                                                                • Elmの型で読むReduxやVuexのアーキテクチャ - Qiita

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

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

                                                                                  新着記事