Elm

Elm開発のベースとなるリポジトリを用意した

Elm

STACKERゲームが難航したり他のことで忙しかったりしてブログ更新してなかった github.comを作った ずっとEllieで開発していたんだけど、いい加減テストも書きたいし ビルドもできるようになりたい、ということでベースとなるリポジトリを作った 内容 parcel…

STACKERゲームを作ろう その6

nekoroll.hatenablog.com の続き 今回やること 下の段と重なっていないマスは点灯しないようにする 1つも重なっていなければゲームオーバー 完成品はこちら ellie-app.com 解説 下の段と重なっていないマスは点灯しないようにする 止めたPointからy-1して、s…

STACKERゲームを作ろう その5

nekoroll.hatenablog.com の続き 今回やること Spaceキーで止められるようにする 止めたら上の段に移動する 完成品はコチラ ellie-app.com 実装解説 Spaceキーの入力を待ち受けるようにする subscription subscriptions : Model -> Sub Msg subscriptions mo…

Ellieのショートカットキーを今更知った話

Elm

Elmo つい最近知ったんですがElmユーザってElmerじゃなくてElmoなんですね かわいくてステキ エルモダヨー みんなだいすきEllie ellie-app.com The Elm Live Editor もちろんみんな使ってるよね ブラウザさえあればElmが書ける サブPCでも、スマホでも、Amazon Fi…

STACKERゲームを作ろう その4

nekoroll.hatenablog.com の続き 今回やること n個ずつ点灯させる n秒毎に1マス隣に移動する 端に辿り着いたら反転させる 反転している様子 完成品はこちら ellie-app.com (色々気になる部分があったのでリファクタ予定) 実装解説 いらないものを消した upda…

STACKERゲームを作ろう その3

nekoroll.hatenablog.com の続き せっかく色々教わったので、まずはリファクタから対応した AB先生のコードを真似しつつ、自分なりに良いと思う方法も混ぜてリファクタしてみた リファクタ ellie-app.com 大体はAB先生の真似なので、自分で書いた部分だけ解…

STACKERゲームを作ろう その2.9999

nekoroll.hatenablog.com 前回のコードをAB先生がリファクタしてくれました なので、自分なりに読み解いて技を盗んじゃおうってやつです リプライとソースセットで読み解いていこう AB先生が想定していたコード ellie-app.com 僕が想定していたのはこんな感…

STACKERゲームを作ろう その2.5

nekoroll.hatenablog.com の後のちょっと寄り道 AB先生からのリプライ その1で実装したコードの問題点 僕が前回言った部分の答えはidを指定して命令を処理するみたいなことは関数型ではせず boxが何者なのか?と言う性質だけ書く と言うことでした。目論見通…

STACKERゲームを作ろう その2

