「Astro DB」登場。LibSQLベース、TypeScript ORM搭載、1GBまで無料。静的サイト生成用データベース

2024/03/13 6 users Astro DB 1GB 登場 無料 ユーザ

「Astro DB」登場。LibSQLベース、TypeScript ORM搭載、1GBまで無料。静的サイト生成用データベース 静的サイトジェネレータAstro用のデータベースサービス「Astro DB」が登場しました。 簡単にAstroに組み込むことが可能で、Astroのバックエンドデータベースとして、例えばフォームやコメントのデータの入出力、ユーザ... 続きを読む

Webフレームワーク「Astro」を便利に使う～環境のカスタマイズとAstro 4.3までの新機能まとめ～

2024/03/11 7 users Webフレームワーク カスタマイズ 環境 新機能まとめ

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。 続きを読む

ssig33: "最近最小限のReactアプリを作るのに使ってるもの についてとりあえずメモしとく。 ##..."

2024/02/26 229 users Reactアプリ ssig33 最小限 Remix SSR

最近最小限のReactアプリを作るのに使ってるもの についてとりあえずメモしとく。 前提: デカいフレームワークは使わない next.js, Astro, Remixは使わない。next.jsとAstroは大好きなのだが、社内向けとか個人用とか小さいアプリに使うにはあきらかに恐竜であると思う。Remixは大好きではない。 前提: SSRしない SSRもS... 続きを読む

Astro ゆく年くる年

2023/12/31 12 users ベース メジャーアップデート アップデート 変更 ヶ月後

8 月 30 日に v3.0 がリリースされ、それから約 3 ヶ月後の 12 月 5 日には v4.0 がリリースされており、メジャーアップデートのペースがやや早かったように感じますね。Astro の co-creator である Matthew Phillips によると、v4.0 における大きな変更の一つに Vite 5 へのアップデートがあり、これはもともと v3.0 に... 続きを読む

静的サイトジェネレータ「Astro 4.0」正式リリース。デバッグを容易にするDev Toolbarが登場、キャッシュ導入でビルド時間が80％短縮

2023/12/12 11 users デバッグ 静的サイトジェネレータ 正式リリース ビルド時間

静的サイトジェネレータ「Astro 4.0」正式リリース。デバッグを容易にするDev Toolbarが登場、キャッシュ導入でビルド時間が80％短縮 オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 4.0」が正式にリリースされました。 今年（2023年）9月にAstro 3.0がリリースされたば... 続きを読む

Astro 4.0 | Astro

2023/12/06 8 users Astro 4.0

Introducing Astro 4.0! New APIs, faster builds, redesigned docs, and a unique new development tool for Astro that enhances your local dev environment in new and exciting ways. What is Astro? Astro is the web framework for building content-driven websites including blogs, marketing, and e-commerce... 続きを読む

静的サイトジェネレータ「Astro 3.2」早くも正式リリース。ブラウザの履歴操作、遷移のタイミング制御など新機能

2023/10/02 7 users 静的サイトジェネレータ 遷移 正式リリース ブラウザ 新機能

静的サイトジェネレータ「Astro 3.2」早くも正式リリース。ブラウザの履歴操作、遷移のタイミング制御など新機能 オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 3.2」が正式にリリースされました。 先月（2023年9月）にAstro 3.0がリリースされたばかりで、1カ月足らず... 続きを読む

静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能

2023/09/11 250 users SPA 静的サイトジェネレータ アニメーション 画面遷移

静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能 オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 3.0」が正式にリリースされました。 Astro 3.0 is out now! 30% faster and more powerful than ever.... 続きを読む

Astro 3.0 | Astro

2023/08/30 56 users

Introducing Astro 3.0! Astro 3.0 is the first major web framework to support the View Transitions API. Fade, slide, morph, and even persist stateful elements across page navigation with ease. Until recently this had only been possible inside of JavaScript Single Page Applications (SPAs). But than... 続きを読む

「理論上は最強」の Qwik/QwikCity を、フロントエンドの共通基盤にできないか

2023/08/14 22 users Qwik React フロントエンド 共通基盤 最強

Qwik をマイクロフロントエンド基盤として使えないか検討していて思いついた色々。副産物で色々作った。 tl;dr Qwik は理論上は最強。だが難しい qwik-react を使えば選択的に Qwik/React を切り替えられるので、 Astro と同じメタフレームワークとして使えそう React 以外もその気になれば対応できるはず => qwik-svelt... 続きを読む

Webフレームワーク「Astro」とは？ 開発初心者からベテランまで注目する理由

2023/07/03 15 users React 骨組み フレームワーク 筆者 Webフレームワーク

はじめに Web制作におけるフレームワークというと、ReactやVue.jsなど、エンジニアが効率的に開発を行うために必要なシステムの骨組み、という印象がありますが、Astroは筆者のような、どちらかというとデザイン寄りの制作者でも理解しやすい設計になっており、実体験としてデザインから静的サイトの構築までを一人で完... 続きを読む

Astro でクライアント側の処理を書いたら辛かった

2023/04/15 12 users クライアント側 処理

画像は明日トロに見せかけた昨日トロだ。iPhone の謎のカメラ設定使ってみた。この OGP を作るために昨日大急ぎで閉店前にくら寿司に駆け込んだ。びっくらポンは全部外れた。 古来よりゲームの攻略ツールを作ることでプログラミングができるようになるとある。そのような期待を持ち、paimon.moeで満足できなくなった私は... 続きを読む

静的サイトジェネレータ「Astro 2.1」リリース。画像の最適化、Markdocのサポート、ファイル変更検知し型チェックなど新機能

2023/03/15 13 users component 静的サイトジェネレータ image 画像

静的サイトジェネレータ「Astro 2.1」リリース。画像の最適化、Markdocのサポート、ファイル変更検知し型チェックなど新機能 オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 2.1」が正式にリリースされました。 Astro 2.1 is here with a brand new <Image> component! C... 続きを読む

Astroで作成したWebサイトをAWS Amplify ホスティングにサクッとデプロイしてみた | DevelopersIO

2023/02/28 54 users デプロ DevelopersIO Netlify デプロイ

こんにちは！コンサル部のinomaso(@inomasosan)です。 前回Astroでローカル環境にWebサイトを構築したので、今回はAWS Amplifyでのデプロイを試してみました。 デプロイ先について Astroの公式ドキュメントにはNetlifyやVercelといった様々なデプロイ先のガイドがあります。 今回は使ったことのないAWS Amplifyにデプロ... 続きを読む

Webブラウザ上にNode.jsを実装、Webブラウザ上のサーバサイドでNext.jsやVite、Astroなどが実行可能な「Sandpack 2.0」が登場

2023/02/19 13 users サーバサイド CodeSandbox vite 実装 抽象化

Webブラウザ上にNode.jsを実装、Webブラウザ上のサーバサイドでNext.jsやVite、Astroなどが実行可能な「Sandpack 2.0」が登場 クラウド上でマイクロVMベースのオンライン開発環境などを提供するCodeSandboxは、Webブラウザ上で抽象化したNode.jsを実装しWebブラウザ上にJavaScriptのサーバサイド環境を作り出すことで、W... 続きを読む

AstroでWordPressを爆速Headless化してみる - Qiita

2023/02/14 123 users Ventura Qiita WordPress コンテンツ

最近流行りのAstroフレームワークで、WordPressの静的Headless化がかなりお手軽にできたのでまとめてみました。 開発環境 Astro 2.0 WordPress 6.1.1 Local node 18.12.1 Mac OS 13.2(Ventura) Visual Studio Code(Astroプラグイン入り） Astroとは？ Astroは、コンテンツにフォーカスした高速なWebサイトを構築するため... 続きを読む

静的サイトジェネレータ「Astro 2.0」正式リリース。新機能「Content Collections」で大量Markdown対応、「Hybrid Rendering」で静的と動的ページの混在可能に

2023/01/26 244 users 混在 静的サイトジェネレータ 正式リリース 新機能 ソース

静的サイトジェネレータ「Astro 2.0」正式リリース。新機能「Content Collections」で大量Markdown対応、「Hybrid Rendering」で静的と動的ページの混在可能に オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 2.0」が正式にリリースされました。 Astro 2.0 – our most ex... 続きを読む

Astro 2.0 | Astro

2023/01/24 71 users

Introducing Astro 2.0! Astro is a popular web framework for building performant, content-focused websites. Our next-gen frontend architecture (known as Astro Islands) can optimize your site to load 33% faster with 90% less JavaScript using the UI frameworks you already love like React, Svelte, an... 続きを読む

Astro で Islands Architecture を始めよう

2023/01/20 14 users フレームワーク Islands Architecture

はじめに この記事では、フロントエンドのレンダリングパターンの 1 つである Islands Architecture について概略した上で、Astro における Islands Architecture の実現方法をチュートリアル的に解説します。Astro は 2022 年の 8 月に v1 がリリースされたばかりの UI フレームワークであり、ユーザーもまだそれほど多... 続きを読む

ブログをAstro に移行しました - As a Futurist...

2023/01/07 115 users GATSBY 塩漬け フレームワーク As a Futuri

式年遷宮の様な感じですが、数年おきにブログを作り直してます(前回)。今回は Gatsby でデザインした UI をほぼそのままに、フレームワークを Astro に移行しました。静的サイトの作成では Astro の開発者体験が最高に優れているので、2 年間ほぼ塩漬けにしてしまっていた Gatsby のコードを無事に移行できてよかったで... 続きを読む

CDNエッジでJS／TS／WASMを実行できる「Vercel Edge Functions」正式リリース　Node.jsサブセットを目指す

2022/12/28 8 users wasm CDNエッジ TypeScript Nuxt

CDNエッジでJS／TS／WASMを実行できる「Vercel Edge Functions」正式リリース　Node.jsサブセットを目指す 米Vercelが、CDNエッジでJavaScript／TypeScript／WebAssemblyを実行できるサーバレス基盤「Vercel Edge Functions」を正式リリース。Next.js、Nuxt、Astro、SvelteKitなどのWebアプリケーションフレームワークに... 続きを読む

Astroを選ぶ理由

2022/11/01 16 users Webフレームワーク プロジェクト チーム コンテンツ 理由

Astroは、コンテンツにフォーカスした高速なWebサイトを構築するためのオールインワンWebフレームワークです。 なぜ他のWebフレームワークではなく、Astroを選ぶのでしょうか？ここでは、Astroを構築した理由、Astroが解決すべき問題、そしてAstroがプロジェクトやチームに最適な理由を説明するための、5つの基本設計原... 続きを読む

Astro 1.0 | Astro

2022/08/09 195 users

We are thrilled to announce Astro v1.0: a web framework for building fast, content-focused websites. Over the last 16 months, Astro has grown from an empty repo to over 13,000 stars on GitHub and 30,000 early users around the world. The Astro documentation has been translated into 6 different lan... 続きを読む

Amazonの自走式家庭用ロボット「Astro」の海外レビューがさっそく登場

2021/10/04 14 users alexa Fast Company 音声認識アシスタント

2021年9月28日、Amazonは音声認識アシスタントのAlexaを搭載した世界初の家庭用見守りロボット「Astro」を発表しました。Astroを2週間試用したというFast Companyのライターであるカロライナ・ミラネージ氏は、「Astroは驚くほど愛情深く、ペットや階段などの危険を正確に回避します。しかし、私はまだこれをどう使うべ... 続きを読む

Amazonの秋のイベントで発表されたことまとめ　ロボット「Astro」や15インチ「Echo Show」ほか

2021/09/29 8 users 本稿 米Amazon.com ドローンカメラ 予告通り 製品

Amazonが9月28日に開催したオンラインイベントで発表された製品とサービスをまとめた。日本での発売予定は不明だが、家庭用ロボットやドローンカメラなど多様な製品が登場した。 米Amazon.comは9月28日（現地時間）、予告通り「最新のAmazonデバイス、機能、サービス」に関するオンラインイベントを開催した。本稿ではそ... 続きを読む