移ろいゆく時の流れの中で、私は幾度となく姿を変えてきた。
未経験の地に足を踏み入れ、新しい知を
吸収し、
揺らぎながらも前へと進む。
水面が絶えず形を変えながら調和を保つように、
私もまた変化を恐れず、学びを糧に未来を紡いでいく。
その歩みの名を「変遷」と名づける。
Through the flow of time, I have embraced change.
Each step
into the
unknown, each lesson learned,
has shaped my path.
Like water, ever in motion, my journey is
“Transition.”
miyuu yamaguchi
portfolio
scroll
water
index
目次
works
作品について
water2
skills
能力について
コーディングからデザインまで
対応できる技術力
これまでの学習や制作を通じて、Webサイト制作に必要なスキルを身につけてきました。
コーディングはもちろん、アニメーション演出やデザインツールの活用まで幅広く対応できます。
ここでは、制作で活用している主なスキルをご紹介します。
I can handle a wide range of tasks, from animation to using animation and design tools. Here, I'd like to introduce the main skills I use in my production.
HTML/CSS
HTML/CSS
BEMで構造を整理し、メディアクエリで端末ごとにレイアウトを最適化することができます。keyframesアニメーションで、印象的なアニメーションを表現することが可能です。
Overview of Coding Skills
SCSS
SCSS
mixin、変数を活用し、保守性と拡張性の高いスタイル設計ができます。BEMと組み合わせて整理されたコードを書くことが可能です。
Overview of Coding Skills
JavaScript
JavaScript
DOM操作やイベント制御を中心に、メニュー開閉・フェード演出・スムーススクロールなどをJavaScriptで実装できます。GSAPやIntersectionObserverと組み合わせ、動きのある使いやすいUIを構築可能です。
Overview of Coding Skills
jQuery
jQuery
クリックやスクロールに合わせたアニメーション、モーダル表示、スムーススクロールなどをjQueryで実装可能です。DOM操作やイベント管理を的確に行い、サイト全体の動きをコントロールできます。
Overview of Coding Skills
GSAP
GSAP
ScrollTriggerを使って横スクロールやピン留め、進捗バーの連動などを実装できます。ScrollToPluginでスムーススクロールも表現し、動きの流れやタイミングを細かく調整して滑らかな体験を作り出せます。
Overview of Coding Skills
Word Press
Word Press
投稿・固定ページ作成、テーマ変更、デザイン変更、メニュー設定などの基本操作が可能です。
Overview of tool Skills
Figma
Figma
WebサイトやアプリのUIデザイン、ワイヤーフレーム、デザインカンプ、バナー制作をFigmaで行えます。コンポーネントやバリアントを活用し、デザインの統一性と作業効率を両立した設計が可能です。
Overview of designtool Skills
Photoshop
Photoshop
画像のトリミングやサイズ調整、色味の補正、ノイズ除去、合成、軽量化などを行えます。写真のトーンを整え、統一感ある仕上がりにすることが可能です。
Overview of designtool Skills
Git
Git
ブランチ運用やコミット管理、プル・フェッチなどのGit操作を行い、コードのバージョン管理ができます。履歴を明確に保ち、チームでの開発や修正作業をスムーズに進めることが可能です。
Overview of tool Skills
profile
自己紹介
山口 美優
miyuu yamaguchi
前職では北海道庁で地図データの入力・分析を担当し、ITで業務効率化を図る重要性を実感しました。その経験からIT分野に関心を持ち、令和7年に職業訓練校でコーディングを中心に学びました。
特にJavaScriptを用いたアニメーションや動的なUI表現を得意としており、ユーザー体験を高める表現力と確かな実装力を活かし、より快適で魅力的なシステムづくりを目指して現在は転職活動中です。
I have experience in sales, administration, and data analysis, and since 2025 I have been studying coding and design to pursue a career as a front-end engineer.
両腕はロゴスを超えている太さふかぶかと波を掻ききらめきぬ
歌人 / 大森 静佳
contact
お問い合わせ
I’m always open to inquiries and collaborations. Please feel free to get in touch at your convenience.
page top