大切にしていること Core Focus
長谷川 万莉 Hasegawa Mari
ホテルで約4年間、接客の仕事に携わり、
お客様に心地よい時間を届ける大切さを学ぶ。
2024年10月、職業訓練校WSS(ウェブスタディサッポロ)へ
入校。Webエンジニアとして転職するために勉強を始める。
現在取り組んでいること What I'm Working On
2025年1月から、JavaScriptの概念理解を深めるため、技術書を活用しながら実践的に学習しています。
職業訓練校の授業では扱われない分野のため、休日や学校へ行く前の朝に10分間学習したり、放課後の時間を活用したりしながら、継続的に取り組んできました。
現在は『解きながら学ぶ JavaScript つみあげトレーニングブック』を読んでおり、2025年5月時点での累計学習時間は約45時間
です。実際にコードを書いて試しながら学びを深め、特に非同期処理、DOM操作、アニメーション などの理解を強化しています。
将来像 Future Vision
「何が本当に大切なのか」を常に自問しながら考え、技術とデザインの橋渡しができるフロントエンドエンジニアを目指しています。
今は特に、ユーザー体験や見た目に関わる部分に魅力を感じておりますが、将来の視野は広く持ち、学びの中で可能性を広げていきたいと考えています。
行動力と継続力を活かしながら、日々成長していきます。
スキル skill
-
HTML
Emmetを用いた効率的なコーディングが可能です。BEM規則に則った記述を意識し、誰が見ても分かりやすいコードを心がけています。
-
CSS
アニメーションを活用した動きのあるデザインや、メディアクエリを利用したレスポンシブなスタイリングが可能です。
-
Sass
変数やmixin、ネストを 活用し、コードの再利用性を高め管理しやすいスタイル設計を行っています。
-
JavaScript
イベントリスナーを活用したインタラクションの実装が可能です。ポートフォリオサイトにも取り入れています。
-
JQuery
スムーススクロールやモーダルウィンドウ、リサイズヘッダーなどの実装が可能です。
-
GitHub
個人でGitHubを利用し、Gitを用いたバージョン管理を行っています。
-
WordPress
既存テーマを使った外観カスタマイズや簡単なCSS調整が可能です。
-
Figma
オートレイアウトやコンポーネントを使い実装のしやすさを意識した、ワイヤーフレームやデザインカンプの作成が可能です。
-
XD
実装のしやすさを意識した、ワイヤーフレームやデザインカンプの作成が可能です。
-
Photoshop
画像の加工や色調補正、不要なオブジェクトの削除といった細かい修正が可能です。また、SNS広告やバナー作成にも対応できます。
-
After Effects
SVGアニメーションの作成が可能です。ポートフォリオサイトの演出にも取り入れています。
-
Premiere Pro
動画のカット、BGM・テロップの挿入が可能です。カラーグレーディングを用いて映像の雰囲気を調整することができます。
Thank you for watching.
お忙しい中、お時間を割いていただき、
心より感謝申し上げます。
このポートフォリオを通じて、
私のものづくりへの姿勢や
考え方が少しでも伝わっていれば幸いです。