30歳のCAが在宅ワークを夢見てWEBデザイナーになったお話【第3話:バイトを始めて初日~1か月目】

こんにちは。

未経験からアルバイトでWEBコーディングとデザインを初めて早くも8か月近く経ちました、ゆうきです。

前回までは、30歳まったくの未経験からWEB系に転職しバイトを始めるまでの経緯を書きました。

今回は、初出勤から1か月目までに何をしたかについてです。

 

どきどきの初出勤

お昼過ぎに初出勤しました。

特に持っていくものもなかったのでほぼ手ぶら。ノートとペンくらいかな。

行くと先輩バイトさんがフロア内を案内してくれて、そのあと直属の上司のWEBディレクター兼コーダーの方と軽く面談します。

なにができるか聞かれました。

「全くの未経験って聞いてるけどゼロベースでいい?」「はい!未経験です!」

「photoshop とか使ったことある?」「本で少し勉強して、トライアル期間1週間だけ契約して触ってみただけです!」

「コーディングよりデザインのほうがいい?」「どっちもやりたいです!」

「じゃあ先にコーディングから始めてみようか!」「はい!!」

・・・みたいな感じでした。こんなに未経験でも雇ってくれるところがあるんですよ!

まあその分時給は安いですが、学校に通って勉強をすることを思えばお金もらえるだけありがたい!!

その後席に案内されました。

デスクトップパソコンが用意されていました。

 

初日にやったこと

パソコンやエディタの設定など

まず、メールの設定とかしてもらった後に、就業規則を読んで、そのあと早速コーディングの仕事開始です!!笑

8か月経った今私はエディタは「Visual Studio Code」でコーディングしているのですが、当時はただのメモソフト「Terapad」を使っていました。

このほうが勉強になるということで設定してくれんですね。今思えば最初から「Visual Studio」とか「Dreamweaver」使わせてくれたらよかったのに、とも思います。予測機能でコードとかタグとか出てきてくれた方が勉強になるし。

 

トップページコーディング

本当になにもやったことがないので、「まずこのサイトのトップページデザイン送るから、眺めておいて!」と言われてしばらく眺めてました。笑

そのあと、参考サイトのコーディングを参考にしながらとりあえず作ってみようか!ってな感じで早速コーディングさせられました!!

え!なにも教えてくれへんのかい!と少しびっくりしましたがそんなこと言ってられない。

私はある程度勉強していたのでまあhtmlの基礎やcssの基礎がわかっていたのですこーーーしずつ形にすることができました。

ほんとうに知識がまったくない人はつらいかも。

でも周りにコーダーがいたのでわからないところは聞きつつ(ほぼ聞かないと進まないw)、トップページのコーディングを進めていきました。

そして1セクションごとにできたと思ったら「できましたー」って言ってみてもらいます。

ここの会社だけなのかもしれないけど、「とりあえずやってみよう」方式なんだな、と感じました。

私はまずやり方を教えてもらって理解してから実践したいタイプなので、とりあえずやってみてわからないところは聞くというスタイルが最初は苦痛でしたね。だってほぼほぼわからないんだもん。

でもここは割り切って、いろいろ初心者なのにやらせてもらえて感謝しようと思うことにしました。

少しでも独学して知識をつけておけばどうにかなりますよ!!

 

1か月目にやったこと

エディタを「Terapad」から「Dreamweaver」へ

「絶対にエディタ変えたほうが効率がいい!」と先輩に教えてもらってDreamweaverを設定してもらいました。

なぜもっと早く使わせてくれなかったの!?と思うくらい便利。勝手に予測でコードでてくるやん!

ちなみに今は「Visual Studio Code」を使っています。軽いし使いやすいです。

うちの会社では「Sublime」も人気です。

 

トップページコーディング完成

まずは初日にあたえられたトップページのコーディングを完成させました。

ヘッダーとフッターの間に5セクションくらいある福祉関係のサイトでしたが、できあがるまでに3日くらいかかりましたかね。

できるようになったら3時間くらいで終わる内容かもしれないです。

 

下層ページの構築

このトップページ完成させたら次は他のコーダーがトップページのコーディングを終わらせた後に、5ページくらいある下層ページ(会社案内とか、お問い合わせとか)の構築をすることになりました。

8か月経った今の主な仕事は下層構築ですね。

こちらはトップページのようにラフといったデザインデータがないので、できあがったトップページのデザインを参考にして、自分の裁量で見出しのデザインや画像など配置していきます。

できあがったデザインを忠実に再現するトップページコーディングに比べて、下層構築は自由度が高いし、簡単です。

まずは画像配置などのない「プライバシーポリシー」を作って、

ちょっと画像を配置する「会社概要」を作って、

テキストをいれるボックスが必要な「お問い合わせフォーム」を作って・・・。

こちらも最初は1サイト3~5日くらいかかりました。

今は1サイト5ページくらいであれば3時間くらいで終わります。

 

通勤時間は勉強

ゆるくて働きやすそうな職場を探した結果、家から電車で40分くらいかかるとこに通っているので通勤時間が結構あります。

私は毎日仕事でやらしてもらっててわからないところとかは電車で調べてました。人に聞くのが苦手なので自力でどうにかしたいという気持ちが強くて・・・。

人に聞くのが苦にならない人はがんがん教えてもらうのがいいです!聞いたら一瞬で終わるような処理たくさんありますから!

有名なサイト「ドットインストール」の動画を見てhtmlやcssの基礎の勉強もしていました。

https://dotinstall.com/

わからないところは調べたら絶対にでてきます!素晴らしいネット社会。

 

まとめ

未経験から始めて最初の1か月はこんな感じだったかなー。

もうとにかく、毎日毎日新しい知識が増えて難しいけど本当にうれしかった!

日々できることが増えていく喜び!w

FTPでサーバーに接続してダウンロードしてバックアップとって編集してアップロードする、なんていう基本的なこともやり方がわからなかったので、本当に実際の現場で学ぶことができてよかったと思います。

家で独学では限界がありますからね。

人のコーディングとか参考にできるし、何よりも自力で調べてもわからないときに聞く人がいるっていうのが大きいですね。独学で1から一人でやるって本当にすごいと思います。

こんな感じで私の新しい仕事が始まったのでした。