はじめに Reactのコンポーネントについて学んだので、アウトプットとして書いていきます。 Reactでのコンポーネント化について コンポーネントごとにコードを書いていき、そのコンポーネントを組み合…

ファイルツリーのフォルダ名のspanタグの左側に矢印をつけたい。フォルダ名をクリックすると矢印の向きが切り替わるするようにしたい。 まずは簡単な例で、spanタグに矢印をつける方法を理解する。 矢印…

成果物 今回作成したのは、配列を使用したセレクトボックスです。 チェックされた項目が配列として表示されます。 ただし、配列はチェックされた順に作成されるため、セレクトボックスの並び順で配列が表示され…

学会などのプレゼン座長用タイマーには専用のアプリのほか、ウェブブラウザで動作するものがある。後者はいろんな環境で手軽に使えるので便利だけど、既存のものではちょっと使い勝手に難があったり不具合があった…

完成したサービス https://twitter.com/motsu_u/status/1641032741591416834 概要 ユーザーはブラウザ上で麻雀の手牌を構築する。 作成された手牌を登…

概要 配列の中のオブジェクトの要素を一つ一つ取り出して判定する方法をまとめる。 やりたい事 下記のような配列があったとする。 let data = [ { 'id': 'null', 'rent':…

React公式サイトのドキュメントが2023年3月16日に改訂されました(「Introducing react.dev」参照)。本稿は、基本解説の「Updating Arrays in State」…

はじめに 先日Notionのクローンアプリを作成時に、記事タイトル更新とお気に入り機能を実装したのですが、リロードしないと画面に反映することができず、もどかしかさを感じましたため、本記事に解消方法を…

はじめに AIを活用するのが流行っているので、BingAIを使ってページネーション機能を実装してみます。 BingAIに聞いてみる JavaScriptでの実装を提案されたので、こちらを深堀していき…

lazyloadを手軽に目視確認することができるブックマークレット はじめに 本記事に記載のブックマークレットによって、lazyloadが導入されているかどうかの確認を手軽におこなうことができます。目視で手軽に確認できるようにすることで品質も生産性も高めることに役立ててください…

前の記事の最後のくだりを、ChatGPTに解説を書いてもらいました。ところどころ、ん?って思うところもあるけど、お楽しみください。 発問 以下のコードは、継続を使ってフィボナッチ数列を求める関数です…

この記事について この記事では、実際にプログラミングスクールに通っていた経験から、そのメリットとデメリットをまとめています。 利用していたプログラミングスクール スクール名 テックアカデミー 受講期間…

はじめに Jestを導入して、テストを実行したところエラーがでたのでまとめます 問題 以下のコマンドでテストを実行するとエラーがでました $ npm run test ● Test suite fa…

はじめに Webエンジニアを目指して、RubyやRailsをいじってます。 今回は、初めてWebアプリを作りました。改善点などがありましたらご指摘いただけると幸いです。 今回作成したWebアプリ i…

今日はMicroSoft社のテキストエディタVSCodeで使われているmonaco-editorを紹介します。Viteと組み合わせることで今後VueやReactなどにも簡単に組み込むことが可能にな…