移ろいゆく時の流れの中で、私は幾度となく姿を変えてきた。
未経験の地に足を踏み入れ、新しい知を
吸収し、
揺らぎながらも前へと進む。
水面が絶えず形を変えながら調和を保つように、
私もまた変化を恐れず、学びを糧に未来を紡いでいく。
その歩みの名を「変遷」と名づける。
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
販売職や営業事務、行政での地図データ入力・分析業務を経て、ユーザーにわかりやすく情報を届ける仕組みの重要性を実感しました。その経験をきっかけにWeb制作に関心を持ち、令和7年から職業訓練校でフロントエンドとデザインを学んでいます。
HTML/CSSや用いたコーディングに加え、JavaScriptや、jQuery、GSAPを用いて動きや操作性を加えることで、使いやすいだけじゃなく、ユーザーが思わず見入ってしまうようなグッとくるWebサイト作りを目指して、現在は転職活動中です。
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