はじめに 最近「単体テストの考え方/使い方」を読みました。 普段フロントエンドエンジニアとして実装をしている中で、自分が作っている単体テストについての言語化をサポートしてくれました。 この記事では、フォーム UI の実装を通して、コンポーネントに対する効果的な単体テストについて考察し、具体的なテストの書き進め方の一例を提示してみます。 最終的な成果物 この記事で実装するフォーム UI の最終的な成果物は codesandbox で確認できるようにしています。右のペインの「Tests」をクリックするとテストも実行できます。 注意 この記事は「単体テストの考え方/使い方」（以下、本書）の内容に触れていますが、読んでいなくても理解できるように補足をしているつもりです。それぞれのトピックで、文中に本書の該当ページの番号を「（p123）」のように表示しています（いずれも初版のものです）。 react
はじめに メリークリスマスイブ！ こちらは「QualiArts Advent Calendar 2022」 24日目の記事になります。 株式会社QualiArtsでUnityエンジニアをしています吉成です。 ReactUnityというフレームワークを用いるとReactでUnityのUI実装を行えるとのことで、面白そうなので触ってみました。 今回は実際に動かしてUI実装を行なってみました的な内容を記事にします。 ReactUnity ReactUnityはUnityUIおよびUIToolkit用のReactとHTMLのフレームワークです。 ReactUnityを用いることでReactでUIを構築し、Unity内での表示を行うことができます。 TypeScript、redux、i18next、react-routerなどのパッケージと一緒に利用でき、CSS機能のサブセットとFlexboxレイア
この記事での私の目標は、Reactの学習を支援することです。小さなTwitterクローンを作成します。独自のアプリを作成する方法を段階的に説明し、開始するために必要なすべての詳細を説明します。 人生でこれまでReactを試したことがない場合は、これが出発点として適しています。Reactの基本をすでに知っているなら、少なくともこの記事は退屈だと思うかもしれません。 あなたは私のGitHubリポジトリをフォークすることができます：@ nicotsou / react-twitter。 何か奇妙なものを見つけましたか？問題を作成して変更を提案できます。プルリクエストも歓迎します。このチュートリアルは、私のブログリポジトリでも利用できます。 このガイドに従うには、Node.jsがインストールされている必要があります。上記のどのバージョンでも問題v10なく動作します。 最後に一つだけ。チュートリアル
使い方は、CSSのクラスにちょっと書き足すだけで動きます。使い勝手はBootstrapみたいですね。ドキュメントが検索しやすくて、サンプルが豊富で、シンプルに書かれているので、フロントエンドが苦手でCopy And Paste from Stack Overflowな人にも使いやすいと思います。 <button class="btn">neutral</button> <button class="btn btn-primary">primary</button> <button class="btn btn-secondary">secondary</button> <button class="btn btn-accent">accent</button> <button class="btn btn-ghost">ghost</button> <button class="btn b
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
