静的サイト

こんにちは、株式会社アドグローブ ソリューション事業部の青山です。 普段Vueなどのフレームワークを使ってウェブ開発を行っていますが、最近注目を集めている新しいフレームワーク「Astro」に興味を持ち、軽く触っていました。端的にいうとAstroは、シンプルさと高速性に特化した静的サイトジェネレーターです。今回は、Astroがどのように静的コンテンツ表示に特化しているのか、他のフレームワークとの速度比較、そして実際にコンテンツコレクションを使ってMarkdownコンテンツを表示する方法について詳しくご紹介します。 Astroの概要と特徴 他のフレームワークとの速度比較 コンテンツコレクションを使…

はじめまして。sawaと申します。 この記事では静的サイト作成に特化したフレームワークである「Astro」について、フロントエンドエンジニアの方向けに簡単に説明する記事です。 はじめに 企業に所属するフロントエンドエンジニア、またはマークアップエンジニアの方は下記のようなお願いをされた経験があるかもしれません。 「コーポレートサイトを作りたい！」 「ブログやお知らせなどをバックオフィスで更新したい！」 「独自のデザインにこだわりたい！」 上記のような要件で小規模な静的サイトを作成することになった場合、技術選定で迷う方も多いのではないでしょうか。 まず第一に、大規模案件で使っているようなフレーム…

こんにちは。今回は静的サイトの作り方について書いてみます。 フリー張り紙素材 はりがみやも静的サイトで、基本的にはこの記事と同じようなやり方で作られています。 【注意】 これを書いている人は趣味レベルな上、「なんだかわからんが動いたからヨシ！」という人間です。ベストプラクティスとは程遠い内容かもしれません。 とはいえ「ちゃんとやる」「完璧にやる」といろいろとハードルが高いですし。 とりあえず動かしてみたい、作ってみたいという方に読んでいただければ。 想定している読者 前書き 静的サイトとは？ 動的サイトとは？ 静的サイト作成の流れ 静的サイトジェネレーター 本記事のゴール 完成イメージ 環境の…

Bullet Group Advent Calendar 2020 19日目の記事です。 こんにちは！SREチームたかはしです！ 栄えあるアドベントカレンダーの19日目、どんな記事を書かせて頂こうか悩みましたが「terraformで s3 + cloudfront を構築し、静的サイトを公開する方法」をご紹介したいと思います！ こちら以前自分が業務上で行ったことなのですが、とてもとても楽に環境構築 & サイト公開までできて感動しました。 簡単なポートフォリオサイトの公開などで使用することもあるかと思いますので、皆さんにもお試しいただければと思います。 前提 pcにterraformがインストー…