サイト出した

はじめに

こんにちは、ヴれと申します。
合成音声技術とかに興味があって、あとはそれに付随する合成音声キャラとかもニコニコとかよく見ている感じの人です。中身が薄い。

サイト作成の動機

ちょっと何か公開物載っけたいなーという欲がありサイトを作成しました。
作成時点ではコンテンツ0です。

サイト作成にした理由

別にブログサービス使っとけばという話なのですが、底辺プログラマーとして流石にもうちょっと頑張ろううぜって感じなのでサイト作成を行っています。車輪の再発明？知らん！

現代のサイト構築

久しぶりにサイトを作ったのですが、現代のサイト構築ってphpでWordpress一択！って感じで無くて、サーバーサイドレンダリングや静的サイトジェネレータを使ったものがある感じで様変わりしてますよね…
ちょっと文章載せるだけだったらサーバーレンタルしたり、VPS契約してWebサーバー立てたりしなくても良い感じになっていて衝撃です。

使用技術

後述するCloudflare Pagesでサイトを公開したいなとから入っています。
ですので、静的サイトジェネレータの中からテンプレートで楽にページ生成できるものを探しました。
それで、フレームワークとしてAstroを利用しています。また、テンプレートとしてAstroPaperを使用しました。
ビルドすれば静的ページがすぐ作成出来ます。なので、実際は大した事はしていない…

AstroPaperの修正

ただ、そのまんま利用している訳では無いです。
テンプレートはそのままだと英語表記でローカライズ用に定義が用意されている訳ではないので以下を行いました。

• 英語表記箇所を日本語に書き換え
• 日時処理を日本時間を使うように変更

日本時間にしているのはビルドの環境によって国際標準時だったり日本時間だったりしたためです。datetime取り扱っている箇所をdayjsにしてみたりと修正を加えました。
ちょっと修正をした感じ、多少デザインテンプレートを弄るぐらいなら楽に出来そうです。

サイトの公開

サイト公開はソースをGithubのプラベートリポジトリに上げ、Cloudflare Pagesで公開しています。
早いし、アクセス数そんなないサイトなら無料プランで扱えるのすごいなって感じですね。

リソースの保存場所

現在はGithubにファイルが上がっている状態なので画像ファイルとかも全部リポジトリにあるのですが、リソースファイルはAWSのS3とかに入れた方がいいかもしれないです。

あとがき

ということでサイト作ってみましたという話でした。
ちなみに文章能力に問題を抱えているのでこの文章の段落分けなどはChatGPTに投げて校正してもらっています。割と使えて優秀ですね～
サイトも機会があれば独自に改修していきたいですね…