ブログ - 2024-11-30 16:50:00

【Webフレームワーク】Astroを勉強する①【サーバー起動】

Posted by 江口 史和里
Shiori Eguchi

こんにちは、江口です。

 

つい先日【Astro】というWebフレームワークを少し学んだのですが

Astroでスタートするときにでてくるこの子

ヒューストン君めっちゃかわいい。勉強のモチベがすごく上がる。

Astro使いこなしたい〜〜って気持ちになるくらい、こういうのに対してちょろいです。

 

 

【Astro】というフレームワーク、とにかく爆速なんだそう。

なぜ爆速なのか?

buildして出来上がったものが、HTMLで書かれているから、だそう。

意外と単純というか、そりゃそうだって感じ。

 

 

【Astro】の始め方

①ターミナルで

npm create astro@latest

を打ち込む。そうするとヒューストン君がまず挨拶してくれます。

 

②質問に答える

・どこにプロジェクトを作成するか

・どのようなプロジェクトを始めたいのか(Use blog templateがブログにめちゃ便利らしい)

・TypeScriptで書くか

・依存関係をインストールするか

・Gitを初期化するか

それぞれ答えていきます。

 

③質問に答えた後は、②で指定したフォルダにプロジェクトが出来上がっているので

 Enter your project directory using cd ./test-astro2 

         Run npm run dev to start the dev server. CTRL+C to stop.

         Add frameworks like react or tailwind using astro add.

         Stuck? Join us at https://astro.build/chat

の中にある

npm run dev

をエディターのターミナルに打ち込み、サーバーを起動。

そうするとローカル環境でサーバーが立ち上がりました〜!

 

 

最後にまたヒューストン君が応援してくれます。

私たちを宇宙飛行士と呼ぶヒューストン君。

広大なインターネットを宇宙に見立てているんでしょうか? そういう設定も好き・・!

 

引き続き勉強を頑張ります。

 

Posted by Shiori Eguchi
<Remote>WEBコーダー/クリエイター 江口 史和里

江口 史和里が書いたその他記事

2022-01-23
今年の一文字
2019-12-22
かごしまの旅

ブログ TOP

ブログ 2021-05-17 11:27:00

こんにちは、桑原です。 今回も、AEのエクスプレッションを 使ってポップな動きを表現していきたいと思います。 前回はこちら↓ ...


ブログ 2025-02-27 08:20:00

こんにちは、伊藤です。   前回の高宮編に続き、本日は博多のランチメニューをおすすめします!     ...


ブログ 2025-04-23 13:40:00

みなさん、こんにちは!最近衣替えをするか悩んでる秀良です。 今回は入社式の日について書いていこうと思います。   毎年ニュー ...


ブログ 2019-09-30 22:57:00

  知覧へ行ってきました〜〜! 鹿児島市内から一時間ほどの所なので、少し遠出したいときにぴったり!   山!川! ...


ブログ 2021-05-20 11:10:00

こんにちは、ほーりーです。   データ転送機器として幅広く使われているUSB端子 そんな「USB」に3.0や2.0といった規 ...


ブログ 2022-06-16 18:35:00

こんにちは!   雨の日が多くなるにつれて、今年もこの季節がやってきたかと 少しだけ憂鬱になってしまう有隅です! &nbs ...


ブログ 2026-01-27 23:19:00

こんばんは! 喉の調子が戻らない、なかむら りんです。 インフルの後遺症が未だに治りません(泣)   早くも2026年の1 ...


ブログ 2020-04-18 15:47:00

新型コロナウィルスの影響で自粛要請...会社も一部休業 > <とはいえ、誰にも会わずに1人でマイカーで出かけることは出来る!今回 ...


ブログ 2019-12-24 19:16:00

  鹿児島2次会の恒例になりつつあるボーリング大会 久しぶりに開催されました!       ...


ブログ 2025-04-24 23:10:00

今回は、AEに取り組むマインド。の話。   映像とは、やはりインプットの数だなと常々実感させられます。 しかも、分野はかなり ...