[B! elm] upamuneのブックマーク

GitHub - rtfeldman/elm-workshop: An introductory Elm workshop. Video available on Frontend Masters!

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.

upamune 2017/12/23

elm

リンク

初学者がelm-workshopを通じてElmを学ぶ - Qiita

Elm初心者です。しかし、初心者という立場だと何を学べばいいかわからなくなりがちです。自分も、はじめAltJSの一つだと考えて、node向けにビルドしてまずは標準出力にHello Worldかみたいに考えて初めての一歩を踏み間違えて消耗しました。そこで、elm-workshopです。これは、ElmHubをいうGitHub APIを使ったのElmのアプリケーションを組み立てていくチュートリアルで、基本的なことを穴埋め形式で学ぶことができます。自分は見てませんが、8時間に及ぶ動画もあります(有料) 準備 readmeのGetting Startedに書いてある通りに環境を用意します。 node v6.9.2以上お好みのエディタにElmのパッケージの導入(自分はVSCodeにelmというプラグインを入れました) elm-formatをインストール(jsでいうところのprettierみ

upamune 2017/12/23

elm

リンク

ElmとElectronでデスクトップアプリを作ってみた - Qiita

これは Elm Advent Calendar 2017 の 15 日目の記事です．はじめに Elm と Electron を使って Twitter のハッシュタグである #elm をストリーミングするアプリを作ってみました．完成したものは GitHub - calmery/elm-advent-calendar-2017 で見ることができます．実装コミット毎にまとめていきます． Hello World GitHub - calmery/elm-advent-calendar-2017 at 6490533e51c1fb4afea9e03aa9562e4762f52207 Elm が undefined になった早速というか．Electron から Elm を参照すると undefined となってしまいました． Elm.Main.fullscreen() // Uncaught

upamune 2017/12/23

elm

リンク

Elm を書く環境を整える | DevelopersIO

こんにちは。齋藤です。この記事は Elm アドベントカレンダー 11日目の記事です。この記事では以前書いた記事をベースに Elm の環境をセットアップに関して整理してみます。今回書く内容は以下の内容です。 elm のセットアップ elm のインストール vscode-elm のインストールと設定 elm-test のセットアップいくつか書いてみる vscode-elm と elm-testのフォルダ構成で詰まった話 elm-format によるフォーマット elm-analyse によるLint なぜかLintされない話 elm のセットアップまずは elmを使う為には npm が必要です。 npm のセットアップをしたあと、elm をインストールしていきます。 npm init -y npm install elm -D ライブラリをインストールしてみましょう。 npx

upamune 2017/12/23

elm

リンク

Introduction · An Introduction to Elm

An Introduction to Elm Elm is a functional language that compiles to JavaScript. It helps you make websites and web apps. It has a strong em phasis on simplicity and quality tooling. This guide will: Teach you the fundamentals of programming in Elm. Show you how to make interactive apps with The Elm Architecture. Em phasize principles and patterns that generalize to programming in any language. By t

upamune 2017/12/23

elm

リンク

Elm 言語が楽しすぎたので Typetalk のクライアントアプリを作りました。 | 株式会社ヌーラボ(Nulab inc.)

BacklogチームのLeoです。ドイツ出身ですが、ゲーム、マンガ、時間通りの電車、日本語、納豆、カラオケが好きで日本に移住してきました。私はBacklogのGrowthチームですが、今日はプログラミング言語 Elm を使って Typetalk クライアントアプリを開発したお話をします。さて、 Elm とは英語でニレ（楡）属の樹木の総称、ハルニレの通称です。そしてフロントエンド開発を楽しくするプログラミング言語でもあります。そんなプログラミング言語の Elm を使った開発、気になりませんか？目次 Elm言語 Elmは何が美味しい？こんにちは世界樹 Hello WorldでElmの構文とElmアーキテクチャー入門 Elmは関数で出来ている ElmでHTMLを植える Elmアーキテクチャー降臨世界樹から巣立つ Typetalkの世界へようこそ ElmでTypetalkクライエントを作る

upamune 2017/12/02

Elm

リンク

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 --

upamune 2017/09/09

elm

リンク

Elm のコンポーネント論争とは何か - ジンジャー研究室

Elm 界隈で「コンポーネントをどう作るべきか」みたいな話がよく出る。日本に限った話ではなくメーリングリストとか Slack でも頻出の話題で、その度に熟練者が説明するのだが、すんなり理解されることもあれば喧嘩になることもある。ちょうど昨日 Twitter で盛り上がってたので、可能な限りわかりやすく現状を説明してみる。 @nobkz @m2ym （言っている意味が分かってしまった…多分かつての推しアーキテクチャで今は基本的に避けるべきだけど場合によってはやっても良い的な位置付けのやつです…割り込み失礼）— Yosuke Torii / ジンジャー (@jinjor) 2017年5月11日 TL;DR 出来る限りコンポーネントを作らずにビューの関数で済まそう。コンポーネントとは何か最初に言ってしまうと、 Elm にはいわゆる「コンポーネント」という画期的なシステムはない。ただ関数があ