こんにちは。
大学生WEBクリエイターのYUJIROです。
僕は今、大学4回生でありながら、大阪のWEB制作会社で働いています。
会社では、これまでに合計4つのWEBサイトの制作に関わってきました。
そして個人でも現在2つのWEBサイト制作を受けています。
そこで今回は、僕のWEB制作の実績紹介として、「CHABOTTON」のサイトを紹介させて頂きます！
WEB制作の実績の紹介【CHABOTTON】
具体的には、以下の8つの項目の順番で紹介していきます！
① WEBサイト名
② WEBサイト公開日
③ WEBサイトのタイプ
④ 使用言語
⑤ 担当箇所
⑥ 制作期間
⑦ コメント・意識したポイント
⑧ WEBサイトの全体図
興味のある部分から、是非読んでください〜。
① WEBサイト名
CHABOTTON
② WEBサイト公開日
2020年10月15日
③ WEBサイトのタイプ
アプリの紹介サイト。
そしてパソコン、タブレット、スマホに対応したサイトです。
④ 使用言語
・HTML
・CSS（Sassを使用）
・JavaScript(jQuery）
⑤ 担当箇所
コーディング業務全般。
具体的には以下のことを担当しました。
・HTMLのコーディング全般
・CSSのコーディング全般
・PC、スマホ、タブレットで見やすいようにレスポンシブ対応
・JavaScriptでWEBサイトに動きをつける全般
（例、ボタンを押したら、サイト内をスクロールするなど）
・画像の容量の圧縮作業
（画像を軽くすることで、ページの表示スピードが上がるため）
・ブラウザごとの挙動チェック
（Google Chrome・Microsoft edge・safari・Android）
⑥ 制作期間
2週間
⑦ コメント・意識したポイント
こちら「CHABOTTON」のサイトのコーディングを主に担当。
ただデザインデータからコーディングするだけでなく、ボタンを押しやすくするために、ボタンの周りの余白を広めに取るなど、ユーザーが使いやすいように細部にもこだわってきました。
そして、単調なサイトにならないように、アニメーションを加えながらリッチなサイトに。
コーディングした後は、ページの表示速度を上げるために、画像圧縮の作業をしました。
⑧ WEBサイトの全体図
◎パソコンでの全体図
◎スマホでの全体図
まとめ
以上、WEB制作の実績紹介でした！
これからも、WEB制作の実績をブログに蓄積していくので、よろしくお願いします〜。
