neoりにゅうしょくを作った
Codex賢すぎる
いえーい、AIさいこ~!!
(Web系何もわからない……のため、全てをCodexに作ってもらいました)
というわけで、はてなブログとnoteに分散していた記事を1つのブログサイト(neoりにゅうしょく)にまとめることにしました。
ここにしか載せないわけではなく、どちらも気が向いたら記事を載せつつここに集約していく感じにする予定です。
作成に当たっては、maguroさんのブログに載っている技術スタックを一部参考にしました。
-
フレームワーク:Astro
-
ビルド環境:Node.js
↑ここまでは一緒です。とくに前提情報なしでchatGPTにどうしたら作れる?って聞いた時も「Astroおすすめです!」と言われました。私は仕事でJavaとPythonとシェルスクリプトしか書いていないので、このサイトのコードは何も見ておらず、間違っていても手動修正できません。 -
ホスティング:CloudFlare
↑nokiyade.comというドメインは数年前にCloudFlareで取得しました。年1200円くらい?だった気がします。で、それを利用したいなぁと思ったのでそのままホスティングもCloudFlare Pagesにしました。
「neo rinyushoku」というロゴもChatGPTに作ってもらいました。AI生成感マシマシですが、これでも当初チャッピーが提示してきた案とバトりだいぶマシにはなったんじゃないかと……。
↑ふざけてるんか?
ここから四苦八苦した結果、日本語フォントを含む場合にチャッピーぽさを消すのは難しいという判断に至りました。そこで「りにゅうしょく」も泣く泣くアルファベットにする+「カラフルで」としか指定していなかった部分で明確にカラーコードを渡すようにしました。
Faviconについてはこだわりがないので「ありゃあええ」の精神で「n」だけ切り出して使っています。
ほか、
- スマホでも見られるようにちょっと調整
- ただまだ直せてない部分がいっぱいあり、画面って難しいんだな……となっています
- SNSへリンク共有時にサムネ画像が表示されるように、ビルド時に自動生成 とちょこまかいじっています。
仕事では6 Astraを思考量ウルトラでぶん回しており、クレジット節約を考えたことのない大バカ社員なのですが、身銭は惜しいのでこのサイトを作るときは「プランの利用状況」を五千度見しました。ところがこれを作るごときでは大して消費しておらずAIってかしこい。
最終的には、記事部分のmd/画像とそれ以外の部分をリポジトリ分離したいと思っているのですが、今のところは記事が少ないので1つのリポジトリでやっています。
元記事がmdで落とせないので、まだまだ移植できていない記事が多い状態でこれから直していきたいです。
