S.K's Portfolio

Build the Web
with meaning.

ようこそ、S.K's Portfolioへ！
このサイトでは私の
プロフィール、スキルセット、ポートフォリオ、キャリア
の紹介をしています。どうぞごゆっくりご覧ください。

About Me

※サムネイル予定地

S.K

大学の理工系学科卒業後、システムエンジニアとして6年間従事して参りました。主に業務系のシステムを担当し、運用及び一部開発を経験しました。特にデータベース周りの知識を深めることができました。現在はフロントエンドエンジニアを目指し、HTML、CSS、JavaScriptを中心に学習しております。また、設計にも携われるエンジニアを目指しておりUIやUX、ツール（Figma）について日々勉強しています。生成AIにも興味があり、駆使できる人材を目指しております。
皆様どうぞ、よろしくお願いいたします。

Skill's

Language & Framework

HTML
- #セマンティックタグ
- #フォームタグ
- #アクセシビリティ
CSS
- #Flexレイアウト
- #Gridレイアウト
- #レスポンシブデザイン
- #アニメーション
JavaScript
- #DOM操作
- #イベント処理
- #非同期処理
TypeScript
React
SQL
- #CRUD操作
- #JOIN句
- #サブクエリ
UI
UX
Figma
- #ワイヤーフレーム
生成AI
- #ChatGPT
- #GitHub Copilot

Development Environment

OS: Windows11、Android 16; PC上での確認はWindows11で、スマートフォン上での確認はAndroid 16で行いました。
エディタ: Visual Studio Code; エディタのデファクトスタンダードである点、拡張機能導入で開発環境を整えやすいという点で採用しました。
JavaScript 実行環境: Node.js; JavaScriptのパッケージ管理ツールであるnpmも同時に使える点で採用しました。
整形ツール、解析ツール: Prettier、stylelint、ESLint; コードの可読性向上、品質向上のために導入しました。
デザインツール: Figma; 軸はマークアップ、プログラミングとしつつもUIの設計や確認に用いたいと考え採用しました。Adobe Illustratorも候補にありましたが、学習コストを考えFigmaにしました。
ブラウザ: Google Chrome、FireFox; Google ChromeはClink、FirefoxはGeckoエンジンを採用しているため、両方での動作確認を行うことでなるべく多くの環境での動作を保証できると考え採用しました。
バージョン管理: GitHub、Git; コードのバージョン管理、変更履歴の管理、バックアップのために導入しました。
プロジェクト管理: GitHub Project; タスクの見える化、進捗管理のために導入しました。
AIツール: ChatGPT、GitHub Copilot; ChatGPTはアイデアの壁打ち、GitHubCopilotはコード補完やレビューに活用しています。

Learn

WebSites: ウェブ開発の学習 | MDN; HTML、CSS、JavaScriptの基礎を学ぶために活用しました。各技術の基礎から応用まで幅広く解説されており、非常に参考になりました。
Books: イラスト図解式　この一冊で全部わかるWeb制作と運用の基本（SBクリエイティブ）; Web制作がどのような流れで行われているのか知りたくて読みました。企画から実装まで書かれており、全体の流れを理解することができました。; この一冊で全部わかる　ChatGPT & Copilotの教科書（SBクリエイティブ）; 生成AIツールの基礎的な仕組みから、良い結果を得るためのプロンプトの書き方まで分かりやすく紹介されており、とても読みやすいです。初めて生成AIツールを使う方におススメの一冊です。

Portfolio

※サムネイル予定地: HTML Knowledge Notes
HTMLの学習の中で気づいた点や、注意点をまとめたページです。
※サムネイル予定地: JavaScript Knowledge Notes
JavaScriptの学習の中で気づいた点や、注意点をまとめたページです。

Career

1年目～2年目 商品・サービスの管理システム運用PJ: 金額や有効期限の設定、新商品・新サービスの追加設定を担当しました。
企画担当や連携システム担当との調整が多く、コミュニケーション力や調整力を鍛えることができました。また、設定値の変更に伴う影響範囲の調査を通じて、システム全体の理解を深めることができました。ドキュメント化の重要性も学びました。
3年目～4年目 通信システムのデータベース移行PJ: 主にデータベース（Oracle）のデータ移行ツールの開発、実際の移行作業をを担当しました。
RDBMSの基本的な動作原理、テーブル設計の思想やSQL、PL/SQLの知識を深めることができました。またテスト工程にも携わり、テストケースの設計からソフトウェア品質の重要性を学びました。
5年目 顧客情報管理システムの運用: BIツールを使ったデータ抽出業務を担当しました。
大量のデータの取り扱い方法や、データの精査方法を学びました。SQLではなく、BIツールの操作によりデータ抽出を行うため、ツールの特性を理解することの重要性を学びました。

Build the Web with meaning.