2024/5/30

JavaScriptの基礎を勉強した。

https://zenn.dev/ojk/books/intro-to-javascript/viewer/js-basicで学習した。

5章から9章までやった。

2024/5/31

JavaScriptの基礎の勉強,https://zenn.dev/ojk/books/intro-to-javascript/viewer/js-basicで学習した。

10章から13章の半分までやった。これが終わったら、

https://jsprimer.net/ でもっと網羅的に勉強する。

2024/6/1

zennの記事の13章から最後まで終了した。最後に簡単なTodoアプリを作成した。
次はhttps://jsprimer.net/ で勉強しようと思う。ただ、Reactの勉強を始めるためには、案外JavaScriptの広範的な学習はいらない気がしてきた。https://jsprimer.net/ を1周したらReactの基礎学習を始めてもいいかもしれない。もしくはReactの前にTypeScriptの学習を短期間で挟むべきかもしれないが、そこはまだ不明。

第一部:JavaScriptとは-オブジェクトまで流し読み完了

第一部でもう一度確認した方が良さそうなところ

  • 分割代入
  • 配列のsomeメソッド,reduceメソッド

2024/6/2

JavaScriptの基礎勉強

第一部:プロトタイプオブジェクト-最後まで流し読み完了

第二部アプリ1完成
アプリ作る中で勉強しといた方がいいと感じた部分

  • 配列reduceメソッド、配列の章全部コード写す
  • Promiseチェーンについて
  • Stringオブジェクト
  • タグ関数

文字列

  • タグ付きテンプレート

クラス

  • アクセッサプロパティ

2024/6/3

Js Primerのtodoアプリ1周終了:難しいし、クラスとか使わなそうなので、
zennの記事のtodoアプリの2周目をやった。

2024/6/4

JSPrimer2回目

Js Primerの配列のとこをちゃんとやった。

第一部:JavaScriptとは-演算子→読んだ感じだいたい理解できてそう

演算子

ビット演算子とNullish coalescing演算子(??)以外はOK

暗黙的な型変換-ループと反復処理は一旦飛ばす

2024/6/5

JSPrimer2周目

やったところ: Map/Set,オブジェクト,暗黙的な型変換

2024/6/6

JSPrimer2周目

Inputばかりでは成長しないので、
クラス・例外処理・非同期処理・NodeCLI作成が終わったら2周目を終了しようと思う。

やったところ:クラス

2024/6/7

一日予定があり、特に何も学習していない。

2024/6/8

サバイバルTypeScript:

作って学ぶ:「猫画像ジェネレーター」まで完了
読んで学ぶ:値・型・変数のany型まで完了

読んで学ぶはボリュームが多いので、さらっと読んで次の教材にいくまたはわからないところ
の2周目にいくでもいいと思う。6月中はやはりVue.jsとかReactの学習はやらず、一旦TypeScriptの概念的な部分、座学の部分をしっかり学んでいくべきだと思う。今後のためにも。

大事なのは、その後のVue.jsとかReactの概念、書き方なので、

2024/6/12

中間テストの勉強があったのでとても期間が空いてしまった。また来週月曜中間テストあるので、木曜日まで全力で学習に励んでいきたい。

サバイバルTypeScript:値・型・変数のオブジェクトが完了

でも飽きたので、udemyのreact入門講義を買ってそれをやっている。合計27hあるので、来週の土日までには終わらせたい。

2024/6/13

React入門続き:セクション4から始めて、セクション6まで終了

2024/6/17

React入門続き:残りセクション13,15,16,17,20

2024/6/18

React入門続き:残りセクション13Redux,15パフォーマンス,17Next.js,20テスト

やりたいこと:Vue基礎、Netflixクローン(React),

2024/6/23

React入門:残り3セクションぐらい

Reactお天気アプリ:進行中、今週中に終わらせる

やりたいこと:Vue基礎(Youtubeの3h動画),Python(udemy)(7月から7/19までの間に)
,HTML/Sass使った模写コーディング

2024/5/24

「TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発」学習開始

今学んでいること

HTML/CSS+Sass+JavaScript→コーディング課題(LP作成)

React→上記の参考書

2024/5/15

0.HTML/CSS+Sass

インターンの実務の中で勉強する、書籍での学習はなし

1.プログラミング基礎(JavaScript,TypeScript)

目標1:JavaScriptの基礎知識を体系的に学ぶ。

期限:6月末

懸念点:

  • JavaScriptの入門書ではHTML/CSSを使用して実際にサイトを作るので、前者の本を学習する必要があるのか→そもそもHTML/CSSは書籍で勉強する必要はなさそう
  • 前者の本はCSSを用いていて、SCSSの学習を別でしなければならないのか→内田さんがSassぐらいなら書籍で勉強しなくてよいと言っていたので、やらない
  • 期限が早いのか遅いのか不明→教材による

目標2:について体系的に学ぶ

使う参考書:??

やり方:参考書を1周終わらせる。

期限:??

懸念点:

疑問

2.Webアプリケーション開発の学習(React,Next.js)

進行中: TypeScriptとReact/Next.jsでつくる実践アプリケーション開発

3.テスト手法

4. コンピューターサイエンス

2024/5/14

参考書:TypeScript/ReactとNext.jsでつくる実線アプリ開発

学習言語:React

JSX…JavaScript/TypeScript中にHTMLタグを直接書き込める機能。

rootオブジェクト…React 要素をルート DOM ノードにレンダーするには、まず ReactDOM.createRoot() に DOM 要素を渡し、root.render() に React 要素を渡します

DOM…DOM(Document Object Model)は、HTMLファイルのソースコードのことではなく、画面を表示するまでに解釈したHTML/CSS/JavaScriptによって構築されたDOM(ツリー)を指します

default…変数や定数、関数などの処理を1つの機能として渡す、いわゆるモジュールです。
 受け取るとき(importするとき)に指定するのもモジュール名の1つだけです。

const 定数 = () => {}の書き方…アロー関数というやつ。

コールバック関数…ある関数を呼び出す時に、引数に指定する別の関数のことです。

無名関数…ちなみに、コールバックとして渡している関数には「関数名」が付いていません。一度しか使わない「その場限りの関数」なので、あえて名前を付ける必要もなく、こういった場合は無名関数として定義することができます。

e.target.value…Inputに何か入力した瞬間に、その入力されたものを出力していた”e.target.value”の正体を調べてみました。
“e”の中に沢山の情報が詰め込まれており、入力した物が”e.target.value”に格納されているから、”target.value”で指定しないといけないということですね。

キャメルケース…

import React from ‘react’の意味…react でexportされているもの全てをimportして React という変数に格納する記述、React17以降は不要らしい。