コツコツ将棋盤を作ってます。 使用技術 Vue.js3 Vite SCSS yushi-dev.hatenablog.com 公開ページ https://nek0meshi.github.io/shogi-board/ 今回は、vueファイルのテストコードを書いてみます。 ライブラリの導入 前回の記事で導入済みです。 yushi-dev.ha…

引き続き将棋盤を作っていきます。 使用技術は下記の通りです。 Vue.js3 Vite SCSS 今回は、駒を動かす機能を作成します。 駒台を用意する 駒の一覧から、先手・後手それぞれの駒台の置かれる駒と、その数を抜き出すcomputed propertyを用意します。 const r…

引き続き将棋盤を作っていきます。 使用技術 Vue.js3 Vite SCSS 今回は、駒を並べる機能を作成します。 型定義 ほぼ初めてTypeScriptを使ってみます。 駒の種類を型として定義します。 union型を使っていますが、ググるとenumよりをこちらを使えと出てきたか…

引き続きTODOリストを作っていきます。 yushi-dev.hatenablog.com 前回追加したBulmaを活用して、編集のモーダルウインドウを追加します。 完成品はこんな感じです。 そしてPull Requestはこちらです。 Edit modal by nek0meshi · Pull Request #9 · nek0mes…

gitはもはやエンジニアにとっての必需品と思います。 今更gitのない生活には戻れないですね...。 今回は、僕が普段どのような環境でgitを使っているか、ご紹介しようと思います。 方針 基本Terminal + VSCodeで操作する 簡単に導入できる、oh-my-zshとVSCode…