@testing-library/reactを使ってモーダル実装コードをテストする
概要 @testing-library/reactを使ってモーダル実装したコードのテストコードを書いてみました。 仕様 実装内容としては、1つのページにモーダルを開くリンクと、初期状態がdisa...
0
0
Comment1
66 search resultsShowing 1~20 results
Stocked
You need to log-in
react開発においてよく見るnamed exportとdefault exportの違い
概要 reactのチュートリアルや、サンプルコードと実際の開発現場でreactのコードを触ってみて 1つ違いがありました。 何の違いかというと、 reactチュートリアルでは以下のようなdefa...
1
0
Comment0
jestで要素が存在しないことをテストしたい
jestである条件下で表示されない要素があり、その場合に該当の要素が存在しないことをテストしたい。 初期のコード .jsx it ('テスト', () => { const sampleC...
0
0
Comment0
@testing-library/reactでboolean型のstateのテスト
概要 @testing-library/reactを使ったことがあまりないのでメモとして残しておきます。 内容としては、useStateを使ってcheckboxの値を管理した実装のテストの記述で...
1
0
Comment0
誰かがミスした時のポイント・やるべきこと
仕事で誰かがミスをした時に気をつけたいポイントや、やるべきことをまとめてみました。 やるべきこと 事象の整理 まずは、何が起こったのかを関係各所・コミュニケーションツールから情報を集め整理するの...
1
0
Comment0
[css設計]自分流のflocss, bemをまとめてみた
はじめに 最近新規プロジェクトでcss設計をよく担当するのですが 初心者の人にも、経験者にもわかりやすいようにflocss,bemなどを取り入れています。 前回も記事を書きましたが、せっかくなの...
1
1
Comment0
[flexbox]media queryなしでレスポンシブ対応
やったこと 今回はflexboxを使ってmedia queryを使わずにレスポンシブデザインを作りたいと思います。 幅999px以下で縦に積み上がって、1000px以上は要素が半分になるように作...
0
1
Comment0
[jest]localStorageをjestでテストしたい
やりたいこと localStorageのテストをjestでしたかったのですが、 jest初心者で忘れそうなのでメモ的に残しておこうと思います。 コード js(react) 実際のコードを書いてい...
2
1
Comment0
jsxとvueの条件によってタグを表示させる方法
概要 最近react,vueを触る機会が多いので、メモするほどのことでもないのですが、 初心者やreact,vueってどんな感じなの？って人用に書かせてもらいます。 (シリーズ化して、小出しに記...
0
0
Comment0
暇つぶしにカー○ｲ書いてみた
ふとあのキャラってcssで書くの意外と簡単かと思って手を動かしてみた。 ただコード貼り付けるだけです。 クオリティは低いかも....w コードも適当になってしまった。 html .html &l...
3
2
Comment0
[javscript]ローカルストレージにjson形式でデータを保存し、取得する
やりたいこと ローカルストレージに値を入れたいのだが、文字列しか入れられない。 trueやfalse、数値などのbooleanやnumber型は登録できないので、管理しやすいように json形式...
11
15
Comment0
[css]開発でよく使用する便利技
開発でよく使用する便利技をここに残しておきます。 これいいなと思ったものはここに残すつもりなので都度更新するかもしれません。 要素の上下中央寄せ 要素の上下中央寄せの方法はいくつかあります。 そ...
2
0
Comment0
[フロントエンド css]BEMを参考にした書き方
BEMを参考にした書き方 今回はcssでのBEMを参考にした書き方をご紹介したいと思います。 BEMとは BEMとはBlock,Element,Modifierの略で、フロントエンド設計方法のひ...
14
14
Comment0
コンポーネント指向とは
概要 普段からマークアップ側で意識しているコンポーネント指向のイメージを テキストで残しておこうと思い書きました。 コンポーネント指向とは そもそもコンポーネント指向とは、 webサイトにおける...
0
1
Comment0
[vscode]command+zを戻したい
概要 macでvscode入れるとデフォルトでcommand+y(編集を進める？)が効かない。 command+z(編集を戻す)はデフォルトで効くのだが、戻しすぎた時とか間違えて消してしまった場...
0
0
Comment0
よく使うuiパーツ(テキストリンク編)
開発においてよく使うuiパーツを残しておこうと思います。 自分はこんな感じで表現していますという程度なので、もしもっと簡単にできるよとか こんなデザインあるよとかあれば教えてください。 リンクテ...
0
0
Comment0
hit and blowというゲームをjavascriptで作ってみた
hit and blowとは hit and blowとはa-zの文字を使用して 出題者が用意した答えを当てるゲームです。 回答者がa-zの文字を入力し、 答えと同じ順番にあればhit 答えと違...
1
1
Comment4
javascriptのfor文について
javascriptを触ってて for文周りって色々あるけどfor以外使ったことなかったので調べてみました。 for まずはスタンダード？なfor文から。 const arr = ["banan...
6
11
Comment0
typescriptメモ
typescriptを学ぶにあたって事前知識を調べてきたのでメモ代わりに残しておきます。 typescriptとは マイクロソフト社が開発したjavascriptを拡張して作られた静的型付け言語...
0
0
Comment0
[react]nextjs関連のメモ
nextjs関連で学んだことをメモ 現在nextjsの勉強をしているので覚えておいた方が良さそうなところや、 仕組みが不明なとこなどをメモがわりに残しておく。 ページのルーティング nextjs...
1
0
Comment0
66 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