HTMLではネスト構造を意識したマークアップと、CSSのFlexboxやGridを用いたレイアウト構築ができます。メディアクエリを活用したレスポンシブ対応や、アニメーション・トランジションを取り入れた動きのある表現も実装可能です。特にレスポンシブについては、ユーザーにとってより見やすく、使いやすいデザインを意識しながら学習を続けています。

JavaScriptは基礎を自分なりに書けるようになり、クリックイベントやスクロール連動、フェードインなどのアニメーションを実装できます。現在はカレンダーやチャットアプリなどのサンプル制作にも取り組み、より実践的なコード力を学習しています。

jQueryを使ったスライドメニューやスムーススクロール、ビューワーなどのUI実装に取り組んでいます。シンプルに動きを加える場面で活用し、今後はJavaScriptと組み合わせて応用していきたいと考えています。

SCSSを使って、効率的にスタイルをコーディングしています。変数やmixinを使うことで、色やフォントをまとめて管理できるようにし、デザインの統一感や修正のしやすさを意識しています。BEMを取り入れることで、見通しのよいスタイル設計ができるよう心がけています。

GitとGitHubは自主制作の際に使用し、コードの管理を行っていました。作業単位でコミットを残し、分かりやすいメッセージをつけることで、修正履歴を効率的に追跡できるよう意識していました。現在は、チーム開発でも活かせるように運用方法やルール作りを意識しながら取り組んでいます。

Photoshopは切り抜きや色味補正を中心に使用し、簡単なバナー制作も行っています。 Figmaではワイヤーフレームやデザインカンプの作成に加え、図形を用いたアイコンやバナーの制作も可能です。