2023年– date –
-
技術記事
【画像で解説】WP Mail SMTP を使って Gmail 経由で WordPress からメールを送る方法!
このサイトでも使用している WordPress では、たまにシステムメールが送られてくることがあります。 こういうやつ ドメインに MX レコードや DKIM や DMARC、SPF などが設定されておらず、レンタルサーバーがメール送信に対応していればいいのですが、この... -
技術記事
【画像付きで解説】パソコン上で WordPress を立てられる Local by Flywheel の使い方
WordPress を使っていると、たまにプラグインなどのテストなどをするためにテスト環境が欲しくなります。 さくらのレンタルサーバー などのステージング環境を作れるレンタルサーバーならいいのですが、このサイトでは CORESERVER を使っているため、テス... -
技術記事
【保存版】Next.js と Nuxt の違いまとめ
Next.js と Nuxt は、どちらも最近人気のフロントエンドのフレームワークで、両者ともに SSR (サーバーサイドレンダリング) や SSG (静的サイトジェネレーター) などの機能を備えています。 ただ、両者ともに名前も機能も結構似ており、違いをしっかり理解... -
雑記
Jamstack をやめた理由と、そのデメリットなど
Jamstack をやめて、WordPress に移行しました!! こんにちは、Khsmty です。この記事では、私が以前使っていた Next.js と microCMS による静的な Jamstack (JavaScript APIs Markup stack) から動的な WordPress に移行した理由を書こうと思います。 移... -
技術記事
Next.js で構造化データ (JSON-LD) に対応する
この記事は旧ブログより移植したものです。現在、Next.js および Nuxt.js は使用していません。 なんか SEO によさそうなので、この Next.js のブログで構造化データ (JSON-LD) に対応してみました。 実装 pages ディレクトリ時代は「Seo」みたいなコンポ... -
技術記事
esbuild で TypeScript を高速にコンパイルする
esbuild とは、Go で書かれた速くてシンプルな JavaScript のバンドラーです。 この記事では、esbuild を使って TypeScript のコンパイルを行う方法について紹介します。 ご存知の通り、TypeScript は JavaScript に型を付けた言語で、コードの品質や保守... -
技術記事
個人サイトを Nuxt から Next.js に移行した
個人サイトを書き直した で、このサイトでは Nuxt v3 を使っていると書きました。 が、訳あって Next.js に移行したのでメモしておきます。 なぜ移行したのか 謎の挙動が多い 個人的に Nuxt 3 は高速かつ拡張性が高く、すばらしいフレームワークだと思って... -
技術記事
Yarn v3 を導入して高速に依存関係をインストールする
Yarn v3 とは まず、Yarn v3 の目玉機能と言っていいのが、この3つです。 Plug'n'Play (PnP) という仕組みで、node_modules フォルダを作らずに依存関係を解決します。→ インストール時間やディスク容量の大幅な削減が可能 Zero-Installs という機能で、... -
技術記事
個人サイトを書き直した
この記事は旧ブログより移植したものです。現在、Next.js および Nuxt.js は使用していません。 個人サイトを書き直したので、使った技術などを書いておく。 (筆が遅すぎてだいぶ書くのが遅くなった) Nuxt v3 最近(?) v3 系がリリースされました。 v2 ... -
技術記事
Nuxt 3 で Vuetify を使う方法
Vuetify とは? 2014 年の最初のリリース以来、Vue.js は、世界で最も人気のある JavaScript フレームワークの 1 つに成長しました。この人気の理由の 1 つは、コンポーネントが幅広く使用されていることです。 これにより、開発者はアプリケーション全体...
12