Astro

ウェブ制作

Astro × React.js: useContextの問題とnanostoresを使った解決策

はるAstroは、モダンなフロントエンド開発のための新しい静的サイトジェネレータです。しかし、AstroとReact.jsを組み合わせて使用する際に、ReactのuseContextが期待通りに動作しないことがあります。この記事では、その問...
ウェブ制作

Astro環境【scss】Stylelint設定 CSSプロパティーの自動設定まで

はるAstro環境で、Stylelintの設定をして自動でCSSのプロパティーを整列してくれるようにする設定をメモメモ!Astro環境以外も同じですが私がよくAstroを使うのでその設定に一部なってますがよしなに調整してください。前提条件P...
ウェブ制作

AstroプロジェクトでPrettierを使ってコード整形を行う方法

はるAstroプロジェクトでPrettierを使って、コード整形を行う方法について解説します。Prettierは、コードの書式を自動で整えるツールであり、コードの読みやすさや一貫性を向上させます。Prettierとprettier-plug...
ウェブ制作

Astroプロジェクトでエイリアスを設定する方法

はるAstroは、高速な静的サイトジェネレーターで、モダンなWeb開発のためのツールです。今回は、Astroプロジェクトでエイリアスを設定する方法を解説します。エイリアス設定するとなにがいいのかエイリアスを使うことで、相対パスを使わずにモジ...
ウェブ制作

Astroビルド先の変更方法!手順とポイントを解説

はるAstroをメインの開発環境に移行していってるはるです。いろんな環境でAstroを使っています。ビルド先を変更したい時の設定を紹介します。今回のやりたいことAstroのフォルダはresourceフォルダ(resource/bar/)に入...
ウェブ制作

高速なWebサイトが作れるAstroをReactでつくる方法

Astroでは簡単に静的サイトをビルドできるWebフレームワークとのことで、今回はReact.jsを取り入れた環境を用意してみたいと思います。はるReact.jsTypeScriptNext.jsがわかる前提でゆるく説明してみたいと思います...