Communitygithub.com

Glandポートフォリオ v2.0.0(Matiasテンプレート・Vibeコーディング版)

Gland Jermano Blessed Siahaanのパーソナルポートフォリオ。MatiasテンプレートをVibeコーディングでカスタマイズし、HTML、CSS、JavaScript、PHPで構築。プロジェクト、スキル、サービスを紹介します。

Glandポートフォリオ v2.0.0(Matiasテンプレート・Vibeコーディング版) とは?

本スキルは、Gland Jermano Blessed Siahaanのパーソナルポートフォリオサイトを提供します。MatiasテンプレートをベースにVibeコーディング(AIを活用した対話型開発)でカスタマイズされており、HTML、CSS、JavaScript、PHPを用いて構築されています。主にWeb上での自己紹介やポートフォリオ公開を目的とし、プロジェクト一覧、保有スキル、提供サービスのセクションを備えています。静的サイトとしてホスティング可能で、PHPを使用した動的機能(例: お問い合わせフォーム)も含む可能性があります。開発者はこのスキルをクローンまたはダウンロードして、自身の情報に置き換えることで、すぐに独自のポートフォリオサイトとして公開できます。また、AIエージェント(Claude Code、Cursor、Codexなど)はこのスキルを理解し、コードの修正や機能追加、翻訳・ローカライズを支援できます。

対応~Claude Code~Codex CLI~Cursor
npx skills add GblessSHN-boop/gland-portfolio-v2.0.0-bytemplatematias-vibe-coding

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

Glandポートフォリオ v2.0.0(Matiasテンプレート・Vibeコーディング版) は何をしますか?

日本語: Gland Jermano Blessed Siahaan のパーソナルポートフォリオ。Matias テンプレートを Vibe コーディングでカスタマイズ。HTML、CSS、JavaScript、PHP を使用して、プロジェクト、スキル、サービスを紹介します。

英語 (原文): Personal portfolio of Gland Jermano Blessed Siahaan, customized from the Matias template via vibe coding. Built with HTML, CSS, JavaScript, and PHP to showcase projects, skills, and services.

インドネシア語 (原文): Portofolio Gland Jermano Blessed Siahaan, dikembangkan dari template Matias dengan vibe coding untuk menampilkan proyek, keahlian, dan layanan.


概要

このリポジトリは、Gland Jermano Blessed Siahaan のポートフォリオサイトです。Vibe コーディング(AIとの対話を通じた開発手法)を活用して、Matias テンプレートからカスタマイズされました。

技術スタック

  • HTML - 構造
  • CSS - スタイリング
  • JavaScript - インタラクティブ機能
  • PHP - サーバーサイド処理(例:お問い合わせフォーム)

主なセクション

  1. プロジェクト - これまでの制作実績
  2. スキル - 保有技術一覧
  3. サービス - 提供中のサービス内容
  4. お問い合わせ - 連絡用フォーム(PHP 処理)

使い方

ローカル環境での実行

# リポジトリをクローン
git clone https://github.com/GblessSHN-boop/gland-portfolio-v2.0.0-bytemplatematias-vibe-codi.git

# ディレクトリに移動
cd gland-portfolio-v2.0.0-bytemplatematias-vibe-codi

PHP を利用する場合は、ビルトインサーバーで起動します。

php -S localhost:8000

その後、ブラウザで http://localhost:8000 にアクセスしてください。

カスタマイズ方法

  1. index.html 内のタイトルやプロフィール文を編集します。
  2. css/ フォルダ内のスタイルシートで配色やレイアウトを変更します。
  3. js/ フォルダ内のスクリプトでアニメーションやインタラクションを調整します。
  4. php/ フォルダ内のお問い合わせ処理スクリプトでメール送信先などを設定します。

ライセンス

このプロジェクトは MIT ライセンス のもとで公開されています。

貢献

改善提案やバグ報告は、Issue または Pull Request にてお願いします。


Generated with Vibe Coding & AI

関連スキル