【JEST・React】JESTのSnapshot test（スナップショットテスト）の.snapファイルを更新するコマンド
コマンド フロント（JSX）への更新が入り、JESTのスナップショットテストがエラーになるようになった場合に、 下記のコマンドでスナップショットの.snapファイルを更新できます。 jest -...
0
0
Comment0
14 search resultsShowing 1~14 results
Stocked
You need to log-in
【HTML5】文字にふりがな・注釈をつける<ruby>,<rt>,<rp>
この記事について HTML5でのふりがな・注釈の付け方をさらっとまとめています。 各タグの詳細は、最下部の**「参照URL」**を参考にしてください。 <ruby>,<rt&g...
1
1
Comment0
【Git/Github/SourceTree】Gitのグローバル無視リスト(gitignore_global)を編集する（macの場合）
SourceTreeでグローバルで無視したファイルをやっぱりGithubにあげたい場合（macの場合） 下記のコマンドを打つと、現在グローバルで無視しているファイルの一覧が表示されます。 その一...
2
1
Comment0
【HTML/CSS】クリスマスなのでペンギンをHTML/CSSで作ってみた
ペンギンをHTML/CSSで作る クリスマスなので、シンプルなペンギンを作ってみました。 HTMLとCSS以外は使っていません。 配色を考える 配色を考えるときに、下記のサイトを参考にさせていた...
2
1
Comment0
【Python3】Pythonを始めたときに参考にしたサイト一覧
Pythonを始めたときに参考にしたサイト一覧 Pythonに初めて触る方 とりあえずPythonを動かしてみたい方 上記の状態ではじめに参考にしたサイトの一覧です。 Pythonをインストール...
2
3
Comment0
【Next.js/Nuxt.js】Nuxt.jsで言うasyncData()のNext.js版→getInitialProps()
Next.jsのgetInitialProps() Next.jsでも、Nuxt.jsで言うところのasyncData()にあたる処理と思われる処理を見つけました。 getInitialProp...
3
1
Comment0
【React,FontAwesome】react-fontawesome(Solid Style)で指定するiconの名前の指定方法
この記事を書いた経緯 公式サイト(英語)を見ている時、使いたいアイコン名の指定の仕方に戸惑ったため、こちらの記事ではアイコン名の指定方法に絞って記載します。 本記事ではSolid Styleに関...
4
1
Comment0
【HTML5】<strong>タグ、<b>タグの違いについてまとめ（どちらもレイアウトは太字になる）
<strong>タグ、<b>タグの違い HTML5の要素のうち、文字列が太字になるタグには、 <strong>タグ、<b>タグがあります。 下記の...
2
0
Comment0
【Nuxt.js】asyncDataの引数はContextというオブジェクトです
asyncDataの引数について Nuxt.jsでよく使われる「asyncData()」メソッドの引数には、 Contextというオブジェクトが渡されてきます。 例 index.vue expo...
33
18
Comment0
【React,@media,メディアクエリ】Reactでレスポンシブデザインにする時、「react-responsive」パッケージが便利
react-responsiveとは Reactをレスポンシブ対応させる時、メディアクエリ（@media）をcssにセットして 要素ごとに表示を切り分けると、ソースが煩雑になります。 npmの「...
40
22
Comment0
【Vue Router/router-link/this.$router.push】パスが同じでクエリパラメータが異なるURLへの移動時に再描画されない
クエリパラメータのみが異なるURL間のthis.$router.push 例 下記のような例の時に、/userの画面のインスタンスが再利用されるため、 うまく再読み込みできませんでした。 理由が...
18
11
Comment0
【React+Redux:reducer, state】reducerを追加したのに該当のstateが定義されない時は、combineReducerを確認する
reducer追加時はcombineReducerの確認を reducerがstateごとに分かれているファイル構成で新しいreducerを追加した時、 該当のreducerで定義したstate...
2
1
Comment0
【HTMLのみ】ボタンクリックでボタン下部の表示・非表示を切り替える
detailsタグとsummaryタグ こちらがとても便利だと思ったため、投稿します。 ※現在、IEとEdgeは未対応となっております。 ※HTMLの対応バージョンや使用方法の詳細については参考...
1
1
Comment0
【SVG・CSS・Vue.js】SVGが画面サイズの変化時にちらつく場合の対処
width・heightの設定を確認 svgのある画面でVue.jsにてv-bindで要素の表示・非表示を切り替えていたところ、 svgの中身がピクピクと小さくなったり大きくなったりする（ちらつ...
3
0
Comment0
14 search resultsShowing 1~14 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