スキルアップのためにしていること

スキルアップのためにしていること 2019.09.12 Takahashi Yuta

⾃⼰紹介⾼橋悠太（1990年⽣まれ、和歌⼭出⾝）フロントエンドエンジニア/バックエンドエンジニア経歴 2012年ネオプロモーション株式会社 2013年ジープラ株式会社 2016年株式会社シグナル〜

スキルアップ前 2016年シグナル⼊社時・横幅固定のPC、ガラケー、スマホサイトのコーディング経験あり・PHPの実務経験あり・レスポンシブなWebサイトの制作は作ったことがない・JavaScriptはほぼ使ったことがない・HTMLで作られた静的な要素が動く？ ⇒動きのあるWebサイトを作りたい！

スキルアップのために始めたことインプット！アウトプット！アウトプット！！インプット4割 / アウトプット6割

①Twitterのタイムラインを充実させる Webに関する記事をツイートしているユーザーをフォローして、技術的なツイートや作品・参考サイトがタイムラインに常に流れるようにしました。 https://twitter.com/webcreatorbox https://twitter.com/TrendWebDesign https://twitter.com/colisscom https://twitter.com/goodwebdesign01 https://twitter.com/webdesignfacts

②実際に動きのあるWebサイトを作る - 1 週1で作りたいWebサイトの動きを1つ決めます。最初は、Webサイトでよく使われる動きから作り始めました。「モーダルウィンドウ」「スクロール」「パララックス」「フォームのバリデーション」など・・・モーダルウィンドウ https://ytakahashi.site/study/161206/ スクロールアニメーション https://ytakahashi.site/study/170202/

②実際に動きのあるWebサイトを作る - 2 ・参考サイトの記事やコードを読む ⇒コードの書き⽅よりもどうして動くのかを考える⽅に時間を使うソースコードを真似る時は、⼀⾏ずつどういう処理をしているのかコメントを付け、分からない箇所はググる・js内にログを仕込み、結果を確認する・外部に公開する

③勉強したことをnoteに書いて公開する・作業の復習ができる・承認欲求と⾔語化を同時に満たせる・作業メモも含めて100記事公開

現在・社内向けツールなども開発し、年間MVPを受賞しました・新しい技術や参考サイトを知る機会が増え、調べる⼒が⾝に付きました・1週間のスケジュール管理が上⼿くなりました・Webサイトでよく⾒かける動きを作れるようになり、 WebGLを使った3D的な動きも作れるようになりました・毎週何かを作り、アウトプットし続けないと不安になります・・・勉強まとめサイト https://ytakahashi.site/study/

まとめ Web業界はどんどん新しい技術が出てくるので、インプットとアウトプットを繰り返して、⾃分の引き出しを増やしていくのがスキルアップに効果的だと思います。インプット！アウトプット！アウトプット！！

最後に是⾮Twitter、Noteのフォローよろしくお願いします！ Twitter @yu_cfbif Note https://note.mu/cfbif ご清聴ありがとうございました！！

スキルアップのためにしていること

スキルアップのためにしていること

ytakahashi

Other Decks in Programming

Featured

Transcript