2020-09-01から1ヶ月間の記事一覧

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を押すこ…