フレームワーク・ライブラリ

フレームワーク・ライブラリ

Astro.jsでSEO対策を実装する方法:初心者向けガイド

Astro.jsでSEO対策を完全攻略!高速化、メタタグ、サイトマップの実装手順から成功事例まで、初心者も上級者も検索上位を目指せるガイド。
フレームワーク・ライブラリ

Astroフレームワークで生成フォルダをdistから任意のフォルダ名にする方法 – Astro.jsで静的サイト制作

最新のWEBフレームワーク「Astro.js」で静的サイトを作成するために覚えておくとよいこと第2弾です。今回はビルドコマンドで生成されるフォルダをデフォルトの「dist」から任意の名前に変更する方法です。なぜ任意のフォルダ名にしたいか既存のサイト内の子ページを作成したい場合にはフォルダ名を変更してアップロードする必要...
フレームワーク・ライブラリ

Astro.jsでSSRを導入!設定からデプロイまで解説

Astro.jsのSSR(サーバーサイドレンダリング)を活用して、動的データを表示しながらSEOを最適化する方法を解説。SSGとの違いや実装手順を詳しく紹介します。
フレームワーク・ライブラリ

ここまで出来る!Astro.jsルーティングの基本と動的ルート実装

Astro初心者向けにのルーティングを基礎を詳しく解説!ファイルベースの静的ルーティングはもちろん、動的ルーティングの設定方法やAPI連携によるデータ取得まで幅広く紹介します。具体的なコード例を交え、実践的な活用方法も紹介。Astroを活用した効率的なルーティングを学び、柔軟で高速なWebサイトを構築しましょう!
フレームワーク・ライブラリ

なぜ使わないの?Astro.jsでモダン&最速のWebサイト構築!Asrotoとは

Astro JSは、超高速&最適化された次世代フレームワーク!JavaScriptを最小限に抑えつつ、ReactやVueともスムーズに統合可能。アイランドアーキテクチャで必要な部分だけを動的にし、パフォーマンスを最大化。静的サイトを速く、美しく作りたい開発者必見!詳しく紹介します。
フレームワーク・ライブラリ

Astroフレームワークを相対リンクにする方法

はじめにウェブフレームワークAstro(Astro.js)を利用して静的サイトを作成する際に各画像パスだったりサイト内リンクが相対リンクだと便利です。この記事を読むとAstro.jsでの相対リンクのプラグインの設定方法がわかります。Astro(Astro.js)とはAstro.jsはウェブサイトやアプリを作るためのツー...
フレームワーク・ライブラリ

ReactをCDNで利用した場合のuseState、useEffectの書き方

はじめにReactをCDNから利用することは以前の記事で書きました。▼過去の記事はこちらReactに限らずjavascriptのフレームワークでは状態管理が便利です。Reactの状態管理useStateとuseEffectですが、npmで構築する時と書き方が少し変わってきます。今回はCDNでuseState、useEf...
フレームワーク・ライブラリ

これなら簡単!cdnでreactとjsxを呼び出してサイトに組み込む方法

はじめにjavascriptの人気ライブラリ「React」ですが使用方法を調べるとnpmでインストールする方法にたどりつくと思います。それも良いのですが既にReactなしで出来上がったサイトに組み込みたい時や気軽にReactの良いとこどりをしたい時はnpmは使用せずcdnを利用するのも良い選択かもしれません。この記事で...