プロフィールページを作成していきます。 現在はNuxtのバージョンを2から3に移行しています。 プロフィールページ カテゴリーの記事一覧 - スマレジエンジニアyushiのブログ 技術スタックは下記の通りです。 Nuxt.js SCSS Tailwind CSS 今回はファイル移行し…

プロフィールページを作成していきます。 プロフィールページ カテゴリーの記事一覧 - スマレジエンジニアyushiのブログ 技術スタックは下記の通りです。 Nuxt.js SCSS Tailwind CSS 今回はライブラリの導入をします。 Tailwind CSS 本プロフィールページはT…

プロフィールページを作成していきます。 プロフィールページ カテゴリーの記事一覧 - スマレジエンジニアyushiのブログ 技術スタックは下記の通りです。 Nuxt.js SCSS Tailwind CSS 今回のNuxt3のprojectを作成します。 asdf node.jsのバージョン管理はasdf…

テトリスの続きを作っています。 テトリス カテゴリーの記事一覧 - スマレジエンジニアyushiのブログ 技術スタックは下記の通りです。 TypeScript React SCSS Create React App 今回は、前回作ったGameOver画面のロジック作成や、Memo化をしていきます。 ロ…

久しぶりにテトリスの続きを作っています。 テトリス カテゴリーの記事一覧 - スマレジエンジニアyushiのブログ 技術スタックは下記の通りです。 TypeScript React SCSS Create React App 今回は、GameOver画面を作ります。 GameOver画面 完成形はこのイメー…

知人から、「Excelファイルに特定の操作をするアプリ」を作ってほしいという依頼を受けました。 こういう機会は珍しいので対応してみました。 詳しい開発内容については公開できませんが、技術選定周りで調べたこと・考えたことを記録しようと思います。 技…

久しぶりに、プロフィールページを作成していきます。 プロフィールページ カテゴリーの記事一覧 - スマレジエンジニアyushiのブログ 技術スタックは下記の通りです。 nuxt.js SCSS Tailwind CSS 今回は、画像表示時に左右移動できるようにします。 方針 前…

久しぶりに、プロフィールページを作成していきます。 プロフィールページ カテゴリーの記事一覧 - スマレジエンジニアyushiのブログ 技術スタックは下記の通りです。 nuxt.js SCSS Tailwind CSS 今回は、写真セクションを追加します。 写真 最近ミラーレス…

テトリスを作っています。 テトリス カテゴリーの記事一覧 - スマレジエンジニアyushiのブログ 技術スタックは下記の通りです。 TypeScript React SCSS Create React App 背景の作成 まずは背景を作ります。 背景は、10 x 25個のタイルの積み重ねで作ります…

今回から、テトリスを作っていきます。 最近30分で作るXXが話題になっていたので、興味が出た次第でした。 ただ自分ではそんなスピーディには作れないので、React・TypeScriptの勉強も兼ねつつじっくり作っていきます。 技術スタックは下記の通りです。 Type…

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