未経験からエンジニアに転職して一ヶ月で学んだ事
未経験からエンジニアに転職して一ヶ月で学んだ事 : エンジニアに転職し1ヶ月が経ちました。 自身の整理も兼ねて学んだ事を記載します。Qiita初投稿 入社前のスペック HTML / CSS / JavaScript 初心者向けチュートリアルがなんとなくできる程度 入社してまもなく、先輩から 「まずはこのWEBサイトのコピーを作ってみよう!CSSはSCSSをコンパイルして、JSはクラス構文で書いてみてね」 という課題と共にwebpackの設定が書かれたsampleファイルを頂きました。 webpack?SCSS?クラス?? 1ヶ月で学んだ亊 ① webpack ┗導入と動かし方 ② CSS ┗SCSSで書く ┗flexbox以外の書き方を知る ③ JavaScript(JQuery) ┗クラス構文で書く ┗DOMの取得回数を減らす 1. webpack ううぇぶぱっく? 1-1. webpackとは 複数のモジュールを1つにまとめたファイルを出力するモジュールハンドラ。 JS以外のリソース(スタイルシートや画像など)もバンドルできる。 先輩から頂いたsampleファイルは以下のような構造↓ sample ┗config ┗webpack.config.js //既に設定が記載されている ┗dev ┗src ┗html ┗js ┗scss ┗package.json //既に設定が記載されている 既に設定を記載頂いている!! が動かし方が解らないので調査 1-2. インストール webpack、の前にyarnインストールが必要 Macにhomebrewとxcodeをいれ、yarnをインストール ※yarn:JSのパッケージマネージャ $ brew update $ brew install yarn yarnがインストールされたらyarn installコマンドを叩き、package.jsonにリスト化されているもの全てをインストール(webpack含む) $ yarn install 無事node_modules内にインストールされました。 1-3. 動かす yarn run + XXXコマンドで実行 ※XXXの部分はpa...