N IT Management
ポートフォリオサイト
社内ITインフラの運用・セキュリティ・業務自動化の知見を発信する
テクニカルポートフォリオです。このページでは、サイト全体の構成や
各ページの機能について紹介します。
ページ紹介
Home
/トップページ。提供サービスの概要、主要な実績、技術スキル一覧、最新ブログ記事を一覧でき、サイト全体の入り口となるページです。
詳しく見る →Works
/works直近のプロジェクト実績を詳細に紹介。担当役割・使用技術・業務内容をカード形式で掲載し、技術タグでスキルの横断的な把握が可能です。
詳しく見る →Speed Test
/speedtestCloudflareのエッジネットワークを活用した通信速度計測ツール。Ping・Download・Uploadの3項目をブラウザ上でリアルタイム計測できます。
詳しく見る →Blog
/blog技術ナレッジや業務知見を発信するブログ。タグ・日付でのフィルタリングに対応し、記事の投稿・管理はCMS機能で行えます。
詳しく見る →About
/about運営者プロフィール。経歴・専門性・プロジェクト実績・得意な技術領域をまとめた自己紹介ページです。
詳しく見る →Contact
/contactお問い合わせフォーム。名前・メールアドレス・メッセージを入力して送信。APIを通じて安全にメッセージを受け取ります。
詳しく見る →技術スタック
Frontend
Hosting
Backend
DevOps
サイト構成
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に関するご相談など、お気軽にお問い合わせください。