Pochaneco Space
Theme Auto
About This Site
このサイトは flightphp/Flastro をベースに、安全性と信頼性を高めて構築しました。
着想から制作完了までの期間はわずか2日。AIコーディングアシスタントを活用して、効率的に開発しました。
Features 機能
- 時間と季節による自動テーマ選択＆手動変更 おやつの時間や深夜に訪れると...?
- サイト全体とページごとのカウンター 押すと何かが...?
- 自己紹介やスキルセットをMarkdownやyamlでシンプルに管理しつつ、リッチなUIで表示
- プロジェクト情報はFrontMatter付きMarkdownで管理し、多彩な表示オプションを提供
- コメントといいねボタンとシェアボタン 気に入ったら押してね!
- SEO最適化と高速なページロードを実現するための静的サイト生成
- レスポンシブデザインで、あらゆるデバイスで快適に閲覧可能
- アクセシビリティに配慮した設計で、誰でも使いやすいインターフェース
- ブログ記事もMarkdownで簡単に追加・管理可能
- お問い合わせフォーム スパム対策もバッチリ!
Technologies Used 使用技術
このサイトは以下の技術を使用して構築されています。
- フロントエンド
- Astro で静的サイトを生成し、高速化とセキュリティ向上を図っています。 Ver. ........
- Svelte でインタラクティブなコンポーネントを実装しています。
- TypeScript で型安全な開発を実現しています。
- CSS
- Tailwind CSS で効率的にスタイリングしています。
- バックエンド
- Flight で API サーバーを構築し、必要最小限の処理だけを行っています。 Ver. ....
- データベース
- MySQL 8.x レンタルサーバーに含まれていたデータベースを使用しています。
- ホスティング
-
さくらのレンタルサーバ スタンダードプラン
- ソース管理
- GitHub ソース管理プラットフォームです。
- デプロイ
- Deployer.phpでコマンド一発デプロイ
- コーディングエージェント
- Github Copilot (モデルは主にGPT-5)
👿頭の中の悪魔 と 👼頭の中の天使 の茶番コーナー
👿
「普通のレンタルサーバーの普通のプランだけどなかなか高速だろ❓」
👼
「前にwordpress使ってたけど、ロードにワンテンポ待つことがあったわ」
👿
「表示部分は静的サイトジェネレーターで生成したHTMLコードがメインだから遅くなる理由が無いぜ❗」
👼
「しかもWordpressってBOTからのスパムやログイン試行が大量だったのよ❗全く持って不敬だわ❗」
👿
「ここでは必要最小限の処理だけを行ってるから、安全性もバッチリさ❗」
👼
「なんだか面白い仕掛けがところどころあるみたいね✨」
👿
「そうそう、探してみると楽しいぜ！隠しページもあるぜ！」
👼
「今までは経歴盛りだくさんのスキルシートを更新するたびに虚無になってたわよ👀」
👿
「欲しい情報がすぐ見れる、書きたい情報がすぐ書ける、効率化＆自動化の結晶だぜ❗」
👼
「レンタルサーバーってそれなりにレガシーじゃない？モダン環境にするには色々と不便なんじゃ…」
👿
「ああ、使えない機能が色々とある。だが俺はエンジニアだ❗制約があるほど燃えるってもんよ❗」
👼
「ところで、こんなに具体的に書いちゃっていいんですか？ハッキングとかされない？」
👿
「大丈夫、大丈夫。俺様の超安全設計ならハッキングとかされないから❗…多分❗」
👼
「だってさ、さっきまで見えちゃいけない .envとか見えてなかった？」
👿
「見えてない見えてない。安心しろって!!」