大切にしていること Core Focus

Core Focus01

行動力

目的を明確にし、必要な情報を集めて考えたうえで、
自分の判断を信じて行動します。

Core Focus02

本質を探る思考

すぐに見えなくても、観察し、考え続けることで新しい視点が生まれる。この姿勢を軸に思考を深めていきます。

Core Focus03

継続的に取り組む力

続けた先に見える景色を楽しみに、小さな積み重ねを大切にします。

長谷川万莉の人物像写真

Hasegawa Mari

ホテルで約4年間、接客の仕事に携わり、
お客様に心地よい時間を届ける大切さを学ぶ。
2024年10月、職業訓練校WSS(ウェブスタディサッポロ)へ
入校。Webエンジニアとして転職するために勉強を始める。

What I'm Working On

2025年1月から、JavaScriptの概念理解を深めるため、技術書を活用しながら実践的に学習しています。
職業訓練校の授業では扱われない分野のため、休日や学校へ行く前の朝に10分間学習したり、放課後の時間を活用したりしながら、継続的に取り組んできました。
現在は『解きながら学ぶ JavaScript つみあげトレーニングブック』を読んでおり、2025年5月時点での累計学習時間は約45時間 です。実際にコードを書いて試しながら学びを深め、特に非同期処理、DOM操作、アニメーション などの理解を強化しています。

JavaScriptつみあげトレーニングブックの表紙

Future Vision

「何が本当に大切なのか」を常に自問しながら考え、技術とデザインの橋渡しができるフロントエンドエンジニアを目指しています。
今は特に、ユーザー体験や見た目に関わる部分に魅力を感じておりますが、将来の視野は広く持ち、学びの中で可能性を広げていきたいと考えています。 行動力と継続力を活かしながら、日々成長していきます。

スキル skill

  • HTMLのアイコン

    HTML

    Emmetを用いた効率的なコーディングが可能です。BEM規則に則った記述を意識し、誰が見ても分かりやすいコードを心がけています。

  • CSSのアイコン

    CSS

    アニメーションを活用した動きのあるデザインや、メディアクエリを利用したレスポンシブなスタイリングが可能です。

  • Sassのアイコン

    Sass

    変数やmixin、ネストを 活用し、コードの再利用性を高め管理しやすいスタイル設計を行っています。

  • JavaScriptのアイコン

    JavaScript

    イベントリスナーを活用したインタラクションの実装が可能です。ポートフォリオサイトにも取り入れています。

  • JQueryのアイコン

    JQuery

    スムーススクロールやモーダルウィンドウ、リサイズヘッダーなどの実装が可能です。

  • GitHubのアイコン

    GitHub

    個人でGitHubを利用し、Gitを用いたバージョン管理を行っています。

  • WordPressのアイコン

    WordPress

    既存テーマを使った外観カスタマイズや簡単なCSS調整が可能です。

  • Figmaのアイコン

    Figma

    オートレイアウトやコンポーネントを使い実装のしやすさを意識した、ワイヤーフレームやデザインカンプの作成が可能です。

  • XDのアイコン

    XD

    実装のしやすさを意識した、ワイヤーフレームやデザインカンプの作成が可能です。

  • Photoshopのアイコン

    Photoshop

    画像の加工や色調補正、不要なオブジェクトの削除といった細かい修正が可能です。また、SNS広告やバナー作成にも対応できます。

  • After Effectsのアイコン

    After Effects

    SVGアニメーションの作成が可能です。ポートフォリオサイトの演出にも取り入れています。

  • Premiere Proのアイコン

    Premiere Pro

    動画のカット、BGM・テロップの挿入が可能です。カラーグレーディングを用いて映像の雰囲気を調整することができます。

Thank you for watching.

最後までポートフォリオサイトを
見ていただきありがとうございました。

お忙しい中、お時間を割いていただき、
心より感謝申し上げます。
このポートフォリオを通じて、
私のものづくりへの姿勢や
考え方が少しでも伝わっていれば幸いです。

お問い合わせ Contact