PORTFOLIO GUIDE

N IT Management
ポートフォリオサイト

社内ITインフラの運用・セキュリティ・業務自動化の知見を発信する
テクニカルポートフォリオです。このページでは、サイト全体の構成や
各ページの機能について紹介します。

7
ページ数
3
主要サービス
3+
プロジェクト実績
4
技術カテゴリ
📑

ページ紹介

🔧

技術スタック

Frontend

Astro TypeScript CSS

Hosting

Cloudflare Pages Workers

Backend

Cloudflare Functions D1 (SQLite)

DevOps

Git / GitHub Docker
🏗️

サイト構成

👤
Client
ブラウザ
Cloudflare
CDN / Edge
⚙️
Functions
API / SSR
💾
D1 Database
SQLite

Astroで静的サイトを生成し、Cloudflare Pagesでホスティング。 ブログ記事やお問い合わせなどの動的データはCloudflare FunctionsのAPIで処理し、 D1(SQLiteベース)に格納しています。 Speed Test機能もCloudflareのエッジネットワーク上で動作するため、 低レイテンシーで高精度な計測が可能です。

機能ハイライト

📊

リアルタイム速度計測

Cloudflareのグローバルエッジネットワークを活用し、Ping / Download / Uploadの3指標をブラウザ上で即座に測定できます。

📰

ブログ & CMS

D1データベースで管理されたブログ機能。管理画面から記事の投稿・編集が可能で、タグ機能やサムネイル対応も備えています。

📱

レスポンシブデザイン

モバイルからデスクトップまで、あらゆるデバイスで最適な表示を提供。ハンバーガーメニューによるナビゲーション対応も実装しています。

🔒

セキュアな通信

Cloudflareによる自動HTTPS化、DDoS保護、WAFによるセキュアな環境でサイトを運用しています。

🚀

高速な配信パフォーマンス

Astroの部分的ハイドレーションとCloudflareのCDN配信により、高速なページ読み込みを実現しています。

📡

RSS & OGP対応

RSSフィードの自動生成、Open Graph対応によるSNSシェア時のリッチプレビュー表示に対応しています。

お問い合わせ

このポートフォリオサイトに関するご質問、ITに関するご相談など、お気軽にお問い合わせください。