Astroで個人ブログを作った

894 Views

January 16, 25

#Astro #ブログ #静的サイトジェネレーター #JavaScriptフレームワーク #Web開発

スライド概要

profile-image
スライド一覧

Docswellを使いましょう

（ダウンロード不可）

関連スライド

slide-thumbnail

猫でも分かるUnreal Engineの学び方 - 超初心者向け編 - 2023 v1.0
ue4 ue5 ue-beginner
user-img エピック ゲームズ ジャパン 1.5M
slide-thumbnail

Unreal Engine5 Lumenの仕組みと肝心なところ
ue5 ue-rendering ue-lumen
user-img エピック ゲームズ ジャパン 1.3M
slide-thumbnail

最新の6.0で学ぶ！初めてのひとのためのSpring Security
java spring security
user-img tada 1M
slide-thumbnail

Meta XR SDK(V66-74)でQuestアプリを開発
spatial anchor unity quest pro shaperecognizeractivatestate oculus integration transformfeaturestateprovider building blocks transformrecognizeractivestate ovrsemanticclassification jointdeltaprovider ovrscenemanager jointvelocityactivestate オクルージョン sequenceactivestate scene manager ambisonic depth api metaxraudiosource playerlocomotor meta xr sdk quest3 ovrplayercontroller マルチモーダル meta haptics studio direct touch ui meta xr haptics sdk ovrspatialanchor ovrtrackedkeyboard hapticclipplayer fingerfeaturestateprovider hapticclip ワイドモーションモード wmm mruk mr utility kit voice sdk jointrotationactivestate meta horizon os ui set asw application spacewarp ovr metrics tool unityscene manager colocation discovery コロケーション mx ink passthrough camera api hand tracking microgestures webcamtexturemanager passthroughcamerautils cameraviewermanager hand pose selector recorder
user-img あうぜん 0.9M
slide-thumbnail

猫でも分かる UE5.0, 5.1 におけるアニメーションの新機能について【CEDEC+KYUSHU 2022】
ue5 cedec+kyushu ue-animation ue-optimize ue-bp ue-physics ue-sequencer
user-img エピック ゲームズ ジャパン 0.9M
slide-thumbnail

SQL滅ぶべし
user-img 株式会社ホクソエム 879.4K
各ページのテキスト
1.

Astroで個人ブログを作った Astroで個人ブログを作った DE-TEIU(@de_teiu_tkg) クラメソさっぽろIT勉強会 (仮) #7 2025/01/16 1

2.

Astroで個人ブログを作った 自己紹介 名前 ： DE-TEIU（twitter: @de_teiu_tkg） 職業 ： 株式会社LIC エンジニア(雑用) 趣味 ： クソアプリ開発、麻雀 サイト： Uselesscode 最近作ったアプリ：偽北海道難読地名クイズ クラメソさっぽろIT勉強会 (仮) #7 2025/01/16 2

3.

Astroで個人ブログを作った ブログ作りました クラメソさっぽろIT勉強会 (仮) #7 2025/01/16 3

4.

Astroで個人ブログを作った クッソまろやかで良い海苔 https://hierophant.green/ (むかし取るだけ取って3年ぐらい寝かせてたド メインをようやく有効活用できた) クラメソさっぽろIT勉強会 (仮) #7 2025/01/16 4

5.

Astroで個人ブログを作った Astroの話 クラメソさっぽろIT勉強会 (仮) #7 2025/01/16 5

6.

Astroで個人ブログを作った Astroとは 高速なコンテンツ駆動型のウェブサイトを構 築するために最適化されたJavaScriptウェブ フレームワーク → かなり適当に言うと、静的サイトの生成 (SSG)が得意なJavaScriptフレームワークで す。 クラメソさっぽろIT勉強会 (仮) #7 2025/01/16 6

7.

Astroで個人ブログを作った Astroの特徴 ビルド時に可能な限りJavaScriptのコードを削ぎ落とすことでパ フォーマンス向上 外部のリソース（静的ファイルやらAPIのレスポンスやら）を組み 込んだサイトを作りやすい 色々なJSフレームワークやCSSフレームワークと連携できる (SvelteでもVueでもReactでも) SSRもやろうと思えばできる あと公式のチュートリアルがかなりわかりやすい クラメソさっぽろIT勉強会 (仮) #7 2025/01/16 7

8.

Astroで個人ブログを作った ブログを作ってみよう 環境構築は簡単。 このコマンドを実行していくつかの質問に答えていくだけ。 $ npm create astro@latest "How would you like to start your new project?" とい "Use blog template" を選択する。 途中、 う質問が出てきたら、 クラメソさっぽろIT勉強会 (仮) #7 2025/01/16 8

9.

Astroで個人ブログを作った ブログを作ってみよう 最低限必要なファイル一式ができあがる。 $ npm run dev で早速起動もできる。 クラメソさっぽろIT勉強会 (仮) #7 2025/01/16 9

10.

Astroで個人ブログを作った クラメソさっぽろIT勉強会 (仮) #7 2025/01/16 10

11.

Astroで個人ブログを作った ビルド時、マークダウンで書いた記事データを読み込んで、ついでに ルーティングもやってくれる機能がデフォルトで搭載されている。 クラメソさっぽろIT勉強会 (仮) #7 2025/01/16 11

12.

Astroで個人ブログを作った クラメソさっぽろIT勉強会 (仮) #7 2025/01/16 12

13.

Astroで個人ブログを作った 他、少しの改修でこんな機能も作れる 月別の記事一覧ページ 記事にタグ(カテゴリ)の追加 タグごとの記事一覧ページ 記事一覧ページのページネーション などなど （ここら辺の実装について、ブログ内でソースコード付きで軽く解説 しています） クラメソさっぽろIT勉強会 (仮) #7 2025/01/16 13

14.

Astroで個人ブログを作った 感想 開発体験はかなり良かった とりあえず動くものを作る、というところまでは割とすぐにたどり 着ける気がする (まだそんなに気にならないが) 記事が増えてくるとビルド時間が遅 くなりそう。キャッシュでどうにかなりそうではある クラメソさっぽろIT勉強会 (仮) #7 2025/01/16 14

15.

Astroで個人ブログを作った まとめ Astroとは、主にコンテンツ主体のWebサイトの生成を得意とする JavaScriptフレームワーク。 他のJSフレームワークとの連携も可能。 ブログも作れる。テンプレートが優秀なので、すぐに開発を始めら れる。 カスタマイズ性が高い。 クラメソさっぽろIT勉強会 (仮) #7 2025/01/16 15