vue勉強2

- [コンポーネントは名前付きの再利用可能な Vue インスタンスです。](https://jp.vuejs.org/v2/guide/components.html)
  - `インスタンス`と`コンポーネント`と`オブジェクト`は同じもの？
- [【Vue】単一ファイルコンポーネントの命名規則まとめ【ファイル名から記法まで】](https://qiita.com/ngron/items/ab2a17ae483c95a2f15e)

- [プロパティの形式 \(キャメルケース vs ケバブケース\)](https://jp.vuejs.org/v2/guide/components-props.html#%E3%83%97%E3%83%AD%E3%83%91%E3%83%86%E3%82%A3%E3%81%AE%E5%BD%A2%E5%BC%8F-%E3%82%AD%E3%83%A3%E3%83%A1%E3%83%AB%E3%82%B1%E3%83%BC%E3%82%B9-vs-%E3%82%B1%E3%83%90%E3%83%96%E3%82%B1%E3%83%BC%E3%82%B9)

- vueで出てくるプロパティってなんのこと？
  - cssの場合は、`セレクタ {プロパティ名:値;}`なので、font-sizeとかがプロパティ
  - [プロパティはコンポーネントに登録できるカスタム属性です。](https://jp.vuejs.org/v2/guide/components.html#%E3%83%97%E3%83%AD%E3%83%91%E3%83%86%E3%82%A3%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%9F%E5%AD%90%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%81%B8%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF%E3%81%AE%E5%8F%97%E3%81%91%E6%B8%A1%E3%81%97)
  -  具体的には`<blog-post title="My journey with Vue"></blog-post>`でいう、`title`の部分。
  htmlでいうと属性にあたるが、vueコンポーネントだとプロパティにあたる

- [関心事項の分離がファイルタイプの分離と等しくない](https://jp.vuejs.org/v2/guide/single-file-components.html#%E9%96%A2%E5%BF%83%E3%81%AE%E5%88%86%E9%9B%A2%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6)
  - つまり、`html/css/js`のレイヤーで分けるのではなく、それらテンプレート、ロジック、スタイルをひとまとまりにしてコンポーネントという括りで分ける
- [mounted は Vue\.js におけるライフサイクル\(参考\)において、仮想 DOM が DOM に置き換わるタイミングを指します](https://qiita.com/tatsurou313/items/4f18c0d4d231e2fb55f4)
- [Ruby on Rails, Vue\.js で始めるモダン WEB アプリケーション入門](https://qiita.com/tatsurou313/items/4f18c0d4d231e2fb55f4)
- [Vue\.js 初心者向けハンズオン \- Visual Studio Code, TypeScript, Element 編](https://github.com/vuejs-jp/hol-vue-ts-basic)
- [コンポーネント/インスタンス オプション順序](https://jp.vuejs.org/v2/style-guide/index.html#%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88-%E3%82%A4%E3%83%B3%E3%82%B9%E3%82%BF%E3%83%B3%E3%82%B9-%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3%E9%A0%86%E5%BA%8F-%E6%8E%A8%E5%A5%A8)
- [【初心者向け】NPMとpackage\.jsonを概念的に理解する](https://qiita.com/righteous/items/e5448cb2e7e11ab7d477)
- answerブランチを作るときに、目次で分けないといけないので、ローカルブランチ(uchideブランチ)でやるときから必要以上にこまめにコミットしておく
- 親コンポーネントと、子コンポーネントがあるとき、`親→子`に渡るのはprops(データの値)で`子→親`に渡るのはemit(イベントの発火)である
- [ノード（node）とは、「結び目」「集合点」「節」といった意味です。](https://www.keyence.co.jp/ss/general/iot-glossary/node.jsp)
- [要素の属性の順序推奨](https://jp.vuejs.org/v2/style-guide/index.html#%E8%A6%81%E7%B4%A0%E3%81%AE%E5%B1%9E%E6%80%A7%E3%81%AE%E9%A0%86%E5%BA%8F-%E6%8E%A8%E5%A5%A8)
- [コンポーネント/インスタンス オプション順序推奨](https://jp.vuejs.org/v2/style-guide/index.html#%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88-%E3%82%A4%E3%83%B3%E3%82%B9%E3%82%BF%E3%83%B3%E3%82%B9-%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3%E9%A0%86%E5%BA%8F-%E6%8E%A8%E5%A5%A8)
- [emitは『発する』という意味を持ち、イベントの発火を意味しています。](https://se-tomo.com/2018/11/03/vue-js-%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E9%96%93%E3%81%AE%E9%80%9A%E4%BF%A1/#emit)
- [Vue\.js：v\-modelと$emitを使ってデータを読み書きする子コンポーネントをつくる](https://qiita.com/ozone/items/b75efe5c449cbc469b1e)
- 使っている言葉が違うと全く違うもののように見えるが、糖衣構文や省略記法など同じ処理でくくるとある程度まとめて整理できる
  - この処理はこういう書き方をする => いちいち処理を書くのがめんどくさいのでまとめてこういう書き方をできる => この処理のこの部分は省略して書ける
  みたいな流れがループして膨大なものに見えている
- [forEach文でJSONを取得する](https://www.sejuku.net/blog/20257)
  - [第2引数にオブジェクトを設定する](https://www.sejuku.net/blog/20257)
- [コールバックとは、電話などで、相手を呼び出した後でいったん接続を切断し、相手側からの発信を求めることである。.....コールバックを行う利点としては、端末側に過大な負担がかかるのを回避できる点、あるいは折り返し連絡を要求した電話番号によってユーザーを認証することが可能となる点などが挙げられる。](https://www.weblio.jp/content/%E3%82%B3%E3%83%BC%E3%83%AB%E3%83%90%E3%83%83%E3%82%AF)
- [「コールバック関数」って単語が出てきたら「関数に渡される関数なんだな～」と、お考えください。](https://wa3.i-3-i.info/word12295.html)
- [実はJavaScriptでは「関数」も「値」です。](https://sbfl.net/blog/2019/02/08/javascript-callback-func/)
- [Promiseとasync/awaitでJavaScriptの非同期処理をシンプルに記述する](https://sbfl.net/blog/2016/07/13/simplifying-async-code-with-promise-and-async-await/)
- [クライアントとはサービスを受ける側のことです。サーバーとはサービスを提供する側のことです。](https://itsakura.com/network-http-get-post)
- [コンポーネントの data は関数でなければなりません。](https://jp.vuejs.org/v2/style-guide/index.html#%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF-%E5%BF%85%E9%A0%88)
- 命名系
  - [コンポーネント名は常に複数単語とするべきです](https://jp.vuejs.org/v2/style-guide/index.html#%E8%A4%87%E6%95%B0%E5%8D%98%E8%AA%9E%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E5%90%8D-%E5%BF%85%E9%A0%88)
  - [単一ファイルコンポーネント のファイル名は、すべてパスカルケース \(PascalCase\) にするか、すべてケバブケース \(kebab\-case\) にするべきです](https://jp.vuejs.org/v2/style-guide/index.html#%E5%8D%98%E4%B8%80%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%81%AE%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E5%90%8D%E3%81%AE%E5%BD%A2%E5%BC%8F-%E5%BC%B7%E3%81%8F%E6%8E%A8%E5%A5%A8)
  - [アプリケーション特有のスタイルやルールを適用する基底コンポーネントは、すべて Base 、 App 、V などの固有のプレフィックスで始まるべきです](https://jp.vuejs.org/v2/style-guide/index.html#%E5%9F%BA%E5%BA%95%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%81%AE%E5%90%8D%E5%89%8D-%E5%BC%B7%E3%81%8F%E6%8E%A8%E5%A5%A8)
  - [常に 1 つのアクティブなインスタンスしか持たないコンポーネントは、1 つしか存在しえないことを示すために The というプレフィックスで始めるべきです。これはそのコンポーネントが 1 つのページでしか使われないということを意味するのではなく、 ページごとに 1 回しか使われないという意味です。](https://jp.vuejs.org/v2/style-guide/index.html#%E5%8D%98%E4%B8%80%E3%82%A4%E3%83%B3%E3%82%B9%E3%82%BF%E3%83%B3%E3%82%B9%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E5%90%8D-%E5%BC%B7%E3%81%8F%E6%8E%A8%E5%A5%A8)
  - [親コンポーネントと密結合した子コンポーネントには、親コンポーネントの名前をプレフィックスとして含むべきです。](https://jp.vuejs.org/v2/style-guide/index.html#%E5%AF%86%E7%B5%90%E5%90%88%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%81%AE%E5%90%8D%E5%89%8D-%E5%BC%B7%E3%81%8F%E6%8E%A8%E5%A5%A8)
  - [コンポーネント名は、最高レベルの\(たいていは最も一般的な\)単語から始めて、説明的な修飾語で終わるべきです。](https://jp.vuejs.org/v2/style-guide/index.html#%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E5%90%8D%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B%E5%8D%98%E8%AA%9E%E3%81%AE%E9%A0%86%E7%95%AA-%E5%BC%B7%E3%81%8F%E6%8E%A8%E5%A5%A8)
  - [コンポーネント名の形式　どこでもケバブケースを使うのもアリです。](https://jp.vuejs.org/v2/style-guide/index.html#%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E5%86%85%E3%81%A7%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E5%90%8D%E3%81%AE%E5%BD%A2%E5%BC%8F-%E5%BC%B7%E3%81%8F%E6%8E%A8%E5%A5%A8)
  - [JS/JSX 内でのコンポーネント名はつねにパスカルケース(PascalCase)にするべきです。ただし、 Vue.component で登録したグローバルコンポーネントしか使わないような単純なアプリケーションでは、ケバブケース(kebab-case)を含む文字列になるかもしれません。](https://jp.vuejs.org/v2/style-guide/index.html#JS-JSX-%E5%86%85%E3%81%A7%E3%81%AE%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E5%90%8D%E3%81%AE%E5%BD%A2%E5%BC%8F-%E5%BC%B7%E3%81%8F%E6%8E%A8%E5%A5%A8)
  - [コンポーネント名には、略語よりも完全な単語を使うべきです。](https://jp.vuejs.org/v2/style-guide/index.html#%E5%AE%8C%E5%85%A8%E3%81%AA%E5%8D%98%E8%AA%9E%E3%81%AB%E3%82%88%E3%82%8B%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E5%90%8D-%E5%BC%B7%E3%81%8F%E6%8E%A8%E5%A5%A8)
  - [プロパティ名は、定義の時は常にキャメルケース\(camelCase\)にするべきですが、テンプレートや JSX ではケバブケース\(kebab\-case\)にするべきです。](https://jp.vuejs.org/v2/style-guide/index.html#%E3%83%97%E3%83%AD%E3%83%91%E3%83%86%E3%82%A3%E5%90%8D%E3%81%AE%E5%9E%8B%E5%BC%8F-%E5%BC%B7%E3%81%8F%E6%8E%A8%E5%A5%A8)
  - [【Vue】単一ファイルコンポーネントの命名規則まとめ【ファイル名から記法まで】](https://qiita.com/ngron/items/ab2a17ae483c95a2f15e)