- 投稿日:2023-03-30T21:55:33+09:00
React Tutorial備忘録①
Introduction React未経験の私が学んだことを書き連ねます。 公式チュートリアルの三目並べをベースに学習しています。 ベータ版の五目並べは、三目並べが完了して余力があれば取り掛かります。 手元に『りあクト!』もあるのでそちらを優先するかもです…
- 投稿日:2023-03-30T21:26:02+09:00
React ラジオボタンの実装
成果物 今回はラジオボタンを用いて性別を選択する簡単なプログラムを作成しました。 https://codesandbox.io/embed/raziobotan-arenzi-0dydr7?font…
- 投稿日:2023-03-30T20:40:54+09:00
SPA(React)のビルドとデプロイを自動化するAWS CodePipeline用のCloudFormationテンプレート
概要 create-react-app から作成したReactのWebアプリケーション(SPA)のビルドとデプロイを自動化するためのCodePipelineを構築する自分用CloudFormatio…
- 投稿日:2023-03-30T20:04:12+09:00
React 繰り返し処理を利用してセレクトボックスを実装する
成果物 今回はmapを利用してセレクトボックスを実装していきます。 セレクトボックスで選んだ値を「現在選択されている値」として表示し、その値に対応するハイパーリンクを作成します。 作成されたハイパー…
- 投稿日:2023-03-30T19:09:06+09:00
Chrome View Transitions API
Chrome View Transitions APIについて Chrome View Transitions APIは、Chrome 111で新たに追加されたAPIで、ウェブアプリケーションでの画…
- 投稿日:2023-03-30T19:06:14+09:00
NxでReact製のwebアプリとReact Native製のmobileアプリをモノレポ管理するメモ(開発サーバーの起動まで)
これは 初めてNxを使ってモノレポ管理を実践した時の雑な作業メモ。 バージョンは以下の通り。 "nx": "15.8.7" "react": "18.2.0", "react-native": "0…
- 投稿日:2023-03-30T18:24:53+09:00
ワイ「フロントエンドなんもわからん……」←さすがにやばいと感じたので入門することにしました
プロローグ(茶番) ~昨年10月、インターン先にて~ 上司「kenさんにはこの機能の開発を担当してもらいたいと思います」 私「はい」 上司「機能を見てもらえればわかる通り、一部フロントの修正も必要に…
- 投稿日:2023-03-30T13:18:27+09:00
Beta版 React Tutorial 五目並べ 1
概要 React.jsの新しいチュートリアルとして、ベータ版ではあるが公開された。(現在は英語のみ対応) その中で、最初のチュートリアルとして紹介されていた五目並べを行った。 https://rea…
- 投稿日:2023-03-30T12:33:09+09:00
【ポートフォリオ】文系研究者へ向けた文献管理ウェブアプリ+引用機能アドインを制作しました
導入 はじめまして。ツイッターアカウントは @iK3VzpKGSVPGUKf です。よろしくお願いします。 転職用ポートフォリオとして、文献管理用のウェブアプリケーション「ブンカくん」を企画・制作し…
- 投稿日:2023-03-30T10:42:42+09:00
React + TypeScript: React公式ドキュメントの基本解説「Learn React」を学ぶ
React公式ドキュメントサイトreact.devが2023年3月16日に改訂されました(Blog「Introducing react.dev」参照)。基本解説の「Learn React」には、初心…
- 投稿日:2023-03-30T10:40:59+09:00
React + TypeScript: 状態に収めたオブジェクトを更新する
React公式サイトのドキュメントが2023年3月16日に改訂されました(「Introducing react.dev」参照)。本稿は、基本解説の「Updating Objects in State…