開発初心者の開発日記~31日目~

備考

7/31の分です。8/1はやる気を喪失していました。

今日からまた頑張っていきます。

内容

  • Webを支える技術でのインプット
    • なし
  • HTML/CSSの基本でのインプット
    • なし
  • Progate(JavaScriptコース)でのインプット
  • ハッカソン(8/4,8/5)の準備
    • 諸々
    • モチベーションが曖昧になったので撤退

Progate(JavaScriptコース)のメモ

JavaScript

  • ファイルの分割
    • 大規模プログラムではファイルを分割するのが一般的
  • ファイルの関連付け
    • クラスの場合
      • export default クラス名;とすると、他のファイルでも利用可能
      • import クラス名 from "./ファイル名";とすると、指定したファイルで定義されたクラスを利用で可能
        • ファイルの拡張子は省略可能
    • 他の場合
      • クラスに限らず、文字列や数値や関数などの任意の値がexport可能
      • export時:export default 名前;
      • import時:import 名前 from "./ファイル名";
    • export default
      • デフォルトエクスポートと呼ばれる
      • エクスポート時とインポート時で名前が違っていた場合でも使用可能
      • 1ファイルに1つの値のみしか使えない
      • 複数の値をエクスポートしたい場合には使えない
    • 名前付きエクスポート
      • 名前を{}で囲んでエクスポートする方法
      • この場合は1ファイルで複数の値をエクスポートすることができる
      • export時:export {名前};
      • import時:import {名前} from "./ファイル名";
      • 複数を同時に指定することも可能
        • export時:export {名前1,名前2};
        • import時:import {名前1,名前2} from "./ファイル名";
    • パス
      • 上記の./ファイル名相対パスで同じディレクトリにあるファイルを指す
      • よって、上の階層を指す..を用いたり、下の階層を指すことも可能
  • パッケージ
    • 他の人が作ったプログラムを利用する場合
    • import 名前 from "パッケージ名":ファイルへのパスではなく、パッケージ名を指定する
    • readline-syncパッケージ
      • コンソールの入力を扱うパッケージ
      • readlineSync.question(文字列)Pythoninput(文字列)と同様の挙動
      • readlineSync.questionInt(文字列)の場合は整数のみ入力可能