N IT Management Portfolio
社内ITインフラの運用・セキュリティ・業務自動化の知見を発信する
テクニカルポートフォリオです。このページでは、サイト全体の構成や
各ページの機能について紹介します。
ページ紹介
Home
/トップページ。提供サービスの概要、主要な実績、技術スキル一覧、最新ブログ記事を一覧でき、サイト全体の入り口となるページです。
詳しく見る →Services
/services対応可能な業務内容・提供サービス一覧。Webサイト構築、インフラ運用・保守、情シス支援など、ご提供可能なソリューションと実績をご紹介します。
詳しく見る →Apps
/appWebアプリケーションポータル。通信速度測定・安定度テスト・複数地域Ping・プロバイダ確認・IP確認・ホスト名確認・ダウンロード時間計算、さらにリアルタイムサイバー攻撃マップ（Global / Japan）など、7種類のネットワーク診断ツールを提供します。
詳しく見る →Blog
/blog技術ナレッジや業務知見を発信するブログ。タグ・日付でのフィルタリングに対応し、記事の投稿・管理はCMS機能で行えます。
詳しく見る →About
/about運営者プロフィール。経歴・専門性・プロジェクト実績・得意な技術領域をまとめた自己紹介ページです。
詳しく見る →Portfolio
/portfolioこのページです。ポートフォリオサイト全体の構成や、使用している技術スタック、各ページの役割について解説しています。
詳しく見る →Contact
/contactお問い合わせフォーム。名前・メールアドレス・メッセージを入力して送信。APIを通じて安全にメッセージを受け取ります。
詳しく見る →Admin
/adminパスワード認証付き管理画面。ブログ記事の作成・編集・削除、お問い合わせ内容の確認、画像アップロード（R2）など、サイト運用に必要な管理機能を集約しています。
詳しく見る →技術スタック
Frontend
Hosting
Backend
DevOps
サイト構成
Astroで静的サイトを生成し、Cloudflare Pagesでホスティング。 ブログ記事やお問い合わせなどの動的データはCloudflare FunctionsのAPIで処理し、 D1（SQLiteベース）に格納しています。 Speed Testなどの各種WebアプリもCloudflareのエッジネットワーク上で動作するため、 低レイテンシーで高速なレスポンスが可能です。
機能ハイライト
リアルタイム速度計測
Cloudflareのグローバルエッジネットワークを活用し、Ping / Download / Uploadの3指標をブラウザ上で即座に測定できます。
サイバー攻撃マップ (Global / Japan)
脅威インテリジェンスAPIと連携し、世界全体および日本国内のサイバー攻撃状況をリアルタイムなアニメーションマップとして可視化します。
ブログ & CMS
D1データベースで管理されたブログ機能。管理画面から記事の投稿・編集が可能で、タグ機能やサムネイル対応も備えています。
レスポンシブデザイン
モバイルからデスクトップまで、あらゆるデバイスで最適な表示を提供。ハンバーガーメニューによるナビゲーション対応も実装しています。
セキュアな通信
Cloudflareによる自動HTTPS化、DDoS保護、WAFによるセキュアな環境でサイトを運用しています。
高速な配信パフォーマンス
Astroの部分的ハイドレーションとCloudflareのCDN配信により、高速なページ読み込みを実現しています。
RSS & OGP対応
RSSフィードの自動生成、Open Graph対応によるSNSシェア時のリッチプレビュー表示に対応しています。
ネットワーク診断ツール群
通信速度測定・接続安定度テスト・複数地域Ping・プロバイダ確認・IPアドレス確認・ホスト名逆引き・ダウンロード時間計算の7種類のネットワーク診断ツールを提供しています。
パスワード保護の管理画面
認証付き管理画面からブログ記事の投稿・編集・削除、お問い合わせ確認、R2への画像アップロードが行えます。
お問い合わせ
このポートフォリオサイトに関するご質問、ITに関するご相談など、お気軽にお問い合わせください。