Developer Roadmapは、文字通りエンジニアのロードマップとして有名かと思います。 普段は業務に直接関連しない技術に触れる機会がないため、こういうものでキャッチアップしていきたいです。 今回は、2023年版のFrontend Developer Roadmapを、過去の版と見…

引き続き将棋盤を作っていきます。 使用技術 Vue.js3 Vite SCSS yushi-dev.hatenablog.com 駒を動かせるマスの表示と制限をしていきます。 前回は失敗したのですが...今回はその修正です。 yushi-dev.hatenablog.com 駒の動けるマスの、定義し直し 香車、飛…

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

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

将棋盤を作っていこうと思います。 弊社スマレジに将棋部があることもあって、ここ数ヶ月将棋にはまっています。 せっかくなので何か関連して開発もしてみようということで、今回の企画です。 展望としては、 対局ができる 将棋対局アプリの対局データを取得…

Vueのwatchを使いたくなった時は、computedで置き換えられないか検討すること。 computedに比べてwatchはできることが多いが、その分使い所を選ばないとリスクも大きくなる。 例 baseValueおよび、これに1を足したplus1Valueを利用したいとする。 computedの…

仕事以外で時間をかけてプログラムを組んだことがないので、王道のTODOリストを作ってみようと思います。 開発状況 絶賛開発中です。その様子は下記のリンクからどうぞ。 【TODOリスト 第2回】画面を作る 【TODOリスト 第3回】Goを使ってみる 【TODOリスト …

10/28開催の、「SaaSプロダクトのフロントエンド／Vue.js、React、TypeScript、E2Eテスト」というイベントに参加しました。 rakus.connpass.com 今回は個人的なメモ程度になってしまいました。 具体的な内容は、リンク先で公開されている資料をご確認いただ…

最近TypeScript(TS)への注目度が高まっているように感じます。 先日リリースされたVue.js3もTypeScriptで記述されています。 yushi-dev.hatenablog.com そこで今回は、書籍を読みつつ、TypeScriptに入門してみました。 速習 TypeScript こちらの書籍で学習し…