YuTa Extend

オリジナル楽曲とIT系個人開発紹介のブログ

【Next.js】Zenn でブログサイトの開発手順を公開しました

【Next.js】Zenn でブログサイトの開発手順を公開しました

Zenn でブログサイトの開発手順を公開しました。これを読むことで本ブログのような Next.js ベースのサイトを構築できます。

【Next.js】サイトマップを自動生成して検索エンジンに登録させる方法

【Next.js】サイトマップを自動生成して検索エンジンに登録させる方法

Next.jsでサイトマップを自動生成して検索エンジンに登録させる方法を解説します。

オーケストラの楽器の特徴と有名曲

オーケストラの楽器の特徴と有名曲

オーケストラの各楽器について、特徴や有名な曲をまとめてみました。

【Next.js】30分でできる! Next.js 開発の始め方（インストール、開発環境構築）【入門】

Next.js の必要ソフトのインストール方法と開発環境構築について解説します。GitHubとも連携し、ソースコードを管理できる状態にします。

【オリジナル曲紹介】メロス万歳

オリジナル曲紹介

【オリジナル曲紹介】メロス万歳

オリジナル曲『メロス万歳』の紹介記事です。

【Next.js】「トップへ戻るボタン」を実装する

Next.jsで定番ブログパーツである「トップへ戻るボタン」を実装します。Styled-JSX で CSS をコンポーネント内に入れ込むため、このコードをそのままどのサイトにも流用できます。

【Next.js】next-mdx-remoteでインラインコードとコードブロックコピーボタンを実装する

【Next.js】next-mdx-remoteでインラインコードとコードブロックコピーボタンを実装する

Next.jsのnext-mdx-remoteで作られたMDXブログについて、インラインコードとコードブロックコピーボタンを実装します。

【Next.js】Markdown ブログでコードブロックにシンタックスハイライトをかける

【Next.js】Markdown ブログでコードブロックにシンタックスハイライトをかける

Next.jsのMarkdown（またはMDX）ブログでコードブロックにシンタックスハイライトをかけます。基本構文だけでなくファイル名を表示する方法も記載します。

2022-12-13 2022-12-08

ブログのデザインを新しくしました

ブログのデザインを作りこみました。おしゃれで見やすくなっただけでなく、カテゴリ検索やアーカイブ検索もできるようにしました。

2022-12-06 2022-12-05

【オリジナル曲紹介】Deep Blue Fantasy

オリジナル曲紹介

【オリジナル曲紹介】Deep Blue Fantasy

オリジナルのピアノ曲『Deep Blue Fantasy』の紹介記事です。

【オリジナル曲紹介】オーボエと弦楽三重奏のためのソナタ「静かなる湖」

オリジナル曲紹介

【オリジナル曲紹介】オーボエと弦楽三重奏のためのソナタ「静かなる湖」

オリジナル曲『オーボエと弦楽三重奏のためのソナタ「静かなる湖」』の紹介記事です。

【オリジナル曲紹介】道 - Theme of Meros

オリジナル曲紹介

【オリジナル曲紹介】道 - Theme of Meros

オリジナル曲『道 - Theme of Meros』の紹介記事です。

【オリジナル曲紹介】大掃除のテーマ

オリジナル曲紹介

【オリジナル曲紹介】大掃除のテーマ

オリジナル曲『大掃除のテーマ』の紹介記事です。

2022-11-21 2022-11-19

ブログを始めました

Next.jsでブログを作りました。この方法はコーディングが必要なため手間はかかりますが、安価でハイパフォーマンスなフルカスタマイズのサイトを作れるメリットがあります。

【オリジナル曲紹介】You Are My New Dream

オリジナル曲紹介

【オリジナル曲紹介】You Are My New Dream

オリジナルのピアノ曲『You Are My New Dream』の紹介記事です。