どこで作業するかわからない
直感的に操作できるかっこいい/かわいいWebアプリを作りたくて、それにはReactがいいって聞いたんですけど!!!???
Reactは、ユーザーインターフェース（UI）を作成するためのJavaScriptライブラリです。簡単に言うと、ウェブサイトやアプリケーションの見た目や動きを制御するツールです。
Java...Script...?
JavaScript（略称: JS）は、ウェブページをよりインタラクティブで動的にするためのプログラミング言語です。
ちょっと触ってみたいんですが、それってどこで触れますか？
CodeSandboxはウェブブラウザ上で動作するオンラインの統合開発環境です。JavaScriptやReactなどのフロントエンド開発を直接ブラウザで行えます。特に初心者にとっては、環境構築の手間がかからないため便利です。
じゃあこれで！
どこに書けばいいかわからない
アカウントを作成してSandboxを作りました！
タグの中身を変更してみましょう
<h1>Hello CodeSandbox</h1>
<h2>Start editing to see some magic happen!</h2>
↓
<h1>好きな総菜</h1>
<h2>おはぎ</h2>
ということはとりあえずApp.jsに記入していけばいいのかな?
どう書けばいいかわからない
JavaScriptの基本を学びましょう
- 変数の宣言
- アロー関数
- テンプレート文字列
- 分割代入
- スプレッド構文
- map
- filter
- 三項演算子
Reactの基本を学びましょう
- JSX記法
- コンポーネントの使い方
- イベントの扱い方
- スタイルの扱い方
- State
- export
思い通りのUIを作るにはどうすればいいかわからない
学習内容と時間を記録するシンプルなアプリを作成しました
これだけだと非常にシンプルなのですが、例えばギターのエフェクターのようなUIも表現できますか？
UIに必要なパッケージをインストールすれば可能です。例えば、rc-switchとreact-knobのようなスイッチとノブのコンポーネントを提供するライブラリを使用します。
可能性を感じてきました！
まとめ
わからないものが連鎖的に出てくるが、とりあえずやってみる。
その過程を完全に忘れてしまい、後で思い出せないのでその場ですぐに記録する習慣が後で生きてくるという学びを得ました。
今は特にgitがわかりません。