TypeScript
TypeScriptとは？
今回はTypeScriptについて学習する。 TypeScriptとは？ TypeScriptはマイクロソフトが開発した、プログラミング言語で、JavaScript…
React
ReactでToDoアプリを作る～改善～
CodeSandboxを使って、JavaScriptでToDoアプリを作っていたが、それを今度はReactの環境に乗せてみる。 JavaScriptを少しかじった程度で、…
RaiseTech Reactコース
JavaScriptでToDoアプリを作る④～改善～
前回概ね機能を盛り込んで完成した、CodeSandboxを使ったJavaScriptのToDoアプリ。 RaiseTechのコースは、講師の先生やメンターさんが、コードの…
React
Reactの基本文法③～useEffect(副作用フック)の使い方～
今回はuseEffect(副作用フック)について学習する。 これ結構、ワカラナイｗｗ(説明の日本語が意味不明ｗ) useEffect(副作用フック)とは？ Rea…
React
Reactの基本文法②～useState(ステートフック)の使い方～
今回はステートフックについて学習。 フックとは何か？ フックという言葉はよく聞くが、一体ナニモノなのか？ まずは、Wiki先生に聞いてみる。 フック（英: ho…
React
Reactの基本文法①～named exportとdefault export
JavaScriptで作ったTodoアプリを、Reactで動かしてみることにする。 何はともあれReactの文法がよくわからないので、調べたことをまとめていく。 i…
RaiseTech Reactコース
JavaScriptでToDoアプリを作る④～最適化 その1～
前回までで、動作的(機能的)にはRaiseTechのReactコースの課題の要求を概ね満たしているので、ここからは、より良いコードにするために最適化して行く。 過去記事…
React
React Dev Tools Chrome拡張の導入
今回も、便利な拡張導入シリーズ。 とりあえず、プロがいいっていうんだから入れるよ！っていうシリーズ第2弾ｗｗ React Dev Tools Chromeとは？ …
VSCode
VSCodeに拡張機能追加
RaiseTechのReactコースの先生が、おススメのVSCodeの拡張機能を紹介してくださったので、早速取り入れてみる。 プロがいいっていうんだから、絶対に使える拡張…
RaiseTech Reactコース
DOM操作を学ぶ
ここまででなんとなく(感覚的なものが大半を占めるｗ)、ToDoアプリがそこそこ動くところまで進めてきてしまったが、いよいよDOMについてちゃんと理解しておいた方がよいことに…
RaiseTech Reactコース
JavaScriptでToDoアプリを作る③
CodeSandboxを使ってToDoアプリを作成中。 前回は、ちょっと挙動がおかしいところを修正して、今回は、ローカルストレージにToDoリストを保存して、画面がリロー…
React
React環境構築②～ESLintとPrettierの導入～
React環境構築① では、create-react-appコマンドを使って、まずは基本のReact環境を作成するとこまで完了。 今回は引き続き、この作成したReact環…
RaiseTech Reactコース
JavaScriptでToDoアプリを作る②
CodeSandboxを使ってToDoアプリを作成中なのだが、その続き。 前回までで、概ね動くものはできたのだが、ちょっと問題点っぽい動作があったので、今回はそこを直して…
React
React環境構築①～create-react-app～
これまでは、JavaScriptをCodeSandboxを使ってコネコネしてきた。 ここからは、いよいよReactに入っていくので、まずはReactの環境構築から。 …
あとでやること
後でやりたいことリスト
課題をこなすうちに、だんだん溜まってきている「あとでやりたいこと」。 とりあえず、まずは課題をこなすことに集中したいので、後回しになっていることがかなりある。 今やり…