CMSでリニューアルしている。リリースしないと中途半端で終わっちゃいそうなので、一旦リリースをしてみた。Formがうまく使えないので、こちらの記事を参考にContactページを作成した。Amedium.comマウスオーバーで情報表示Vue.jsのeventを2つ書く形になってしまうが、これでOK。こちらでWorksページの情報を出すところで使用している。imichaelnthiessen.com動的ルーティングの書き出しこちらを参考にしたらできた。Markdownの変換とNuxtへの組み込みisoppp.comBlog記事一覧のパス周りブログ記事一覧のパスにnuxt-linkを使っていたが、リロードするとパスが置きかわり、記事ページに遷移できなくなる(実装が悪いのか...)。根本的な解決策ではないが、現在はaタグを使うことで対応している。Assetsのパス周り何かといまだによくわかってないが、ここら辺をみながら適宜対応していった。websiteja.nuxtjs.orgテンプレートリテラルあとマジ便利。ハンバーガーメニューページ遷移後も、メニューが開きっぱなし問題があったので、Vuexで状態管理を行うことにした。RouterのafterEach()をpluginsで利用することで、全ての画面でアクセス時に実行する処理を設定すhafilog.comリダイレクトデザイン・技術ブログとポートフォリオを統合した。よって、主要な記事の移行とリダイレクトが必要だった。以前は、WordPressを使っており、そのまま放置していてもセキュリティー的に怖い。Netlifyに「404」を出さずにリダイレクトしている。自動読み込みを実装する・Blogの記事アイキャッチを地道に設定し直す・技術ブログ(WordPress版)を順次廃止する・アニメーションを実装:スクロールに対応しながら、ブロックで出てくるアニメーションが好き。・ここら辺を参考にページ読み込み速度の高速化、最適化をする・ダークモードに対応する(iOSも対応したのでちょっと作ってみたい)冒頭にも書いた通り、実は何度かポートフォリオサイトのリニュアールを試みて、GitHubには死にかけのプロジェクトがいくつかある(笑)今回はそれは避けたいと思い、まず公開した。実装やデザインで微妙なところは多いが、今後気が向いたら開発をガシガシしていこうと思っている。CMSを使ってブログ記事をポートフォリオ内に組み込んでいたが、年始の空き時間を利用して、全記事手動でnoteへの移行をしてみた。移行理由は、独自にCMS開発をしてしまうと、それだけで満足して記事を書かないという致命的な問題があった。あと、noteアカウントとの差別化も難しいなと思っていた。今後はnoteでコンテンツは公開し、ブログのトップページはRSSでデータを引っ張り、ポートフォリオ内に置いておこうと思っている。・現Blogトップページにnoteから記事を引っ張って見た目を揃える・アニメーションを実装:スクロールに対応しながら、ブロックで出てくるアニメーションが好き。・ダークモードに対応する・読み込み速度の高速化、最適化をするダウンロード#nuxt#ポートフォリオサイトこの記事が気に入ったら、サポートをしてみませんか?気軽にクリエイターを支援できます。デザインリニューアルの裏側とデザイナーの想いWordPress(KUSANAGI)のドメイン変更する際にやったことこの記事が入っているマガジンTech|@yotaszkよーたのテックブログ。ウェブフロントエンド、アプリが多め。最近興味があることは、オブジェクト指向とデータ分析など。サーバーの開発をはじめるためのライブラ...80maco【デザイナー向け】Lottieの使い方。クリエイターへのお問合せnoteカイゼン目安箱クリエイターの。