Webエンジニアの世界に飛び込む前に

## はじめに

これからWebエンジニアを目指すものとして、どんな動きを取っていくかをまとめました。良いも悪いも分からず手探り状態ではありますが、少しずつでもプログラミングへの関わりを深くするために行動を取っていきたい思いです。

ちなみに私はまだ会社勤めの状態ですが、プログラミングの勉強に関しては、オンライン型のスクールに通うつもりです。現在は2019年10月。本格始動は、2019年12月からなので、それまでにやることを記事にします。



## 目次

１．	Webサイト/サービス　アイディア出し
２．	Webサイト/サービス　イメージ図作成
３．	Webデザイン学習　　
４．	文章力強化　
５．	メンタル強化・心構え
６．	最後に



## 1. Webサイト/サービス　アイディア出し
先日、お世話になるメンターさんとの無料レッスンにて、プログラミングを始める前に「何を作りたいか」を明確にした方がいいとアドバイス頂きました。言わば、***目的の明確化***ですね。

私もCADというシステムで図面を描く仕事に少し関わっていたのもあり、これまでの経験からも言われていることに対して意味合いは理解できました。

あくまでもプログラミングは目的のものを具現化するツールであり、***プログラミングが使えるようになることが目的ではない***、ということだと思います。


プログラミングという難易度の高いスキル習得に向け、挫折しないためにも大切なこととなりそうです、目的をはき違えないように常日頃から気を付けないといけませんね。



><font color="black">**「メカ屋は、アイディアマンであれ」**</font>

結構前のことですが、会社の先輩に言われてずっと心に残っている言葉です。図面は誰にでも描けるが、画期的なアイディアは誰にでも出せるわけではない。***常識にとらわれず広い視野を持て***、とそんな意味合いと捉えてます。

今は早くプログラミングの勉強を始めなければ、という思いもありつつ、アイディア出しという点に重きを置いています。大切な言葉は***「エンジニアは、アイディアマンであれ」***に上書きして、今一度心に刻もうと思います。

アイディア出しに関しては、都度思いついたことを自由に書き出して、コンセプトを意識しまとめながら、リーンキャンバスとして仕様書のような形で落とし込む必要があると感じてます。目標は10件です。


### 2. Webサイト/サービスイメージ図作成

案出ししたものをWeb上にどのようなデザイン・レイアウトで構成するかを考える段階です。私は絵が得意ではないですが、上手に書く必要はなさそうです。

大事なのは自分の中で***イメージを膨らませること***かと思います。ちょっと具現化のイメージです。こちらに関しては、1．で案出ししたものから3件を目標にしています。


### 3. Webデザイン学習　　
ここからは、プログラミングに関わらず基礎学習として考えていることです。世の中にはすでに多くのWebサイト/サービスが存在します。多くのお手本がある環境を利用しない手はないので、気に入ったWebサイトをpickupすることで、***アイディア出しの参考***、***勉強したい機能***として記録していこうと思ってます。


情報をまとめるポイントは、Webサービスの***裏側にあるコンセプト、特に社会問題に対する取り組みを意識すること***。理想として、社会問題に対して貢献できるサービスを生み出すことが、多くの人を助ける優良なWebサービスになるんだろうと感じています。すでにいくつかpickupしてますので、一つイメージ紹介します。↓
![スライド6.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509288/fd0979e3-56d3-c914-8e61-0c0f8dfd7384.png)



また、会社の隙間時間にも勉強できるといいなと思い、デザインが手軽に学べるサイトも探しました。　
![chot.design.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509288/0c6285e8-9dcb-1630-f9ee-0b5f6a935405.png)
[chot.design](https://chot.design)


見ていただくとわかると思いますが、スマホで気軽にできて、ゲーム要素も取り入れていることで非常に楽しく学べます。プログラミングのことはもちろん、画像編集やイラストについてなど学習項目を幅広くカバーしてます。

このアプリについてはデザイン学習のpickupにも上げてますが、普段の勉強にも役立てていきたいサービスです。
![スライド2.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/509288/aaaf46b2-c05f-369b-ea70-41cb8587cc0b.png)




### 4. 文章力強化
どんな仕事をしていても相手に意志を伝えるうえで、きれいな文章を書くことは大切な要素になると思います。以前、「文章書くの下手だなー」とふと思う機会があり、買った本がありますので、今一度読み返そうと思っています。


すでにこの記事を書きながら心配なところもありますが、文章力も気長に鍛えていきたいポイントです。ちなみに、読んでいる本は↓。文章力鍛えるのにいい本あれば紹介いただけると嬉しいです。

[⇒文章力が身につく本][1]
[1]:https://www.amazon.co.jp/%E4%BC%9D%E3%82%8F%E3%82%8B-%E6%96%87%E7%AB%A0%E5%8A%9B%E3%81%8C%E8%BA%AB%E3%81%AB%E3%81%A4%E3%81%8F%E6%9C%AC-%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89%E3%82%8F%E3%81%8B%E3%82%8B%E2%80%9C%E4%BC%9D%E3%82%8F%E3%82%8B-%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA-%E5%B0%8F%E7%AC%A0%E5%8E%9F/dp/4471191160/ref=asc_df_4471191160/?tag=jpgo-22&linkCode=df0&hvadid=295686184540&hvpos=1o1&hvnetw=g&hvrand=7800798868823314665&hvpone=&hvptwo=&hvqmt=&hvdev=c&hvdvcmdl=&hvlocint=&hvlocphy=&hvtargid=pla-525638803841&psc=1&th=1&psc=1


### 5. メンタル強化・心構え
今は、プログラミングとかけ離れている仕事に従事しているため、身の回りの人からWebエンジニアになるすべを聞ける人がいません。

そんな中、有力な情報を得るツールとなるのは、私の中では<font color="red">***YouTube***</font>になります。特によく観させてもらってるのは、マナブさんのチャンネルです。紹介するまでもないですね、冷静な語りが個人的に好きです。

印象的な言葉は、***アクティブラーニング(能動的学習)***。

これまでの勉強方法の常識と思っていた授業のような形式（受動的学習）よりも、自ら体験したり、他者とのディスカッションしたりすることが効果的な勉強であると言われて来ています。***常識が日々変わる時代***、特にWeb業界は技術進化の著しい世界だと思いますので、最新情報にはアンテナを張る必要性がありますね。


また、YouTubeでは実績ある方々が、プログラミング、フリーランスに関する酸いも甘いも語ってくれてますので非常に重宝します。引き続き、勉強させてもらいます。


### 6. 最後に
様々な方面から情報を得て動き出してから2週間も経ってないような状態ですが、自分自身が理想とする生き方を実現するには、自分の頭で考えて、自ら行動するほかないし、結局は自分次第、覚悟を決めてやるしかないと思います。（当たり前ですけど）


どの道に行こうが、大変です。楽な道はないのでしょう、きっと。
でも、今はワクワクする自分もいます。自分の心の中で正直になれば、挑戦したい思いがあることを感じれます。

日々、迷うようなことばかりですが、ここからも私は新しくワクワクするような、挑戦する人生を選んでいきたいと思います。