nekoroll.hatenablog.com の続きというか修正版というか… 今回やること 指定したマスの色を変えられるようにする …の前に何があったか ツッコミどころがあったがたぶん続きを作るとわかるはずあらかじめ計画を練ってはいけないの綺麗な例を見た— ABAB↑↓BA (@…

STACKERゲームを作ろう その1

STACKERゲームとは? モヤさまinワイハーのゲーセンで出てきたゲーム 7x10のマス目の中を動く左右のブロックをタイミングよく止めて重ねていくゲーム 最初は3ブロックから始まり段々ブロック数が少なくなり最後は1ブロックになる 特定のラインまで積み重ねる…

TODOリストを作る部 最終章

nekoroll.hatenablog.com 途中でJSONデコードをはさみましたが最終章 CSSを適用します ellie-app.com やること [x] ListでTODOリストを保持する [x] ListをHTMLに吐き出す [x] inputに入力した値をbuttonを押すことでリストに追加 [x] TODO横に削除ボタンを…

portから受け取るJSONをデコードしてみようの巻

nekoroll.hatenablog.com の続き 完成品はコチラ ellie-app.com guide.elm-lang.jp 「受け取る値を厳密にするためにJSON.Decode.Value使えって書いてるな…」 「今回やりたいのは受け取るだけだしMaybeだけやっちゃおw」 「なんかここだけ厳密じゃないどまあ…

TODOリストを作る部 その5

nekoroll.hatenablog.com の続き 前回はlocalStorageに保存する所まで実装したので 起動時にlocalStorageに保存してあるTODOリストを読み込むようにした ellie-app.com やること [x] ListでTODOリストを保持する [x] ListをHTMLに吐き出す [x] inputに入力し…

TODOリストを作る部 その4

nekoroll.hatenablog.com の続き 基本的な構文とかは慣れてきたのでjavascriptとの通信を行う portを扱ってみる guide.elm-lang.jp ellie-app.com やること [x] ListでTODOリストを保持する [x] ListをHTMLに吐き出す [x] inputに入力した値をbuttonを押すこ…

TODOリストを作る部 その3

nekoroll.hatenablog.com の続き 編集→更新ができるようにした ellie-app.com やること [x] ListでTODOリストを保持する [x] ListをHTMLに吐き出す [x] inputに入力した値をbuttonを押すことでリストに追加 [x] TODO横に削除ボタンを作成、押したら消せるよ…

TODOリストを作る部 その2

nekoroll.hatenablog.com の続き ellie-app.com やること [x] ListでTODOリストを保持する [x] ListをHTMLに吐き出す [x] inputに入力した値をbuttonを押すことでリストに追加 [x] TODO横に削除ボタンを作成、押したら消せるように [ ] TODOをダブルクリック…

TODOリストを作る部 その1

日本人の朝食といえば白米 犬といえば柴犬 日本の山といえば富士山 プログラミング言語の学習といえば…? そうだね、TODOリストだね なのでTODOリスト作ります ellie-app.com やること [x] ListでTODOリストを保持する [x] ListをHTMLに吐き出す [x] inputに…

Elmのmoduleのimportが知りたくてーー。

Elm

Elmのmoduleのimportが知りたくて――。 北海道札幌市内の住宅で、Elmのmoduleのimport処理を、とりあえず雑にqualified importしたとして、札幌中央警察署は22日、北海道札幌市、無職すがわに容疑者(24)をmodule適当にimportした容疑で逮捕したと発表し…

Elm/Html/1.0.0全部試した

Elm

全部試しました 明らかに使わないものを除いて、全部試してみました HTMLの機能ズラーッっと並んでるのでよければoutput見てみてほしい ellie-app.com この記事を読む前に 言っておくッ! おれは今 Elmを ほんのちょっぴりだが 勉強した い…いや… 勉強したと…

基礎構文の組み合わせでIntを制限する(を教えてもらった)

Elm

nekoroll.hatenablog.com ガバガバだった 教えてもらいました やりたかったことhttps://t.co/v5HQfbFkI2こんな感じでどうでしょうか?ちなみに、Intをパターンマッチしてしまうと(人間としては)無限のパターンを列挙しなければならない & ワイルドカードでそ…

Elmのパターンマッチと型を使ってcounterサンプルをまた改造した

Elm

nekoroll.hatenablog.com を更に改造するぞい こんな事を教えてもらった あとカウンターの例で固定の数字ではなく、任意の数値増やしたいと言う場合は、type Msg = IncrementN Int-- viewonClick (IncrementN 3)-- updatelncrementN n -> …こんな感じで扱え…

Elmの内部実装は忘れてCounterサンプルに機能追加した

Elm

nekoroll.hatenablog.com 勢いで書いたこちらの続きとなっております 凄い人から回答もらえた elmは他の言語と違い フレームワーク(アーキテクチャ)を初期から組み込んで制約を強くしている言語なので初見わけわからんなのはとても同意します。コメントの部…

Elmわからんのでcounterサンプルに全部コメント入れた

Elm

直してみよう。 Elmっちへ ういっすー! 関数型言語が 全く わからなくて、 つらみが 深いので、 1行ずつ コメント入れていきます。 アプリは 書けたら書くマンです! ellie-app.com 1ブロックずつメモしていく exposing / import scrapbox.io -- main関数を…