All articles with web development
Here's a list of all my great articles
Back to All Articles
Nuxtを始めよう
Nuxt 3を使って新しいWebプロジェクトを始めるための基本的な手順を紹介します。このガイドでは、プロジェクトの設定から構築までを簡潔に説明します。
読んでみる
ページ追加とデータ取得及びエラー処理
Nuxt 3でのページ追加、データ取得、エラー処理について初心者向けに解説。TypeScriptを活用した最新の開発手法を紹介。
読んでみる
レイアウト、コンポーネント、およびコンポーザブルの追加
レイアウトコンポーネントを使用してNuxtにレイアウトを追加します。コンポーネントを作成し、ネストされたサブディレクトリにコンポーネントを整理してNuxtに自動インポートさせます。また、コンポーザブルを作成し自動インポートさせます。
読んでみる
Nuxtに@nuxt/contentとUnoCSSを追加する方法
Nuxt 3プロジェクトに@nuxt/contentバージョン2を統合し、アトミックCSSエンジンのUnoCSSを追加する方法を詳しく説明します。
読んでみる
Nuxt ContentブログにYouTubeを埋め込む
Nuxt ContentブログにYouTubeを埋め込む
読んでみる
Nuxt ContentブログにTwitterを埋め込む
Nuxt ContentブログにTwitterを埋め込む手順の解説
読んでみる
Nuxt.jsでリンクカードを簡単に実装する方法
Nuxt.jsを利用して、ブログ記事にリンクカードを埋め込む完全ガイド。open-graph-scraperの導入からLinkCardコンポーネントの作成、nuxt.config.tsとpackage.jsonの設定まで、すべての手順をカバーします。
読んでみる
Nuxt3からNuxt4へのアップグレードガイド：@nuxt/content対応と移行戦略
Nuxt3からNuxt4へのアップグレード方法を解説。新機能、破壊的変更、ファイル構造の変更、ベストプラクティスなど、スムーズな移行のための完全ガイド。
読んでみる
UIフレームワークの追加
VueアプリのUIフレームワークとしてWindi CSSを使用し、レスポンシブなレイアウトを作成します。
読んでみる
動的なアセットを提供する
オプション API、グローバルミックス、コンポジション API を使用して、シングルファイルコンポーネント (SFC) `<script setup>`動的アセットを提供する。
読んでみる