ご依頼お待ちしております②

Prototype (Makeup-sample)

Webデザインのスクールが修了しましたが
理解できていない箇所の理解を深めるため
ここからはデザインの過程は飛ばして
サンプル画像を元にFigmaでPrototypeをコピー作成して
コーディングを進めました。

なるべくシンプルなデザインのものを選びました。
今回は画面遷移のコーディングは行わず
HTML & CSSの仕組みを理解するために
デザインに忠実にコーディングすることにしました。

自分が書いたコードによって
画面が出来上がっていくことが少し楽しくなってきました。
*****************************************************************
I completed the web design school, but in order to deepen my understanding of what I did not understand, I skipped the design process and used Figma to create a copy of the Prototype based on the sample images and proceeded with the coding.

I chose the simplest design possible. This time, I decided not to code the screen transitions, but to follow the design faithfully in order to understand how HTML and CSS works.

It was fun to see the screen being created by the code I wrote.

最後に簡単に自己紹介をします。
＜マークアップエンジニアを目指すきっかけ＞ Self-Introduction
ここ数年でいくつか病気や手術を経験したことと、正規雇用と不正規雇用の待遇の違いに対する不満から、定年後に自力で稼げる技術を得ようと思い2024年からWebデザインの勉強を始めました。
オンラインスクールでのWebデザインコースを終えた後、自分で勉強を進めるうちにHTML & CSSでコーディングすることが楽しくなってきてマークアップエンジニアを目指そうと決心しました。
-------------------------------------------------------------------------------------
Due to several illnesses and surgeries in the past few years and dissatisfaction with the difference in treatment between regular and irregular employment, I started studying web design in 2024 with the intention of gaining skills that would allow me to earn my own living after retirement. After completing a web design course at an online school, I decided to become a markup engineer because I enjoyed coding with HTML & CSS as I continued my own studies.

＜技術スキル＞　Technical Skill
HTML: セマンティックHTMLの使用,フォームの構築,アクセシビリティ対応など
CSS: Flexbox,Gridレイアウト,レスポンシブデザイン,アニメーションなど
JavaScript: DOM操作,イベントハンドリングなど
-------------------------------------------------------------------------------------
HTML: use of semantic HTML, form building, accessibility support, etc.
CSS: Flexbox, grid layout, responsive design, animation, etc.
JavaScript: DOM manipulation, event handling, etc.

最後まで読んでいただきありがとうございました😊
Thank you for reading to the end!