【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コーダー/クリエイター 江口 史和里
|
江口 史和里が書いたその他記事
音楽をきいて記憶が蘇るアレ。
信州をめぐる癒しの旅【諏訪・松本】
【Perfume 10th TOUR】ネビュラロマンス in SAGAアリーナ
【Webフレームワーク】Astroを勉強する①【サーバー起動】
【シアターコントロニカ】コント公演『並行食堂』京都公演に行ってきました！
バレンタインin鹿児島
今年の一文字
気になる...【ただアレするだけの機械あつめてみた】【おすすめ映像】
【Webデザイン】シンプルおしゃれな”ニューモーフィズム”とは？？
【パララックス効果】スクロールして楽しいWebデザイン【PC推奨】
【コロナ自粛におすすめ】Web上でアートを感じる！デジタルミュージアムの世界
【読書×音楽】本・漫画を読むときに楽しさを倍増させる方法
個人的【考察したくなるおすすめ楽曲】2選+番外編
写真を撮るとき思うこと！!
【Photoshop2021】”もの”を切り抜きたいときに便利な話。
初心者でもわかる音響講座⑫ -フェーダーについて-
初心者でも分かる音響講座⑪ -DI(ダイレクトボックス)編-
初心者でもわかる音響ミキサー講座⑩ -ファンタム電源(48V)-
初心者でもわかる音響ミキサー講座 番外編 -色んなエフェクトかけてみた02-
初心者でもわかる音響ミキサー講座 番外編 -色んなエフェクトかけてみた-
【映像×舞台美術？？】私のおすすめ演劇作品 『ノケモノノケモノ』
初心者でもわかる音響ミキサー講座⑨ -エフェクトのかけ方編-
【After Effects】シェイプレイヤーで風車吹かせてみた。
初心者でもわかる音響ミキサー講座⑧ -PFL/プリポスト編-
After Effectsのかわいいエフェクト=choker=
初心者でもわかる音響ミキサー講座⑦ -PAN編-
音響さんのおすすめ図書
初心者でもわかる音響ミキサー講座⑥ -COMP(コンプレッサー)編-
GUCCI × Doraemon !!!????
初心者でもわかる音響ミキサー講座⑤ -HPF・LPF編-
初心者でもわかる音響講座④ -ミキサー内の音の流れ-
初心者でもわかる音響講座③ -音の流れ編-
初心者でもわかる音響ミキサー講座② -マスター＆エフェクト編-
初心者でもわかる音響ミキサー講座① -チャンネル編-
サンタを追いかけよう！
音響ミキサーで遊ぶ -YAMAHA MG20XU PITCH CHANGE
コロナ中にできること。
私の好きなPhotoshopの機能
しずおかの旅 おまけ・・・SLの音をきいて！
しずおかの旅 その２・・・SLに乗る。
しずおかの旅 その１
みんなで初詣 in警固神社
かごしまの旅
東京オフショット
休日の楽しいカメラ撮影！-EOS 70D-
ブログ 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
新型コロナウィルスの影響で自粛要請...会社も一部休業 > <とはいえ､誰にも会わずに１人でマイカーで出かけることは出来る！今回 ...
ブログ 2019-12-24 19:16:00
鹿児島2次会の恒例になりつつあるボーリング大会 久しぶりに開催されました！ ...
ブログ 2025-04-24 23:10:00
今回は、AEに取り組むマインド。の話。 映像とは、やはりインプットの数だなと常々実感させられます。 しかも、分野はかなり ...