nth-childとは
nth-childとは 複数ある要素のうち、ある特定の要素を指定したい場合に使用する。 :例 index.html <h2>:nth-childについて</h2> <...
0
1
Comment0
15 search resultsShowing 1~15 results
Stocked
You need to log-in
【メモ】 VScode 自動補完便利機能
HTML自動補完 #container →idで自動補完される .cls →classで自動補完される span.cls →span要素にclassがつく #container>.cls ...
0
0
Comment0
【メモ】 HTML・CSS インライン要素＆ブロック要素違い
ブロック要素 <div>など すべて縦並び 横幅、縦幅の指定ができる margin: 0 auto →中央揃えになる インライン要素 <span>など 全て横並び 横幅、...
0
0
Comment0
[HTML&CSS] classとidの違いとは
結論 class 種類別に割り当てる →同じclass名を1ページ中に何度も使うことができる id 固有の名前を割り当てる →同じid名は1ページ中に1度しか使えない。 class属性が対象の種...
0
0
Comment0
JavaScriptでFizzBuzzを解いてみる
FizzBuzzゲームとは、二人以上のプレイヤーが1から順番に数字を発言し、3で割り切れるときは「Fizz」と答え、5で割り切れるときは「Buzz」と答える。両方割り切れる時は「FizzBuzz...
0
0
Comment0
BEM(Block Element Modifier)とは
HTMLのクラス名を好き勝手書いてしまうと、共同での開発で修正しづらいという問題が起きてしまいます。 そこで、後から改修しやすい設計にする手法の一つであるBEMについて解説していきます。 BEM...
2
1
Comment0
UIデザインの基礎について
今回は、UIデザインの基礎についてまとめていきたいと思います。 UIの基礎 コンテンツ > UI コンテンツやサービスを伴い全体でデザインする。 不要なパーツはどんどん削除する。 TPO重...
1
2
Comment0
VScode使用時にディレクトリ階層をまとめないようにする
今回は、VScodeを使っていて個人的に不便と感じていた自動でディレクトリをまとめる機能を外す方法についてご紹介します。 結論 Command + , で設定画面を開く Compactで検索する...
0
0
Comment0
React用語まとめ
今回はReactの基本的な用語をまとめます。 Reactで出てくる用語が分からない時の参考になれば幸いです。 SPA(シングルページアプリケーション) これは、単一のHTMLページでアプリケーシ...
2
1
Comment0
パッケージ管理ツールであるnpmについて解説します
今回は、パッケージ管理ツールであるnpmについて解説します。 npmはNode.jsのパッケージを管理するものです。従って、まずはNode.jsが何者なのかを簡単に説明します。 Node.jsと...
0
1
Comment0
React JSXの基礎知識
今回はReactの特徴の一つであるJSXについて解説します。 JSXとは Javascript内でHTMLを簡単に記述するための言語です。 ほとんどの構文はJavascriptのように記述します...
0
0
Comment0
Sassの@mixinの基本について解説してみた
mixinとは 通常であれば、一つ一つ細かく分けて書いていかなければならないものを、まとめて記述することができます。 通常の書き方との比較 qiita.scss //通常 .contact { ...
0
0
Comment0
scanメソッド問題
問題 任意の文字列で "hi"がいくつあるか数えてその数を出力するメソッドを作りましょう。 出力例 count_hi('abc hi ho') → 1 count_hi('ABChi hi') ...
0
2
Comment2
JavaScriptの関数について
私たちが普段目にしているWebサイトではたくさんのJavaScriptのコードが記述されている。その中のコードの管理方法としては関数を用いるのが有効的である。今回は、そんな関数についてまとめてみ...
1
1
Comment1
ActiveHashを解説してみた
ActiveHash 職業選択などの変更されないデータをモデルファイル内に直接記述することで、データベースへ保存せずにデータを取り扱うことができる。つまり、Active_Hashを用いることで、...
1
1
Comment0
15 search resultsShowing 1~15 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