今回はスクランブル情報をAPI経由で取得できるようにしてみる。 目次1 API化について1.1 app/Http/Controllers/CubesApiController.php1.2 routes/api.php1.3 ブラウザでアクセスしてみる2 仕様2.1 GET /api/scramble2.2 POST […]
今回はスクランブルを表示してみる。 目次1 スクランブルとは？2 スクランブル表示の記号は？2.1 回転面の記号2.2 「’」は逆回転2.3 「2」は180度回転3 仕様3.1 同じ面の記号を連続しない3.2 前々回と前回が向かい合う面の場合、前々回と同じ回転方向にはならない3.3 ある一定回数回すことを目 […]
今回は本アプリの急所のタイマーを作っていく。 目次1 簡単な仕様説明2 長押し機能2.1 index.blade.php2.2 timer.js2.3 スペースキーを長押ししてみる2.4 解説2.4.1 init関数でキーが押された時と、キーが離された時に、イベントが発生するように設定2.4.2 ステータス管理を細かく […]
なにはともあれ、ざっくりとした見た目をまずは作ってみる。見た目がざっくりでも出来ると、開発のテンションがあがりますよね。 とはいえ、見た目に関しては大して説明するところもないので共有になります。 作成したもの こちらです。 細かい調整はおいといて、Flexboxベースでこのような配置にしてみました。いい感じです。 共有 […]
最近ルービックキューブを練習しております管理人です。 ルービックキューブでタイムを計るために使われる競技用のタイマーも存在するが、練習で使うにはWEBやスマホのアプリが便利。 すでに完成されたサービスはたくさんあるが、どうせなら自分で作ったものを使って練習するかと思って作成することに。今回作るのはWEBアプリです。 ち […]
