プロフィールページを作成していきます。 現在は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のブログ 技術スタックは下記の通りです。 nuxt.js SCSS Tailwind CSS 今回から、Nuxt3への移行を進めていきます。 Nuxt3 Vue3のリ…

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

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

久しぶりに、プロフィールページを作成していきます。 yushi-dev.hatenablog.com 技術スタックは下記の通りです。 nuxt.js SCSS Tailwind CSS 今回はGitHub Actionsの導入です。 GitHub Actionsとは GitHub Actionsとは、GitHubに搭載されているCIの仕組みで…

引き続き、プロフィールページを作成していきます。 yushi-dev.hatenablog.com 技術スタックは下記の通りです。 nuxt.js SCSS Tailwind CSS 今回はヘッダーナビゲーションの改善を行います。 ヘッダーナビゲーションのモーダル化 前回Responsive対応を行なっ…

引き続き、プロフィールページを作成していきます。 yushi-dev.hatenablog.com 技術スタックは下記の通りです。 nuxt.js SCSS Tailwind CSS 今回はResponsive対応を行います。 media query 各sectionを.app-containerというクラスで囲います。

引き続き、プロフィールページを作成していきます。 yushi-dev.hatenablog.com 技術スタックは下記の通りです。 nuxt.js SCSS Tailwind CSS 今回はデザイン改善を進めていきます。 方針 前回まででざっとコーディングとコンテンツ入力を行いました。 今回は…

引き続き、プロフィールページを作成していきます。 yushi-dev.hatenablog.com 技術スタックは下記の通りです。 nuxt.js SCSS Tailwind CSS 今回はざっくりコーディングを進めていきます。 方針 コーディングを進めていきます。 今回採用しているVue.jsをで…

引き続き、プロフィールページを作成していきます。 yushi-dev.hatenablog.com 技術スタックは下記の通りです。 nuxt.js SCSS Tailwind CSS 今回はデザインを行なっています。 デザイン 本職でもプライベートでもデザインの経験は一切ないのですが、今回はチ…

引き続き、プロフィールページを作成していきます。 yushi-dev.hatenablog.com 技術スタックは下記の通りです。 nuxt.js SCSS Tailwind CSS 今回は、CSS開発のための様々な準備を行います。 tailwindcssの導入 今回は、tailwindcssを使ってみます。 以前の別…

引き続き、プロフィールページを作成していきます。 yushi-dev.hatenablog.com 技術スタックは下記の通りです。 nuxt.js SCSS Tailwind CSS node.jsのバージョン node.jsは、Maintenance LTSのv14を採用します。 Releases | Node.js 最新のv16も試してみたの…

以前一度、プロフィールページを作りました。 yushi-dev.hatenablog.com 作成時から一年ほど経ち、プロフィールもフロントエンドのスキルも多少更新されたので、 今回プロフィールページを更新してみようと思います。 方針 前回よりは、デザイン・CSSに力を…