底辺情報院生の勉強記録 2024/5/25

学んだこと

WEB開発

  • .〇〇ignoreについて
    • 特定のツールやアプリが無視するファイル・ディレクトリを指定するための設定ファイル．.gitignore内の情報なら，gitアプリケーションが読み取って参照するし，.eslintignoreなら，eslintがファイル内の情報を読み取って参照する．
    • つまり．１つのアプリケーションにおける規約ではなく，アプリケーションごとに「.〇〇ignore内のファイルやディレクトリを無視する」機能が実装されている
  • eslint,prettierによる競合を避ける
  • npx コマンド
    • ローカルにnpm installされていないコマンドを，ローカル環境を汚さずに実行できる
    • 例） npx create-react-app 
  • ホットリロード
    • 再起動，再コンパイルせずに，コードの変更が自動的にサイトに反映される機能．
  • コンポーネントコロケーションパターン
    • フォルダ構成のパターン
    • 類似の機能，セットで使われる機能を一箇所にまとめる

HTML・CSS

  • 自己終了タグ
  • form送信後に入力欄のテキストをクリアしたい
  • クイズアプリの改修
    • クイズの問題がランダムに出題されるように設定
    • 順番がランダム，かつ，出題数もコード内の定数として定義
    • クイズの選択肢の順番もランダムに
    • 以上を実現するには，0-Nの連番をランダムにシャッフルする関数が必要
    • Array.from()は，様々なオプションをつけてArrayを生成できる

JavaScript

TypeScirpt

  • 拡張子.tsと.tsxの違い
    • .ts：純粋なTypeScriptファイルで，JSX要素の追加をサポートしない
    • .tsx：

React

  • フック(hooks)
  • {}
    • JSX内でJavaScriptの式を埋め込むために使用されます。これにより、JavaScriptのコードを直接記述できます

Git/Github

  • Issueが完了したらcloseする（Issueの削除は出来ない）

データ構造とアルゴリズム

その他

日記

  • React ,typescriptを学ぶ必要があるのだが，どの機能がReactで，どの機能がTypescriptの物なのかがわからない．この機能・このエラー→この言語，フレームワーク，ライブラリの機能　というように，「何が何をやっているか，やれるのか」ということを優先的に意識した方が良いのかも（具体的な処理の書き方はその次で良い）