A b o u t 私について
徳山 えり佳
とくやま
えりか
2003年生まれ
21歳
北海道函館市生まれ
札幌市育ち
美容専門学校を卒業後、美容師アシスタントとして接客業を中心に社会人としての基礎を身につけました。
退職後、今後の進路を考える中で、以前から母親の仕事を通じて身近に感じていたWEBにまつわる仕事を経験したいと考えるようになり、職業訓練校でWEBデザインを学ぶことを決めました。
もともとヘアアレンジやネイルなどデザインにかかわることが好きだったので、当初はWEBデザイナーを目指していましたが、勉強していくにつれてコーディングの楽しさに魅了されました。
デザインカンプを、普段何気なく見ている、しかし非常に身近なところにあるWEBサイトとして再現できることの感動と達成感、勉強すればするほど出てくる見たことのない技術への好奇心が原動力となり、コーダーの道を目指すこととなりました。
W o r k s 制作物
cresc.
S k i l l s できること
HTML
CSS
デザインカンプをもとに、Webサイトを一からコーディングできます。Visual Studio Codeをメインエディタとして使用し作業しています。スマホやタブレットにも対応しやすい、レスポンシブなレイアウトを意識してサイトを制作しています。CSSやSassを使用し、入れ子構造・変数・&・@mixinなども活用しています。あとから修正しやすいように、クラス名やスタイルの書き方もできるだけわかりやすく整理するようにしています。
jQuery
簡単なアニメーションや動きのあるパーツをjQueryで実装できます。
スライダーやアコーディオン、ハンバーガーメニューなど、UIの定番動作をサイトに組み込むカスタマイズが可能です。フェードイン・フェードアウトなどのスクロールアニメーションも対応できます。
Java
Script
Webサイトにちょっとした動きを加えるために、JavaScriptを使ったカスタマイズができます。ポップアップ表示、アコーディオンメニュー、ハンバーガーメニュー、スクロール時のふわっと表示などの実装が可能です。 現在は、既存のコードを参考にしながら動きを再現しており、今後は自分で一から書けるようになるため学習を続けています。
GitHub
主に個人制作のWebサイトのコード管理に使用しています。リポジトリの作成・管理、プッシュ・クローンなどの基本操作を行うことができます。 今後はチームでの運用も見据えて、より実践的な使い方を学習中です。
Figma
Adobe XD
コーディングのためのデザインカンプ確認（サイズ・カラー・フォントの情報やパーツの構造把握）に加えて、簡単なワイヤーフレームやデザインの作成も行えます。
コーディングに重点を置いていますが、レイアウトや要素配置を意識したシンプルなデザインを自分で作成し、コーディングまで一貫して対応することができます。
Photo
shop
画像の編集や加工、バナーやアイコンの作成など、Webサイトに必要なグラフィックを制作できます。
画像のサイズ・解像度の最適化を行うことができ、コーディングと合わせてビジュアル面もサポートできます。
今後はチームでの運用も見据えて、より実践的な使い方を学習中です。