Profile

kankankanp

Software Developer

モダンなWebアプリケーションの構築に情熱を注ぐフルスタック開発者。ユーザー体験を重視した、美しく機能的なソフトウェアの開発を得意としています。

Skills

言語・フレームワーク・ツール経験

Frontend

  • TypeScript
    75%
  • React
    85%
  • Next.js
    80%

Backend

  • TypeScript
    75%
  • Nest.js
    70%
  • Go
    30%
  • GraphQL
    60%

Infrastructure

  • Docker
    60%
  • AWS
    30%
  • Terraform
    30%

Others

  • GitHub Actions
    30%
  • Orval (OpenAPI)
    20%

詳細スキル

フロントエンド (Frontend)

  • UI開発、SPA構築
  • 状態管理(Redux Toolkit, React Hook Form, Tanstack Query)
  • レスポンシブデザイン対応
  • CSSプリプロセッサ利用経験
  • アクセシビリティ対応
  • テスト(Jest, React Testing Library)
  • アニメーションライブラリ利用

バックエンド (Backend)

  • API開発(REST, GraphQL)
  • 認証・認可の実装
  • データバリデーション

インフラ (Infrastructure)

  • AWS構築
  • コンテナ技術(Docker, Docker Compose)
  • IaC構成管理(Terraform)
  • NginxによるWebサーバ設定

データベース (Database)

  • リレーショナルデータベース(PostgreSQL, MySQL)
  • NoSQLデータベース(未経験)
  • データベース設計・モデリング
  • クエリ最適化
  • バックアップ・リストア

DevOps

  • CI/CDパイプライン構築(GitHub Actions)
  • バージョン管理(Git)
  • 自動テスト
  • インフラ構成管理(Terraform)

セキュリティ (Security)

  • セキュアコーディング
  • 脆弱性診断(基礎のみ)
  • 認証・認可(OAuth, OpenID Connect)
  • 暗号化技術の利用

テスト・品質管理 (Testing & Quality)

  • ユニットテスト
  • 統合テスト
  • E2Eテスト
  • 静的コード解析
  • コードレビュー

プロジェクト管理 (Project Management)

  • アジャイル開発(スクラム、カンバン)
  • 課題管理(Jira, Trello, GitHub Projects)
  • ドキュメント管理(Markdown, Notion, Confluence)

デザイン・UX (Design & UX)

  • プロトタイピング(Figma, Adobe XD)
  • デザインシステム構築
  • ユーザーリサーチ
  • ワイヤーフレーム作成

その他ツール・技術 (Other Tools & Skills)

  • コマンドラインツール利用
  • API設計・ドキュメント(OpenAPI, Orval)
  • パフォーマンス最適化
  • 多言語対応(i18n/l10n)
  • Google Apps Script
  • Azure Document Intelligence, Azure AI Search

Projects

E-commerce Platform

E-commerce Platform

A full-stack e-commerce solution with user authentication, payment processing, and admin dashboard.

React
Node.js
MongoDB
Stripe
Task Management App

Task Management App

A collaborative task management application with real-time updates and team collaboration features.

Next.js
TypeScript
PostgreSQL
Socket.io
Weather Dashboard

Weather Dashboard

A responsive weather dashboard with location-based forecasts and interactive data visualizations.

React
Chart.js
Weather API
TailwindCSS
Portfolio Website

Portfolio Website

A modern, responsive portfolio website built with Next.js and featuring smooth animations.

Next.js
TailwindCSS
Framer Motion
TypeScript