Rei

React学習ガイド

Reactのファイル構成 〜アプリが立ち上がる仕組み〜

こんにちは、Reiです!Reactのプロジェクトを作成すると、最初からいくつかのファイルが並んでいます。ここで止まりやす...
React学習ガイド

JSXの基本 〜JavaScriptの中でHTMLのように画面を書く仕組み〜

こんにちは、Reiです!Reactの学習で最も大きな変化を感じるのが、「JavaScriptの中に画面の見た目を書ける」...
JavaScript学習ガイド

【実践】JavaScriptでTODOアプリを作成しよう! 第8回 完成形とファイル構成の総点検

こんにちは、Reiです!これまで一歩ずつ進めてきたTODOアプリ制作も、ついに完成です。ここでは全体のコードをまとめて掲...
JavaScript学習ガイド

【実践】JavaScriptでTODOアプリを作成しよう! 第7回 ボタンに「役割」を与える

こんにちは、Reiです!前回は、入力した文字を「未完了リスト」に追加するところまで実装しました。今回はその続きとして、T...
JavaScript学習ガイド

【実践】JavaScriptでTODOアプリを作成しよう! 第6回 リスト内にボタンを表示する

こんにちは、Reiです!前回は、入力した文字を「未完了リスト」に追加する仕組みを作りました。これで、入力したTODOが画...
JavaScript学習ガイド

【実践】JavaScriptでTODOアプリを作成しよう! 第5回 新しいTODOをリストに追加する

こんにちは、Reiです!前回のステップで、入力された文字を取得して、入力欄をクリアする流れができました。今回はその続きと...
JavaScript学習ガイド

【実践】JavaScriptでTODOアプリを作成しよう! 第4回 テキストボックスの内容を操作する

こんにちは、Reiです!前回のステップで、「ボタンが押されたら処理を実行する」という土台ができました。今回はその続きとし...
JavaScript学習ガイド

【実践】JavaScriptでTODOアプリを作成しよう! 第3回 ボタンと処理を紐付ける

こんにちは、Reiです!HTMLで骨組みを作り、CSSで見た目を整えました。いよいよここからは、JavaScriptを使...
JavaScript学習ガイド

【実践】JavaScriptでTODOアプリを作成しよう! 第2回 CSSで「見た目」を整える

こんにちは、Reiです!前回は、HTMLを使ってTODOアプリの 骨組み(構造) を作りました。今回はその続きとして、画...
JavaScript学習ガイド

【実践】JavaScriptでTODOアプリを作成しよう! 第1回 HTMLで「骨組み」を作る

こんにちは、Reiです!これまで学んだHTMLやJavaScriptの知識を使って、ここから シンプルなTODOアプリ ...