このブログの静的サイトジェネレーターを Gatsby から Astro へ乗り換えたので理由とか、結果どうだったか等を書きます。 なぜ Gatsby をやめるのか Gatsby にそこまで大きな不満があったわけではないんですが SSG のみで構成できるサイトのとき Gatsby はパフォーマンス面で最も良い選択肢だったが、後発の Astro が優位になってきており(諸説あり)、パフォーマンスを高めたかった Gatsby のバージョンアップ結構つらいがちでメジャーバージョン上げで結構労力持っていかれてつらかった の2点が理由です。 ただの個人ブログなのでパフォーマンスをそこまで求めてないといえばないんですが、ちょうどGatsby v4->5へのマイグレーション時期が来ており、これをやるならキャッチアップついでに気になってた Astro を使って見ようかなと思った感じです。 Astro はどこ
Astroに関するamauttのブックマーク (10)
-
amautt 2024/06/11
-
-
Astro 採用事例 サイト 一覧|Page1|Check WebTech
採用技術にフォーカスしたWebサイトリンク集。 トレンドリサーチや技術選定の参考に、WEBデザインやコーディング、開発の参考にも使えるWebサイトギャラリー。 What is Astro? Astro is an all-in-one web framework for building fast, content-focused websites. Key Features ・Component Islands: A new web architecture for building faster websites. ・Server-first API design: Move expensive hydration off of your users’ devices. ・Zero JS, by default: No JavaScript runtime overhead to sl
-
-
Astroチュートリアルメモ その2-4,5【スタイルシート】
Astroチュートリアルその2の4と5のメモ。 スタイルシートの設定。 独自の<style></style>タグ内にcssを書くことができる。 グローバルcssを作ることも可能。 Astroで使うCSSだと、tailwind cssを使うのが一番便利そうに見える。ただ、マークダウン部分だけはcss・scssを使うしかないのかなと。 独自タグstyle <head> <meta charset="utf-8" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <meta name="viewport" content="width=device-width" /> <meta name="generator" content={Astro.generator} /> <title>{pageTitle}</titl
-
世界最速を謳う、話題のWebフレームワーク「Astro」を試してみた - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 概要 ※ 本記事は Astro の概要を把握・理解するための記事 です。「使い方」「書き方」といった技術的な記事は後で別記事にします。 普段、幅広く色々な技術で開発するため、色々な技術のドキュメントサイトを訪れることが多いのですが、最近「Astro」というワードを目にすることが増えました。 例えば、最近人気の Tailwind CSS やその辺りの技術系の公式ドキュメントで、「連携」部分の記載の中に、見慣れたフレームワークと並んでなぜか「Astro」という表記が含まれていることが多くあるのに気づきました。 調べてみたら、Astro は
-
Web制作用のAstroテンプレートを公開しました
テンプレートについて ダウンロードはこちら GitHub 概要 Web制作用のAstroテンプレートです。以下の機能により快適な開発体験を提供します。 Astroによる優れたパフォーマンスと開発者体験 各種リンターによるエラーの即時指摘 ファイル保存時の自動フォーマット commit前のファイルのリント、フォーマット、エラーの検知 Astroについて 端的に言うと、モダンフロントエンドの開発者体験そのままにWeb制作ができるフレームワークです。 State of JS 2022 のRendering Frameworks満足度ランキングでは堂々の1位！同興味ランキングでも1位と、今非常に勢いのあるフレームワークです。 実際に使用してみて思ったことを書いていきます。 抜群の開発者体験 モジュールバンドラとしてViteを使用しているので、ホットリロードやビルドが非常に高速 Reactなどのモダ
-
【無料テンプレ】Notionのガントチャート/WBSでプロジェクト管理する方法 | TEMPブログ｜Notionの使い方を発信
Notion のアカウントを作成する → Notion に登録する（無料） Notion をもっと学びたい人向け → Notion 大学 ↗︎ 株式会社 TEMP に Notion の相談をする → Notion の相談窓口｜株式会社TEMP Notion認定パートナー プロジェクト管理において、 タスクの細分化とスケジュールの可視化は非常に重要です 。WBS とガントチャートは、組み合わせて使用することでプロジェクトをスムーズに進めることができるツールです。 この記事では、 Notion のデータベース機能 を使って WBS とガントチャートを作成する方法を詳しく解説します。また、 記事の最後では、WBS とガントチャートが含まれたオリジナルの「プロジェクト管理テンプレート」を無料配布 します。
-
-
オールインワンのWeb制作環境Astro！こんなのがほしかった。| cumak
※2023/1/7追記：esbuildでcssを出力している場合、index.cssがかちあう件の解決 ※2023/2/15 JSバンドルについて、誤記あり。修正 ※2023/3/8 ルートパスありきの運用に合わせる旨の記述を削除し（相対パス変換方法が現れたため）記事全体編集 ※2023/3/8 CSSの設定についてWordPressを前提とするものについての注意書き追加 ※2023/9/3 Astro3.0 HTML最適化 の無効について追加 ※2024/8/27 ビルド後cssのファイル名について追記 Astroについて、大歓迎の理由 積年の思い(？)があるので長いです。詳しい紹介をお求めの方はインストールからどうぞ。 Astroは、コンテンツにフォーカスした高速なWebサイトを構築するためのオールインワンWebフレームワークです。 個人的に、やっとこういうのが出てきてくれたか！！とい
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました