Astro 2.9 is out and features experimental support for view transitions, as well as redirects configuration and improved script bundling. View Transitions (experimental) Redirects Hoisted script optimization If you already have Astro installed, you can upgrade it to 2.9 by running the upgrade command in your project (using your package manager of choice): While you’re at it, upgrade any @astrojs/*
[小ネタ]Astroという静的サイトジェネレータでWebサイトをサクッと作ってみた | DevelopersIO
セットアップウィザードを実行 以下のコマンドでプロジェクトを新規作成します。 % npm create astro@latest 初回プロジェクト作成の場合は、インストール確認されるのでyを入力します。 Need to install the following packages: create-astro@latest Ok to proceed? (y) プロジェクト用に任意のルートディレクトり名を入力します。 ウィザードでディレクトリは自動作成されるため、事前に作成する必要はありません。 今回はtutorialと入力します。 Where should we create your new project? tutorial どのテンプレートを使用するかを選択することができます。 今回はInclude sample filesのままとします。 How would you like to
![[小ネタ]Astroという静的サイトジェネレータでWebサイトをサクッと作ってみた | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/ab7f6c962b2df5bdf827c5694e1cdeda65cc5689/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2023%2F02%2Fastro-eyecatch-3.png)
Astro 2.0 の新機能、Content Collections API を使って安全に MD / MDX コンテンツを管理する
2.0 のポイント Content Collections: MD と MDX を型安全にするで Hybrid Rendering: SSG にするか SSR にするかをページ毎に選べるようにしたで（Next.js とか SvelteKit にあるやつ） エラーメッセージめっちゃ見やすくしたで HMR 改善したで Vite 4.0 に対応したで 新しいロードマップ公開したで 目玉は Content Collections と Hybrid Rendering 。 今回は Content Collections について書く。 Content Collections API Astro 2.0 は、現代の Web 開発において見落とされがちな問題を取り扱うことを目的としています：Markdown / MDX を扱うことは難しいです。 MD/MDX ってファイル大量になりがちで、管理コスト高い
Astro + Volar = 💖 | Astro
At Astro, we want you to be able to build websites using the tools that you prefer. Supporting such a wide variety of developer choices requires an enormous amount of work, and it is an understatement to say that we wouldn’t be able to do it all without a little help from our friends. From the small utilities like kleur (to provide cute colors in the terminal) and tsconfck (to load your tsconfig.j
I am thrilled to announce the creation of The Astro Technology Company along with $7M in seed funding to help us build a better platform for web development. The round was led by Lightspeed Venture Partners with participation from Haystack, Gradient, and Uncorrelated Ventures. With this funding, the core team has moved from Skypack (formerly Pika) and joined The Astro Technology Company to continu
明るい空に「ドーン！」2日連続で現れた〝火球〟話題に なぜ「火球」のニュースが増えたのか ＃ニュースその後（withnews） - Yahoo!ニュース
「ドーン」という音とともに、流れ星（火球）が現れた――。最近、そんな流れ星のニュースをよく目にしませんか？ことし1月中旬には、2日連続で火球が流れたという報告も。何か関連はあるのでしょうか？（デジタル企画報道部・東山正宜） 【動画】明るくなった空に流れた「火球」 2日連続の関連は… 2日連続の「火球」 関連は？今月15日、すでに明るくなった午前7時前の空に明るい流れ星（火球）が現れました。 通勤が始まる時間帯とあって多くの人が目撃し、SNSには「初めて見た」「びっくりした」といった驚きのほか、「ドーンという爆発音がした」といった報告が相次ぎました。 しかも、この翌朝にも再び、火球が流れたのです。 なにかの流星群だったのでしょうか。 神奈川県平塚市博物館の天文担当学芸員、藤井大地さんは「二つの火球はまったく別の方向から飛んできており、関係はないようです」と解析します。 藤井さんは「昨日に続き
Astroを業務で使ってみて
Astro builds fast content sites, powerful web applications, dynamic server APIs, and everything in-between. Astroを触ってみて、これはいいかも…と思い、業務でも何度か使ってみました。感想と、いくつか知見を書いておきます。 所感 まず、Next.jsなどと違い（基本的には）JSフリーの状態でビルドされるのが良いです。「納品後はこっちで更新したい」と言われることも多く、お客様の手で変更できないのはNGな案件が結構多いんですよね…。逆に納品後も保守契約を結ぶなどしてずっと手元で触れるなら、そこまで重要ではなさそう。 記法はかなりとっつきやすいので、コーディングはたまにやる程度のデザイナーとも協業しやすそうです。 --- import '@/styles/global.css'; imp
Astro 4.0 Beta Release | Astro
Today we’ve released the first beta of Astro 4! Those feeling adventurous can install the new beta, review our in-progress upgrade docs, and report any bugs you find to the Astro discord. What to expect in Astro 4 We are releasing Astro 4 to stay up to date with Vite, our internal build tool. Astro 4 includes the latest version of Vite 5, which was just released last month. As Vite 5 is also a sma
web制作環境にAstroを導入する
Need to install the following packages: create-astro@3.1.10 Ok to proceed? (y) y (node:3772) ExperimentalWarning: The Fetch API is an experimental feature. This feature could change at any time (Use `node --trace-warnings ...` to show where the warning was created) astro v2.8.3 Launch sequence initiated. dir Where should we create your new project? ./bustling-binary tmpl How would you like to star
WACK Stack というウェブメディア向けの開発スタックを考えてみました。まだ本番運用はできていませんが、PoC としてプロトタイプを作ってみたところ「いやこれ、マジでかなりいけるんじゃないか？」という感触を得たので紹介したいと思います。 WACK Stack とは、 WordPress Astro CDN Kysely のそれぞれの頭文字をとったもので、これらから構成されるスタックに名前を付けたものです。WordPress を CMS として使いながら、パフォーマンスとスケーラビリティに優れ、モダンなスタイルで高速に開発とリリースがしやすいウェブメディアのための構成として考えました。 前置き 弊社 KODANSHAtech の主な業務の1つにウェブメディアの開発があるのですが、そのときにWordPress を使うことが多いです。 WordPress を採用しておけば、すぐにほぼ完全に
ひょっとしたら、デザイナーさんの方で React や Next.js を使うのが難しいと感じる人がいらっしゃるかもしれません。そんな方におすすめなのが、Astro です。React を使わずに、ネイティブな JavaScript と、html と css だけで、フロントエンド開発を行うことができます。 静的サイトジェネレータである Astro は、フロントエンド開発の新しいフレームワークで、静的サイト生成(SSG)とサーバーサイドレンダリング(SSR)を効率的に組み合わせることが可能です。 Astro の特徴は多岐に渡りますが、特に注目すべきはそのパフォーマンスと開発者体験です。これは、Astro が「0-JS」の原則に基づいて構築されているからです。 「0-JS」の原則とは何かというと、フロントエンドで JavaScript のバンドルを全く必要としない、つまり最小限の JavaScr
Astro 4.2 | Astro
Astro 4.2 is now available! This release includes new experimental features to try out, improvements to accessibility rules, the ability for remark plugins to customize image optimization in Markdown, and many more improvements and bug fixes. Highlights include: (Experimental) Support for prerendering pages using the Speculation Rules API (Experimental) Reworked routing priority for injected route
Astroの概要と基本的な文法をちょっと理解する
現在、StackBlitzの埋め込みが多数あることで、Zennの埋め込みに使われている WebAssemblyのメモリ不足によりエラーを起こしているため、スマホでの閲覧が難しい状況です。 対応中ですので、対応完了までは、PCもしくはタブレットで閲覧いただけると幸いです。 概要 最近よく聞くAstroというJavaScriptフレームワークについての記事です。 話題のAstroの概要と、これまでのJavaScriptフレームワークの違いについて簡単に調べてみました。 また、公式ドキュメントのチュートリアルをやりながら、Astroの基本的な文法、記述方法を学習したので、備忘録がてら記事にしてみました。 この記事でわかること Astroの概要 Astroのメリット Astroと従来JavaScriptフレームワークの違い Astroの基礎文法 Astroとは まず、Astroとは、コンテンツに
地球とともに映る見慣れない月
DSCOVR（ディスカバー）という衛星が地球と月をとらえた画像です。地球の手前を月が横切ったときに撮影されました。 この画像に映る月の表面が、見慣れないものであることに気づかれたでしょうか。地球からみると、月の表面にはいわゆる「餅つきをするウサギ」のような模様がみられます。しかしこの画像の月にはそのような模様はありません。それはなぜでしょうか。 DSCOVRは第1ラグランジュ点（太陽と地球の間の、地球から約150万kmの点）から地球を観測しています。地球から月までの距離は、平均して約38万4400kmです。DSCOVRはそれよりはるか遠くから観測しているのです。また月は常に同じ面を地球に向けながら公転しています。月の公転軌道より外側から撮影しているので、月の裏側が映っているというわけです。 月の裏側の詳細画像は「地球からはみえない月の裏側」で紹介しています。 Image Credit: N
「EJS, Nunjucks, PugなどでWeb制作をやってたけど、もっとモダンな開発がしたい・・・」 「ReactやVueに手を出してみたけど、別にアプリケーションが作りたいんじゃなくて静的なWebページが作りたいんだ・・・」 「Next, Gatsby, Nuxtみたいな静的サイトビルダーを使ったけど、結局SPAの挙動するやん・・・」 「SPAは別にいらんねん・・・」 いずれかに当てはまる方、いませんか？（全部私が思ってたこと） そんなあなたに Astro です。 Astro ではどんな書き方ができるの？ Astroにはいろんな特徴がありますが、この記事では「どんな書き方ができるのか」を中心に紹介します。 Astroでは .astro という独自のファイル形式を使用します。 早速ですが、Astroでどんな書き方ができて、どんな出力が得られるのか見てみましょう。 こういう書き方↓ができ
Astro 2.5 | Astro
We just released Astro 2.5, with a big list of features including: Data collections and references: Your src/content/ folder can now include JSON and YAML files to store data. You can reference this data from your other collections. Hybrid rendering (experimental): Allow server routes in your mostly static sites. Custom client directives (experimental): A new API for integrations to define their o
はじめに Astroで作ったWebサイトにGoogle Analyticsを導入したときのメモです。 Google Analyticsを使うとアクセス数やユーザ情報が分かるので便利です。 手順 Google Analyticsのトラッキングコードを取得する Google Analyticsの登録方法についての解説は省略します。 UAは2023年7月に廃止となるので、GA4がよいでしょう。 登録ができたら、トラッキングコードを取得します。 トラッキングコードは以下のような形式です。 <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script> <script> window.dataLayer = window.
Astro 2.4 | Astro
Astro 2.4 just dropped, and features: Stronger scoping for CSS: A new opt-in flag scopedStyleStrategy allows you to configure a higher specificity for your Astro components’ scoped styles. Improved <Code /> component: Upgraded Shiki and support for inlining. SSR support in sitemaps: Known routes are now built into a sitemap during the build. Middleware (experimental): Define code that runs before
個人的なやつなので、すべての案件にハマるわけではないはず。 今回はたまたまAstroを選んでるけど、他のものを使ってSSGする場合にも、ある程度は当てはまる内容かと。 データの取得コマンドとSSGのコマンドを分ける ビルドコマンドを叩いた時に、 SSGのフローの一貫としてデータを`fetch()`し、それを使ってページ生成 というのではなく、 データを取得し、ローカルにキャッシュするコマンド そのキャッシュを使って、SSGでページ生成するコマンド という2段構えにするということ。 こうすることで、ローカルでの開発時にネットワーキングしなくて済む。 データ取得のコマンドを賢く作れば、毎回一括ダウンロードもしなくてよくなるし。 アーキテクチャにSSGを採用した場合、遅かれ早かれCMSからすべてのデータを引っこ抜くことになるので、そこだけを個別に最適化できるようにしたほうが絶対に幸せになれる。C
AstroでLPを書き直した 代表のkomiです。 つい先週くらいにLPをNext.jsで作り直したというエントリーを書いたのですが、それをメンバーに見せたところ なんでNext.js使ったの？時代はAstroだよ？ というツッコミをもらいました。 そこからAstroについて調べてみたところ なんだ、Next.jsじゃなくてAstroでいいじゃん となったので6時間程度の突貫工事でゼロから書き直しました。 Astroとは何か もうすでに一部の技術情報にアンテナを張っている人はご存知ですが、Astroは以下のような思想で設計されたフロントエンドフレームワークです。 静的サイトに特化 なるべくJavaScriptを排除してピュアなHTMLを配信 とにかく高速化 感覚としてGatsbyに近いプロダクトとなります。 こうした特徴はReactやSvelteといったフレームワークに依存しない独立したプ
Next.js にあるアレ、Astro でどうするか
明日、トロ w 最近 Astro を触ったのでそのときに調べたこと。 Dynamic Routing Routing 自体は Next.js と同じようにできる。つまり pages/ に [id].astro のようなものを作れば良い。それが URL になる。 この id は const { id } = Astro.params; のようにして取れる。Next と違って context は無いが、Astro という名前空間から取ってこれる。 getStaticPaths Next にある getStaticPaths も Astro には getStaticPaths としてある。 export function getStaticPaths() { return [ // Generates: /dogs/clifford { params: { dog: "clifford" } }
関東など広い範囲で「火球」観測 SNSでも投稿相次ぐ | NHK
流れ星の中でも特に明るく輝く「火球」と呼ばれる現象が19日夜、関東などの広い範囲で観測されました。 天文が専門で神奈川県の平塚市博物館の学芸員、藤井大地さんによりますと、19日午後8時すぎ、平塚市の自宅と静岡県富士市に設置しているカメラで火球が流れる様子を撮影したということです。 いずれの映像にも、北の夜空に明るい火の玉のようなものが現れ、数秒間にわたって流れ落ちる様子が映っています。 藤井さんによりますと、火球は新潟県沖の上空を秒速36キロほどで東から西へ進んだとみられるということです。 また、SNS上では同じ時間帯に関東や東北など各地で火の玉のようなものを見たという投稿が相次ぎました。 藤井さんは「オリオン座やおうし座の流星群のピークにあわせて、これから火球を肉眼で観測できる機会が増えてくる。特に今月21日の夜から22日の明け方にかけては火球が見える可能性が高いので、ぜひ夜空を見上げて
最高のドキュメントサイトを作るために必要なものがすべて揃っています。高速でアクセシブル、しかも使いやすさも備えます。
Astro 3.3 is out with a brand new, experimental <Picture /> component, improved compatibility for syntax highlighting, package provenance, and a handful of other quality of life improvements. New <Picture /> component Syntax Highlighting improvements Package Provenance Quality of Life Improvements To take advantage of the latest features, make sure you’re running the latest version of Astro. You c
Build a modern shopping site with Astro and Netlify serverless functions
In this post Hello! So many new technologies to play with, so little time! When we saw that Shopify expanded their Storefront API, the Developer Experience team at Netlify jumped ON it to play around with all of the different ways we could build a shopping site. I decided to try my hand at building one with Astro and React! If you are interested in how I built it, keep on reading. If you’d like to
PEOPLE AND SPACE部門のWinner。ロックダウン中のイギリス、写真家と娘のひととき。コロナ禍を象徴した一枚だ。 Deepal Ratnayaka 空を見上げれば、いつも変わらずにそこには神秘的な世界が広がっている。 宇宙の美しさは、世界中のどこからでも、誰もが平等に味わうことができる、自然が与えてくれた贈り物だ。 9月17日（日本時間）、イギリスのグリニッジ王立天文台が主催する天体写真コンテスト｢Astronomy Photographer of the Year 2021｣の受賞作品が発表された。 今年で13年目を迎えた天体写真コンテスト。 世界の75カ国から4500点以上の応募があった中でグランプリに輝いたのは、中国人写真家、シュチャン・ドン（Shuchang Dong）氏が撮影した｢The Golden Ring｣と名付けられた｢金環日食｣の写真だ。 2020年6月2
無数の銀河を背景に美しく輝く“ペルセウス座”の渦巻銀河
渦巻銀河「NGC 1003」（Credit: KPNO/NOIRLab/NSF/AURA）こちらは「ペルセウス座」の方向およそ3000万光年先にある渦巻銀河「NGC 1003」です。中心部分の明るく黄色っぽいバルジを取り巻く渦巻腕には高温の若い星が多く存在することを示す青い領域や星形成活動が盛んな赤いHII領域があちこちに存在しており、まるで色とりどりの花が咲き乱れる広大な花畑のようです。 ここに写っているのはカラフルなNGC 1003だけではありません。ぱっと見ただけでもNGC 1003の周囲には別の渦巻銀河が幾つか写っていることがわかりますし、よく目を凝らしてみると、渦巻腕を持たない黄色っぽい楕円銀河や赤く小さく写る遠方の銀河が無数にあることがわかります。 なかには背後の銀河よりもずっと地球に近い天の川銀河の星もありますが、にじんだ点のように見える光の多くは単一の星ではなく、ひとつひと
Astro 2.10 is out with improvements to our experimental View transitions support. Additionally, we’ve released our first early beta of Astro 3.0. Read on to learn more! Persistent UI in View transitions First Look at Astro 3.0 If you already have Astro installed, you can upgrade it to 2.10 by running the upgrade command in your project (using your package manager of choice): While you’re at it, up
この記事は連載記事第二回です。前回の記事をまだ読まれていないという方はぜひ第一回と合わせてお楽しみください。 第一回のAZ-GTiベランダ天文台の記事はいかがでしたでしょうか。いつものスタッフブログとは一味違う気合を感じて頂けたなら幸いです。あ、普段のスタッフブログが気合入ってないという訳ではないですよ。今回は”特に”という意味です。緊急事態宣言下でもなんとか安全に天体観測、天体撮影を楽しんでもらいたい。そんな思いから筆を執らせて頂いています。
How to watch Polaris Dawn astronauts attempt the first commercial spacewalk
2024年、北極星に匹敵する「新星」の爆発を肉眼で観測することができる絶好の機会が巡ってきた。その主役は「かんむり座T星」という、かんむり座を構成する3000光年離れた再帰新星だ。 かんむり座T星が新星爆発を起こすのは、およそ80年ぶりのこと。過去にも華々しく夜空を彩ってくれた星だが、今生きている人にとっては一生に一度のビッグチャンスとなるだろう。 爆発のタイミングは2月から9月と予測されていたが、現在6月となったのであと3か月のうちにみられるはずだ。 こんな素敵な機会を逃さないために、宇宙の壮大な花火を観察する方法をしっかりと学んでおこう。 かんむり座T星の新星爆発が80年ぶりに到来 「新星」といっても、新しく星が生まれるわけではない。 「かんむり座T星」は、短期間で明るさが大きく変化する激変星の一種で、その正体は白色矮星と赤色巨星の連星だ。 この白色矮星には赤色巨星から水素ガスが流れ込
はじめに 最近Ver2.0がリリースされ、去年度の「The State of JS」でも話題になったフレームワークを使って、 個人に関する2サイトを作ってみたので共有です。 どんな技術かなどの説明は、ドキュメントをご覧ください 大部分が日本語対応しているので、理解しやすいと思います。 作成者スペック ・業務: Springboot + js、現在新卒です ・非業務: React,Nextjs,astro(すべて勉強中、非業務レベルです) ・資格ちらほらです 作ったもの 以下２サイトです（update等で見られなくなっていたら、見逃してください…） 企画含めて、大体１ヶ月半くらいで作りました。 すごいレベル高いものというより、こんな感じならサクッと作れるよ～というところになります。 技術記事のほうはまだあまり書けていないで、ご了承ください。 追記: サーバーの期限切れて、api叩けなくなって
Hi, it’s Takuya, the solo developer of Inkdrop. I’ve been saying no to the feature requests that require extending the Markdown syntax. That’s because Inkdrop is a ‘Markdown’ note-taking app, focusing on leveraging the full possibilities of its popularity. For example, Markdown is widely supported in static site generators like Astro, Gatsby, Jekyll, Hugo, and more. As you may know, a lot of peopl
Astro 2.6: Middleware | Astro
Astro 2.6 is out, and it’s a big one! Several experimental features have been marked as stable and are now available in all Astro projects (no “experimental” flag required): Middleware Hybrid SSR output mode Custom client directives CSS inlining Astro 2.6 also introduces new features and improvements, including a new experimental feature for managing redirects: Redirects (experimental): Setting in
English translation of this post: I've created a new tech blog using Astro and Vercel | stefafafan's tech blog これまで記事を書くのにはてなブログを使ってきましたが*1、これとは別に英語で技術記事を書くためのブログを用意したい気持ちになりました。Mediumが使われがちですがせっかくならAstro試してみたいなと思って今回試しました*2。以下がとりあえず完成した英語専用のブログです。 blog.stenyan.dev やったこと AstroPaper というテーマがあったので、GitHubのテンプレートからリポジトリを生成 Vercel に登録して、先ほど作ったリポジトリを連携 独自ドメイン登録するために、VercelからCNAMEの値を取得してDNSに登録 あまりにも簡単ですごい
Last week I wrote about my frustration with Next.js. That got a lot more attention on Twitter than I had expected. Anyway, I wanted to write something positive next, and what’s better than to write about my favorite framework: Astro. What’s Astro? Astro is a framework for building static and server-rendered sites with JavaScript. It’s akin to Next.js and Gatsby, rather than a client-side framework
astroでthree.jsを動かす方法
検索しても出てこなかったので。 Reactを使います(React Three Fiberは後述) astroにReactをインストール ドキュメントを見るとReactをインストールする方法は自動と手動の2つあって、今回は自動で行います。手動だと、reactをブラウザで解釈するためのreact/domというライブラリを入れたり、コンフィグいじったりしなければならないですが、自動だと全部よろしくやってくれます。 npx astro add react ✔ Resolving packages... Astro will run the following command: If you skip this step, you can always run it yourself later ╭───────────────────────────────────────────────────
は1月26日、インターステラテクノロジズとの共同プロジェクト「」を発表しました。「」は北海道大樹町にて2021年夏頃の打ち上げを予定しています。 インターステラテクノロジズは実業家の堀江貴文氏らが創業した宇宙事業の企業で、民間企業単独開発の宇宙到達の開発に成功しています。今回のプロジェクトで利用する観測「MOMO」は高度100kmの宇宙空間を経て海に着水するタイプの機体です。 「 ROCKET PROJECT」は下記の3つのミッションを実行予定です。 ①集めた1000人分の想い・願いを型メッセージPODに入れて宇宙に届ける ②ロボがに搭乗し、宇宙空間から地球へ帰還する ③計測用のをに搭載し、「宇宙用」の開発をスタートする ②のロボの放出と回収のミッションが達成すれば、「」は国内の民間初となる「宇宙空間へのペイロード（荷物）放出と回収」を行ったとなります。 クラウドファンディングサイトのCA
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Astro 2.9: View Transitions (experimental) | Astro
https://jp.techcrunch.com/2021/09/01/2021-08-31-pandemic-driven-liquid-oxygen-shortage-threatens-ula-spacex-launches/
Announcing The Astro Technology Company | Astro
ウェブメディアの開発に最高かもしれない WACK Stack の紹介
華麗なるWebフレームワーク Astro の使い方 - コムテブログ
https://jp.techcrunch.com/2020/10/01/2020-09-30-following-apples-sidecar-launch-astropad-announces-luna-display-for-windows/
VueやJSXは好きだけどSPAは要らない、そんなあなたに Astro
【Astro】Google Analyticsを導入する - Qiita
AstroでSSGする場合の個人的ベストプラクティス - console.lealog();
公式ページを更にAstroで書き直しました
Starlight 🌟 Astroでドキュメントサイトを作る
Astro 3.3: Picture component | Astro
心震える11枚。英グリニッジ王立天文台、天体写真コンテスト2021
Astro 2.10: Persistent State in View Transitions | Astro
緊急連載！AZ-GTiでベランダ天文台のススメ その2
Engadget | Technology News & Reviews
2024年9月までにかんむり座T星が爆発。肉眼で天体ショーを観測できるチャンス到来！
Astroでポートフォリオサイトと簡単なテックブログを作ったので、振り返ってみる - Qiita
How to integrate an Astro site with Inkdrop
Astro + Vercel で英語の技術ブログを新たに作成した - stefafafan の fa は3つです
You really need to try Astro
2021年夏に「TENGAロケット」打ち上げ、堀江貴文氏の宇宙事業との共同プロジェクト - ライブドアニュース
www.youtube.com
shufuse.com
www.hakuhodody-holdings.co.jp
www.nikkei.com
anond.hatelabo.jp
www.advanced-media.co.jp