Anatomy of a React Component
AIエージェントがReactコンポーネントを作成・変更するための実践的な標準。ファイル構成、Propsの型定義、コードの記述順序、バリアント、スロット、スタイリング、エクスポートのルールを定める
自己紹介
Next.js、TypeScript、Reactを専門とするフロントエンド開発者です。Webアプリケーションの開発、データベースとの連携、スケーラブルなソリューションの構築を専門としています。
フロントエンド開発の経験は5年で、そのうち2年は実務経験です。オープンソースやアウトソーシングプロジェクトにも参画しており、現在はKimDevsというエージェンシーでミドルデベロッパーとして勤務しています。
並行して、自身のプロジェクトの開発やワークフローの自動化、AIツールの活用にも取り組んでいます。クリーンコードの原則を遵守し、アクセシビリティとパフォーマンスに配慮することで、ルーチン作業ではなくビジネス課題の解決に集中できるようにしています。
- 現在、フロントエンドの標準を執筆し
- batumi.estateのデザインシステムを開発しました
- 自身のプロジェクトの内部エコシステム向けに、10以上のNPMパッケージを開発した
- 自分のGitHub組織を作成しました
サービス
- NextJSを用いたウェブサイト開発
- Telegramボットの開発
- NPMパッケージの開発
- レイアウト設計
- 既存プロジェクトのサポート
- GitHubでのCI/CDの設定
- Dockerの起動と設定
- ジュニア開発者のメンタリングおよびコードレビュー
- アクセシビリティ、パフォーマンス、UXの監査
ツール
プロジェクト
Next Accordion
<details> および <summary> を使用した React アコーディオンのアニメーション
DTF Frieren Finder (Scraper)
DTF上のユーザーページを解析し、1時間に1回、フィードの上部から「#иногдафрирен」というタグを含む最初の投稿を選択して、その写真をメールで送信する
DNA
これは、DNAについてもっと詳しく知りたいが、大量の文献を勉強したくない人向けの教育プロジェクトです。このプロジェクトは実際のDNAを生成するものではなく、ヒトゲノムの構造と機能を学ぶためのシミュレーターを提供しています
