React学習ログ #9｜state：コンポーネントのメモリ
stateについて フォーム上でタイプすると入力欄が更新される 画像カルーセルで「次」をクリックすると表示される画像が変わる 「購入」をクリックすると買い物かごに商品が入る などユーザーの操作に...
0
0
Comment0
24 search resultsShowing 1~20 results
Stocked
You need to log-in
React学習ログ まとめ
React公式ドキュメントに基づいての学習記録となります。 #1 開発環境構築編 Viteのインストール ローカルでReactを開発出来る準備 記事リンク #2 コンポーネントの作成とネスト コ...
1
0
Comment0
React学習ログ #6｜フック
前回：React学習ログ #5｜画面の更新 フックの使用 チュートリアルリンク フックとは？ コンポーネントでも下記は「関数コンポーネント」と呼ばれ、ただの関数で画面を返すだけです。 単純な静的...
1
0
Comment0
React学習ログ #4｜イベントハンドラ
前回：React学習ログ #3｜データの表示・条件判定・リストのレンダー イベントに応答する チュートリアルリンク コンポーネントの中でイベントハンドラ関数を宣言をしてみます。 src/App....
1
0
Comment0
React学習ログ #1｜開発環境構築編
今回はJavaScript自体そこそこ触ったことがあるけど、Reactなどのフレームワークはあまり触ってこなかった人間が、Reactチュートリアルをやってみようと思います。 初回はReactの環...
1
1
Comment0
React学習ログ #8｜バブリング
イベント伝播 チュートリアルリンク バブリングとは 一言で言うと「一番内側の要素 → 外側の要素へイベントが伝搬」することです。 DOM(ブラウザ)は以下のように動いています。 *内容は一例です...
0
0
Comment0
React学習ログ #7｜イベントハンドラとprops
イベントハンドラについてはReact学習ログ #4｜イベントハンドラで触れましたが、今回は少し深掘りして学びます。 イベントハンドラ自体はJavaScriptでも存在するので、今回は説明を省きま...
0
0
Comment0
React学習ログ #2｜コンポーネントの作成とネスト
前回： React学習ログ #1｜開発環境構築編 コンポーネントの作成とネスト チュートリアルリンク コンポーネントとは 画面の部品をJavaScriptの関数として定義したものです。 画面上で...
0
0
Comment0
React学習ログ #5｜画面の更新
前回：React学習ログ #4｜イベントハンドラ 画面の更新 チュートリアルリンク ボタンがクリックされた回数を保持する ReactからuseStateをインポートします import { us...
0
1
Comment0
React学習ログ #3｜データの表示・条件判定・リストのレンダー
前回：React学習ログ #2｜コンポーネントの作成とネスト データの表示 チュートリアルリンク データを扱う JSXの中では、波括弧 { } を使うと中身がJavaScriptとして評価されま...
1
0
Comment0
AWSのElastic IP アドレス（EIP）を設定してみた
はじめに 筆者は数ヶ月前に業務でAWSを使用してサービスを公開する機会があり、そこから本格的にAWSを触り始めたAWS初心者です ある時サービスが表示されないということが起こりました。 原因は...
1
0
Comment0
GitHubでPRがマージされたらIssueを自動的にCloseする方法
はじめに GitHubを利用しているとIssueを立ててPR(PullRequest)を作成するという流れがあるかと思います。 その際、PRのマージ後に手動でIssueを閉じるのが面倒くさいなと...
3
0
Comment0
Docker環境でRailsのRakeタスクを作成し、バッチ処理のスケジュールを設定してみた
バッチ処理とは リアルタイムでの処理が難しかったり、一気に大量のデータを処理する場合に使用します。 また、毎日、毎週、または特定の時間帯に定期的に実行することも多いです。 具体的には データベー...
0
0
Comment0
Railsのdate_fieldに関するオプション(stepとtype)
検証条件 Rails 7.1.3 Ruby 3.3.3 HTML5 ブラウザ Google Chrome バージョン: 129.0.6668.70（Official Build） （arm64）...
1
0
Comment0
RSpecのカバレッジ率を出力してみた
はじめに 本記事はProgaku Advent Calendar 2024の20日目の記事となります。 今回はRSpecを書いていてどれくらいソースコードに対してテストを網羅出来ているかを可視化...
0
0
Comment0
Rails7から追加された簡単にレコードを任意の順番に並び替えられる「in_order_of」
はじめに 業務で「何かのレコードを特定のid順や数字で並べたい」みたいな要件に出会った経験ある人もいるのではないでしょうか？ 当時エンジニア歴2年目の時に詰まった記憶があります笑 そのような時は...
2
1
Comment2
replaceメソッドを活用した関連テーブルの更新
はじめに Rubyにはreplaceというメソッドがあります。 Rubyの配列 (Array) やハッシュ (Hash) などのオブジェクトに対して使われ、対象オブジェクトの内容を別のオブジェク...
2
1
Comment0
Gitコマンド打つのをちょっとでも楽にしたい[Git エイリアス]
はじめに ブランチを変えようとした時にコマンドを打ちました。 $ git chekcout hoge_branch Enterをクリック。 git: 'chekcout' is not a gi...
1
2
Comment0
ChatGPTとGitHubCopilotを導入してみての感想
はじめに 今回、Progakuのアドベントカレンダー初日の記事を担当しました。 Prgakuというプログラミング学習コミュニティに関しては下記を参照してください。 2023年もそろそろ終わりを迎...
9
1
Comment0
Boolean型カラムをpresence: trueで設定したらfalseで保存出来なかった
前提条件 Userテーブルにnullを許容しないBoolean型のhoge_flagというカラムがあるとする。 create_table :users do |t| t.boolean :hog...
6
2
Comment0
24 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