Skip to content

Latest commit

 

History

History
151 lines (112 loc) · 5.81 KB

2024-11.md

File metadata and controls

151 lines (112 loc) · 5.81 KB
Raw

11/1~5

ポケポケ

1106

1107

1108

1109

1110

1111

1112

1113

1114

1115

  • 『これが本当の Web テストだ！』

1116

  • 『これが本当の Web テストだ！』

1117

  • 『これが本当の Web テストだ！』
  • SPI 受検

1118~1124

  • 面接対策

1125

  • オンライン面接
    • アドバイスをもらった、今日から就活と並行して開発もやっていく！
  • CSS 設計について調査
  • オブジェクト指向について調査
  • 関数型とオブジェクト指向の違い
  • Udemy 復習
    • React 完全入門ガイド
      • セクション 10 関数型プログラミング
        • オブジェクト指向プログラミングは手続き型、関数型プログラミングは宣言型
        • 関数型は純粋関数を目指す
  • プロキシカードプリントアプリ開発開始 🚀
    • Cloudflare R2 について調査
    • Blob URL について調査

1126

  • Udemy 復習
    • JavaScript メカニズム
      • セクション 5~7
        • クロージャーを使って定義するプライベート変数、すごい、テクニカル
  • プロキシカードプリントアプリ開発
    • セットアップ
    • ファイル読み込み・プレビュー機能の実装

1127

  • 最終面接

1128

1129

  • おやすみ

1130

  • 100 秒テック
    • ES Modules はバンドラー無しでブラウザでモジュールを使える機能（2015 から）
  • モダン JavaScript
    • https://www.youtube.com/watch?v=De9PH3EAz7c&list=PLwM1-TnN_NN4SV6DEs4OtfA51Up6XzTfB
    • NetScape と IE で JS の機能がバラバラに -> ECMAScript 誕生。JS の機能の統一を目指す
    • サーバーサイドで JS を使いたい -> CommonJS 誕生。モジュールが JS でも使えるようになった
    • CommonJS は 実質 Node.js に引き継がれ、その後 Node.js は独自に進化していった。CommonJS の更新は止まっている
    • Node.js のパッケージ管理システム npm が開発された
    • クライアントサイド JS でもモジュールが必要。IIFE 等を使って擬似的にモジュールを作成していたが、CommonJS 形式のモジュールと比較すると使いにくいものだった
    • なのでクライアントサイド JS では、CommonJS 形式で書いたソースコードを変換することにした（バンドラーの登場）
    • CommonJS 形式で書かれたパッケージもバンドルできるので、npm がクライアントサイドでも使用できるように
    • Webpack は JS に限らずなんでもバンドル（ブラウザで読み込める形式に変換）可能。Sass ファイルなども。
    • ES2015(ES6)で モジュールの仕組みが JS の言語仕様に追加される。（ESModules の登場）
    • だが、IE など古いブラウザは ES6 に対応しないため、引き続き Webpack などのバンドラーは使われ続ける
    • Webpack が ESModules に対応、Webpack を使えば import 構文で書けるように
    • Babel を使うと ES6 の新しい JS 記法もコンパイルして古いブラウザで使えるようになった。後に Webpack は Babel もバンドルするようになった
    • コンパイル（コードを事前に変換する）によって React や TypeScript が誕生した