見出し画像

WEBデザイン11月の学習記録

まいきー

こんばんは。

11月からWEB制作会社に転職して、一ヶ月が経ちました。

今月もいつも通り勉強したことと、あと仕事のこともふわっとぼかして書いていこうと思います。


1．11月の自己学習

☑平日のみTwitterで#サイトレビュー
☑サイトのデザイン模写2つ目途中まで
☑PHP Progate初級編
☑『世界一わかりやすいWordPress 導入とサイト制作の教科書』：2周目途中まで

◆サイトレビューについて

Twitterでも呟きましたが、実務で「引き出しが少なくてまずい…」となったので、再開することにしました。

ちなみに、就活前にやっていた記録はこちら。

入社してから平日は毎日やって、今18本目です。一応表にもまとめていて、実務で作成するジャンル多めです。

キャプチャ


◆サイト模写について

案件ごとにディレクターさんから「こういうの参考にしてみてね」と参考サイトを教えてもらるのですが、この参考サイトを模写・観察したら力が付くし直近の実務にも役に立つんじゃないかと思い、こちらも再開することにしました。

レビューするだけだと気付かない部分もあるのですが、模写するとフォントの大きさや余白、細かなあしらいまでわかるので勉強になります。時間を何とか作って、案件ごとに1サイトはやりたいところです。


２．お仕事のこと

入った初日から制作に携わらせていただき、今月は1ページもののデザイン2件、コーディング1件を制作し、今お客さまのチェックバック待ちです。

ずっとわからんわからん言っていたWordPressですが、お恥ずかしながら先輩にめちゃくちゃ教えていただいてます。他にも横で困っていると声をかけてくださったり、cssのTips集みたいな知識を教えてくださったり、毎日本当ーーーにありがたいです…！

あと、教えていただいたり、調べてなるほど！と思ったことは自分のSlackに送っています。今月の履歴を見てみたら、主にこんな感じでした。

☑SCSSの書き方
☑WPでPHPを使った画像の呼び出し方
☑子要素の高さの合わせ方
☑斜め背景に画像＋黒い透過、シャギー削除のやり方
□疑似要素のつなげ方
□画像を重ねて中央揃え
□サムネ付きのスライダー作成方法
☑WPでのお問い合わせフォームの作成方法
☑XAMPでのデータベース作成方法
□positionで中の要素を中央配置
□スクロールでふわっと表示するアニメーション

チェック済の項目は、もうブログにしたor会社で簡易手順書を作ったのですが、残りはまだなので、随時まとめようと思います…！


ここで、制作会社に入ってみて驚いたことランキング（唐突）。

1位　「また買うとくわ」と言われていたPCが3日後に来た

入社した初日からPCが遅くて、社長にも言ったら「また今度ね～」って感じだったんですね。「研修中だし、買ってもらえなくても仕方ないか…」と思っていたら、3日後に配送が来て衝撃でした。サクサク動くPC、最高です！前々職はまた買っとくって言われて半年かかったのに！最高です！

2位　デニム、スニーカーで出勤OK

特に良いよって言われた訳ではないんですが、みんなラフな格好してるからいいんかなと思って、ジーパンとスニーカーで出勤してます。楽で嬉しい～。でも勝手に「仕事できる人＝ヒールでばっちり決めてる」というイメージがあるので、せめて週2、、いや、1くらいは気分を上げるためにもがんばりたい。

3位　BGMがカオス（いい意味で）

歌詞ありでも何でも、好きな曲を流してOK(たぶん)。どついたれ本舗が流れてきた時のインパクトよ。前職もBGMはあったんですが、カフェ系の歌なし・オルゴール風とかだったので、制作会社って感じがして楽しいです。

何にせよ、きちんとやるべき事やってたらあとは比較的自由なんかな〜というのが今の印象。


３．12月の目標

☐平日は毎日Twitterでサイトレビュー、Excelにもまとめる
☐サイト模写と観察を案件分やる
☐実務で学んだ実装法などをブログにまとめる
☐WordPressの勉強ブログでSEOをもっと意識する、変えるとこは変える


入社して3ヵ月は研修期間なのですが、もう1ヶ月が終わってしまいました。一日が過ぎるのが本当に早いです。

覚えることも勉強しないといけないことも多いのですが、さっそくやりたかったことに携われて、大変だけど楽しいです。

3ヵ月後には少しでもレベルアップできてるように、仕事以外でも毎日コツコツ勉強をがんばります！


最後まで読んでいただきありがとうございました◎また来月〜




この記事が気に入ったらサポートをしてみませんか？