React特訓05: セレクトボックスで背景色を動的に変更しよう
はじめに 私がReactを学習するにあたって、AIに頼らずコードを描けるようになるために解いた問題を、アウトプットとして残していきます。 この問題はAIを使用して作成したもので、以下の流れで学習...
0
0
Comment0
23 search resultsShowing 1~20 results
Stocked
You need to log-in
React特訓04: ボタンをクリックしたら、そのアイコンが表示されるコンポーネントを作成しよう
はじめに 私がReactを学習するにあたって、AIに頼らずコードを描けるようになるために解いた問題を、アウトプットとして残していきます。 この問題はAIを使用して作成したもので、以下の流れで学習...
0
0
Comment0
React特訓03: ドロップダウンメニューでカテゴリーを選択→それに合わせたリストを表示させる
はじめに 私がReactを学習するにあたって、AIに頼らずコードを描けるようになるために解いた問題を、アウトプットとして残していきます。 この問題はAIを使用して作成したもので、以下の流れで学習...
0
0
Comment0
React特訓02: ランダムで✊✌️✋を表示してジャンケンしよう
はじめに 私がReactを学習するにあたって、AIに頼らずコードを描けるようになるために解いた問題を、アウトプットとして残していきます。 この問題はAIを使用して作成したもので、以下の流れで学習...
2
0
Comment0
React特訓01: クリックされたボタンのテキストを表示しよう
はじめに 私がReactを学習するにあたって、AIに頼らずコードを描けるようになるために解いた問題を、アウトプットとして残していきます。 この問題はAIを使用して作成したもので、以下の流れで学習...
1
2
Comment0
APIってなに？
APIとは ・APIは「Application Programming Interface」の略 ・アプリ同士がデータをやり取りするためのルールや仕組みの総称 APIはデータを出し入れする窓口 ...
0
0
Comment0
GitFlow解説
この記事の目的 GitHubを使ってチーム開発を行う場合、GitFlowを正しく理解しておくことは大切です。 この記事では以下の2点を理解することができます。 GitFlowとは何か GitFl...
1
1
Comment1
GitHubの基本用語集
この記事の目的 GitHubはチーム開発では欠かせないツールです。しかし慣れないうちは色々な用語が出てきて混乱することもあります。今回はそんな人にとってまさに必要な、GitHubの開発でよく使わ...
0
2
Comment0
Dockerを使用したアプリ開発の最低限のコマンド
この記事の目的 仕事でDockerを使用した開発を行った際に使用した、最低限のDockerの知識を記載します。これを見れば、Dockerについてあまり理解をしていなくても開発を行うことができます...
0
0
Comment0
Reactでのページ遷移 React Routerについて
はじめに 時間割アプリの開発にあたって、リンクの画面遷移設定を行いました。 HTMLではaタグを使いますが、Reactではreact-router-domというライブラリで遷移を行います。 今回...
0
1
Comment0
React公式チュートリアル '三目並べ' 攻略その2
この記事の目的 公式チュートリアルにある三目並べからより多くのエッセンスを吸収するために、以下のポイントを見ていきます。 これらのポイントを考えることによって、チュートリアル終了後の5つの挑戦課...
0
0
Comment0
React公式チュートリアル '三目並べ' 攻略その1
この記事の目的 公式チュートリアルにある三目並べからより多くのエッセンスを吸収するために、以下のポイントを見ていきます。 これらのポイントを考えることによって、チュートリアル終了後の5つの挑戦課...
0
0
Comment0
追加ボタンで新しいフォームが表示される処理の実装
React での新規生徒追加ページの実装解説 はじめに この記事では、時間割アプリ制作にあたってReact を使用して実装した新規生徒追加ページのコードを抜粋して解説します。 このページには生徒...
1
1
Comment0
セレクトボックスで1~10の選択肢を作る
はじめに 時間割アプリの開発にあたって、1~10の選択肢が表示されるセレクトボックスを作りました。 その際に記述したコードとその解説をしていきます。 機能の詳細 完成時の画面表示 実装する機能 ...
0
0
Comment0
Reactで曜日選択の切り替え動作を実装
はじめに 時間割アプリの開発にあたって、曜日選択機能を実装しました。 その際に記述したコードとその解説をしていきます。 機能の詳細 完成時の画面表示 実装する機能 1.初期状態は先頭のliタグを...
0
0
Comment0
JSXファイル内でのCSS記述 Styled-components
はじめに 時間割アプリの開発にあたってReactでのCSSの適用方法を理解したので、そちらをまとめていきます。 CSSを記述する方法はいくつかありますが、今回はコンポーネントベースで管理しやすい...
0
0
Comment0
ReactでGoogleFontsを読み込む
はじめに 時間割アプリの開発にあたって、GoogleFontsのフォントを使用しました。 そこで今回はReactにおけるGoogleFontsの使い方を解説します。 使い方 ReactでGoog...
0
0
Comment0
5分刻みで時間を選択するセレクトボックスの作り方
はじめに 時間割アプリの開発にあたって、9:00~21:00までを5分刻みで選択できるセレクトボックスを作成しました。 その際に記述したコードとその解説をしていきます。 機能の詳細 完成時の画面...
0
0
Comment0
Reactを使ったTODOアプリ制作
この記事ではReactを使ったTODOアプリ制作の過程をアウトプット目的で記録していく。 なお、このアプリはUdemyの動画教材をもとに作成したものであり、オリジナルではありません。 利用したU...
0
0
Comment0
Reactの基本
最低限覚えておきたいことまとめ 最初に学んだ基本事項をアウトプットとして記事にします。 初学者のため、誤った表現や誤解を生む表現・不正確な理解などありましたらお知らせ頂けますと大変助かります。 ...
0
0
Comment0
23 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles