Astro(Static Site Genarator) 好きなフレームワークで高速WEBサイト構築 | Reffect
高速なコンテンツ重視の WEB サイトを構築したいという人向けに新たな Static Site Generator(静的サイトジェネレーター:SSG)が登場しました。その名前は Astro。Next.js や Remix などの React フレームワークと同様に注目度の高いフレームワークの一つです。ブログサイトやオープソースのサイト(例：create-t3-app)などで利用され活発に更新が行われているので最新のバージョンは 2023 年 12 月 5 日にリリースされた Astro4.0 です。 リリース当初は Static Site Generator(静的サイトジェネレーター:SSG)として登場した Astro ですが現在はSSR(Sever Side Rendring)も備え, Static Site Generatorではなくフルスタックフレームワークとして開発されています。
Astroの@astrojs/image integrationの使い方 | アールエフェクト
Astroのintegrationsの一つである@astrojs/imageを追加することでAstroに画像の最適化機能を追加することができます。本文書では@astrojs/image integrationが提供するImport, Pictureコンポーネントを利用して、最終的に出力されるimg, pictureタグがどのような設定になっているかを確認していきます。 @astrojs/imageの設定だけではなく@astro/imageはシンプルな機能なのでpictureタグの使い方を知りたい？という人や画像の最適化ではどのようなことを行うの？と疑問に思う人にも参考になる内容になっています。 Astroの公式のツールとして画像の最適化にはAstro2.1から機能追加され現在開発中のAssetsがあります。Assetsは@astrojs/imageの後継機能なのでAPIは異なってもコアな部
【完全版】ReactのFirebase Authentication(認証)を基礎からマスター | アールエフェクト
Reactプロジェクトの作成 macOS上でReactプロジェクトを作成するためにNode.jsのインストールが必要となります。Node.jsインストールを行ってからReactプロジェクトの作成を行ってください。 npx create-react-appコマンドを利用してReactプロジェクトを作成します。コマンドの後ろにはプロジェクト名を指定します。プロジェクト名には任意の名前をつけてください。ここではreact-fierebase-authとしています。 % npx create-react-app react-firebase-auth Firebaseの初期設定 FirebaseのAuthenticationの機能を利用するためにはFirebaseでユーザアカウント登録を行う必要があります。もしアカウントを持っていない場合は、Firabaseのページでユーザ登録を行なってください。
初めてReact Queryを使う人のため設定方法と動作の理解 | アールエフェクト
Reactを利用してサーバからデータを取得する際に利用する関数やライブラリは何かと聞かれた場合にすぐに思いつくのはfetch関数やaxiosライブラリではないでしょうか。 React QueryはReactのData Fetchingライブラリでサーバからデータを取得する際に利用することができます。サーバからデータを取得するだけならfetch関数とaxiosを利用することで実現できるのでReact Queryを理解するためにはfetch関数とaxiosが持っていない機能が何かを理解する必要があります。 React Queryの機能について動作確認を行う前にReact Queryをドキュメントを確認しておきましょう。説明では”React Query makes fetching, caching, synchronizing and updating server state in Reac
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
