/* Portfolio Sections A: Nav, Hero, About */ /* ── SVG Icon helpers ──────────────────────── */ const IconGitHub = () => ( ); const IconMail = () => ( ); const IconX = () => ( ); const IconArrowUp = () => ( ); const IconChevronDown = () => ( ); /* ── Typing hook ───────────────────────────── */ function useTyping(text, speed = 70, delay = 800) { const [displayed, setDisplayed] = React.useState(''); const [done, setDone] = React.useState(false); React.useEffect(() => { let i = 0; let cancelled = false; const timeout = setTimeout(() => { const interval = setInterval(() => { if (cancelled) return; if (i < text.length) { i++; setDisplayed(text.slice(0, i)); } else { setDone(true); clearInterval(interval); } }, speed); }, delay); return () => { cancelled = true; clearTimeout(timeout); }; }, [text, speed, delay]); return { displayed, done }; } /* ── Navigation ────────────────────────────── */ const Nav = () => { const [scrolled, setScrolled] = React.useState(false); const [menuOpen, setMenuOpen] = React.useState(false); React.useEffect(() => { const handler = () => setScrolled(window.scrollY > 40); window.addEventListener('scroll', handler, { passive: true }); handler(); return () => window.removeEventListener('scroll', handler); }, []); const links = [ { id: 'about', label: 'about' }, { id: 'works', label: 'works' }, { id: 'skills', label: 'skills' }, { id: 'timeline', label: 'timeline' }, ]; const scrollTo = (id) => { const el = document.getElementById(id); if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' }); setMenuOpen(false); }; return (
{links.map((l) => ( { e.preventDefault(); scrollTo(l.id); }}> {l.label} ))}
); }; /* ── Hero ──────────────────────────────────── */ const Hero = ({ accentColor, particleDensity }) => { const { displayed } = useTyping('Engineer / University Student', 65, 900); return (

> Hi, I'm

Coderk-star

{displayed}

フロントエンドやバックエンドを学んでいるエンジニア志望の現役大学生です。 OSSや自動化ツールに取り組んでいます。

neofetch
CoderK-star@portfolio
────────────────
OS: Human v19
Host:JP
Uptime: 2006 ~
Shell: Engineer / Student
Lang: JP, EN, VN
Editor: VS Code
Theme: Dark
{ e.preventDefault(); document.getElementById('about')?.scrollIntoView({ behavior: 'smooth' }); }}> scroll
); }; /* ── Terminal Window Component ─────────────── */ const TerminalWindow = ({ title, children }) => (
{title}
{children}
); /* ── About ─────────────────────────────────── */ const About = () => { const ref = React.useRef(null); const inView = useInView(ref); return (

// About

$ who-am-i
CoderK-star
$ cat profile.txt
ベトナム出身、日本に移住して9年目になります。麗澤大学工学部情報システム工学専攻 2年生、 情報技術や数学を中心に学んでいます。現在はバイブコーディングを使ってOSSや自動化に取り組み、 スキルアップに励んでいます。
趣味は読書とアニメ鑑賞。英語はTOEIC 650点レベル、 最近は資格勉強に取り組んでいます。
$ env | grep INFO
Chiba, Japan Japanese / English Engineering
); }; Object.assign(window, { IconGitHub, IconMail, IconX, IconArrowUp, IconChevronDown, useTyping, Nav, Hero, TerminalWindow, About, });