# 2022/12/22 橋本さん 講義メモ

[TOC]

## 現在のスキル
- HTML
- CSS
- jQuery
- Sass（Scss）
- WordPress

フリーランスを目指している。

## 今後勉強していかないといけないことと、順番
1. JavaScript
- [初心者向けの本](https://www.amazon.co.jp/%E7%A2%BA%E3%81%8B%E3%81%AA%E5%8A%9B%E3%81%8C%E8%BA%AB%E3%81%AB%E3%81%A4%E3%81%8FJavaScript%E3%80%8C%E8%B6%85%E3%80%8D%E5%85%A5%E9%96%80-%E7%AC%AC2%E7%89%88-%E7%8B%A9%E9%87%8E-%E7%A5%90%E6%9D%B1/dp/4815601577/ref=sr_1_7?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&crid=2T6M3FZ1MOAVQ&keywords=javascript&qid=1671706726&sprefix=javascript%2Caps%2C219&sr=8-7)
- [初心者~中級者向けの本](https://www.amazon.co.jp/JavaScript-%E3%82%B3%E3%83%BC%E3%83%89%E3%83%AC%E3%82%B7%E3%83%94%E9%9B%86-%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BEICS-%E6%B1%A0%E7%94%B0%E6%B3%B0%E5%BB%B6-ebook/dp/B07N8YVCRQ/ref=sr_1_12?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&crid=2T6M3FZ1MOAVQ&keywords=javascript&qid=1671706726&sprefix=javascript%2Caps%2C219&sr=8-12)
- [中級者向けの本](https://www.amazon.co.jp/%E6%94%B9%E8%A8%82%E6%96%B0%E7%89%88JavaScript%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80-%E3%83%A2%E3%83%80%E3%83%B3%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%81%AB%E3%82%88%E3%82%8B%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89%E7%8F%BE%E5%A0%B4%E3%81%A7%E3%81%AE%E5%BF%9C%E7%94%A8%E3%81%BE%E3%81%A7-%E5%B1%B1%E7%94%B0-%E7%A5%A5%E5%AF%9B/dp/477418411X/ref=tmm_other_meta_binding_swatch_0?_encoding=UTF8&qid=1671706726&sr=8-11)
2. コマンドラインツール（Webpackなどを使うのに必須）
3. Git（バージョン管理ツール）。コードやファイルの状態を保存しておいて、後で見返したり、元に戻せるツール。
- [おすすめの本](https://www.amazon.co.jp/dp/429500524X/?tag=a8-affi-231213-22&a8=UnOGgnV4RadGPwmXO0qcXJjruDwTFyWYu0qSV5q51Se4RaOn9aO_iymlvIwcmcWqiS2yYbOdinOGZs00000009884001)
4. Vue.js/React.js（JSのフレームワーク）
- [おすすめのVueの本](https://www.amazon.co.jp/%E3%81%93%E3%82%8C%E3%81%8B%E3%82%89%E3%81%AF%E3%81%98%E3%82%81%E3%82%8BVue-js-3%E5%AE%9F%E8%B7%B5%E5%85%A5%E9%96%80-%E5%B1%B1%E7%94%B0-%E7%A5%A5%E5%AF%9B-ebook/dp/B09RSPR453/ref=sr_1_5?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&crid=1HQM76ANUL4XL&keywords=vuejs&qid=1671706957&sprefix=vuejs%2Caps%2C186&sr=8-5)
6. Webpack, Vite, Turbopack（Vue, React）を動かすために必須なツール
7. Nuxt.js/Next.js（VueやReactのフレームワーク）
8. TypeScript（JavaScriptの上位言語）。型を定義できる。
- SEO対策。Googleなどで検索された際に上位に表示させる。
- [おすすめの本](https://www.amazon.co.jp/%E6%88%90%E6%9E%9C%E3%82%92%E5%87%BA%E3%81%97%E7%B6%9A%E3%81%91%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AE-%E7%8E%8B%E9%81%93SEO%E5%AF%BE%E7%AD%96-%E5%AE%9F%E8%B7%B5%E8%AC%9B%E5%BA%A7-%E9%88%B4%E6%9C%A8-%E8%89%AF%E6%B2%BB/dp/4774180807/ref=pd_bxgy_img_sccl_1/355-3004254-9548512?pd_rd_w=kmkl0&content-id=amzn1.sym.918446e7-72f4-48c7-a672-af3b6ace2b19&pf_rd_p=918446e7-72f4-48c7-a672-af3b6ace2b19&pf_rd_r=WH764W0F3M9HY281X32D&pd_rd_wg=faLFn&pd_rd_r=633ca9fa-23e5-418e-af47-43840ed8f0ed&pd_rd_i=4774180807&psc=1)
- Google Analytics
- Google Search Console
- Google Keyword Planner
- ページの文字数は最低3000文字以上
- 競合分析。コンテンツ・デザイン・テキスト
- サイトのスピード。サーバースペックなど。
- SSL化
- デザインの最適化（見やすいかどうか）
- マーケティング。営業
- GSAP。アニメーションライブラリ。複雑なアニメーションを効率的に実装することができる。
- Three.js（3DCG）

## 各言語の勉強方法
1. まずは、書籍や動画などで基礎的な知識を身につける
2. その言語を使って、アプリやサービスやツールなどを作ってみる
3. 完成すると、自信にも繋がる上に、ポートフォリオになる。

## 営業の方法
- Lancersやクラウドワークスで、低単価で３つくらい実績をつけると、その後そのサービス内で仕事を取りやすい。
- ポートフォリオやSNSでのSEOを上げる。そして、サイトなどのクオリティを上げる。
- 自作のツールやサービスをリリースして、集客にも繋げる。
- connpass, techplayなどのイベントや勉強会などに出席して、横のつながりを作る。

## スクールの概要
https://factory-programming.com/