【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-03-31 18:14:00
こんにちは関です！ 最近はとても暖かくなって 桜も咲いてすっかり春ですね〜♡ 3月もおつかれさまでした＾＾ 3月は少 ...
ブログ 2025-01-16 20:00:00
こんにちは、瀬元です！ 2025年最初の話題は、生成AIに関することになります。 最近、Open AIの動画生成AI「S ...
ブログ 2025-04-24 18:55:00
みなさん、初めまして！ ２５新卒の福岡樹と申します。 細かく言いますと新卒ではなく、第二新卒に区分されています。 以前 ...
ブログ 2020-12-11 19:29:00
こんにちは！深田雄太です！ 今回は弊社の入り口に置いてあるコロナウイルス対策ツールサーモグラフィーモニターをご紹介します！！コロナウイルス ...
ブログ 2022-02-14 15:39:00
こんにちは！宮崎です 今日は遅くなりましたが、今年の目標を漢字1文字で発表します！ 私の今年の目標は、 ...
ブログ 2024-06-27 10:13:00
皆さんこんにちは！ 宮崎です。 今日は個人的に嬉しかったニュースを共有しようと思います^ ...
ブログ 2021-03-15 11:05:00
PEACSMIND新商品のご案内です！ 今回は建築関係のお仕事をされているみなさまに 是非見ていただきた ...
ブログ 2023-12-29 19:54:00
みなさまこんばんは！ 2023年は今日、12/29に仕事納めでした！ 今日の披露宴では新郎様から新婦様へバラとお手紙のサプライズがあった ...
ブログ 2021-01-23 17:07:00
こんにちは、桑原です。 現在、3DCGやモデリングについて猛勉強中の桑原ですが 少し様子を見てもらいたいと思います。 制作するのは夢ち ...
ブログ 2024-10-30 15:10:00
10月9日、10日 私たち24卒は東京研修に向かいました！！ 1泊2日の研修旅行 飛行機で福岡を旅立ち、鹿 ...