フロントエンドエンジニア１年目はコードレビューでどんな指摘を受けるのか
社内のコードレビューで先輩から指摘いただいた事をまとめました。 主にJavascript（Vue.js）のコードです。 本記事の修正前のコードは、（Qiita用に簡略化してますが）実際に自分が書...
567
443
Comment7
26 search resultsShowing 1~20 results
Stocked
You need to log-in
【Nuxt】generateするとfont-familyのクオーテーションが消えてバグる対処法について
Nuxtを静的化するとfont-familyがバグる 記述したコード base.css body { font-family: "Crimson Pro", "Noto Serif JP", s...
3
2
Comment0
【Nuxt】外部ライブラリを使用してwindow is not definedになった時の対処法
サーバーサイドレンダリングをしているとwindowでエラーになるので 公式では下記の書き方をして対処するよう書いてあります。 if (process.client) { require('ext...
42
30
Comment0
iPhoneで撮影したHEIF形式の画像はJPEGに変換される
AppleはiOS 11でHEIFと呼ばれる画像フォーマットを導入しました inputタグでHEIFファイルを投稿したとき、macとiPhoneで挙動が変わったのでメモしておきます。 HEIFと...
31
17
Comment0
【簡単】画像選択時のプレビュー表示とExif対応【JavaScript-Load-Image/Vue】
変な向きで画像がプレビューされる・・・？！ 前回書いたコードだと、Exif情報を持った画像を投稿すると変な向きでプレビュー表示されてしまいました。 （コーヒーの画像が横向きになってしまってますね...
43
36
Comment0
画像をリサイズしてblobでプレビュー表示する方法【Vue/Canvas】
ユーザーが画像をアップロードした際に、サーバー側へPOSTする前に クライアント側で（容量が大きい場合）リサイズし、プレビュー表示したかったので実装しました 2019.6.4 追記 ライブラリの...
79
84
Comment6
画像を外接リサイズするコンポーネントをVueで実装
下記のように、画像を決まったサイズ（今回であれば正方形）で表示させたいときのtipsです。 サーバー側で画像を生成するのではなく、どんな画像サイズがくるか分からない状況でフロント側で実装する場合...
9
7
Comment0
【Vue/TypeScript】vue-svg-loaderのbuildエラーを解決
Nuxtでsvgを使いたくてvue-svg-loaderを導入するもVSCodeのVeturと buildエラーが出て解決に困ったので明記します。 表題のエラー解決方法を今すぐ知りたい方はこちら...
19
8
Comment0
【Nuxt.js】Todoリストで理解するTypeScriptでVuex入門
簡単にTypeScriptでVuex入門をしたかったのでTodoリストを作ってみました。 （※pageの記載はtsですが、ストアはjsで実装しています） この記事で伝えること pages/ind...
111
103
Comment1
【Vue/Nuxt】-テスト編（コンポーネント）- 天気APIを使って一通りフロントを実装してみる
前提条件 【Vue/Nuxt】-Vuex編- 天気APIを使って一通りフロントを実装してみる 上記記事にて天気APIのデータを取得済み 【Vue/Nuxt】-コンポーネント編- 天気APIを使っ...
9
4
Comment0
【Vue/Nuxt】-コンポーネント編- 天気APIを使って一通りフロントを実装してみる
前提条件 【Vue/Nuxt】-Vuex編- 天気APIを使って一通りフロントを実装してみる 上記記事にて天気APIのデータを取得済み 見える側を作っていく！ 前回の続き ForcastCard...
5
2
Comment0
【Vue/Nuxt】-Vuex編- 天気APIを使って一通りフロントを実装してみる
はじめに 天気APIを例に、自分が理解しにくかったVuex・テスト（jest）をメインに解説したいと思います。 単体の記事（Vuexだけとか）は良いものがたくさんあるので、一通り実装すると、こん...
11
15
Comment2
【Vue/Nuxt】-テスト編（ストア）- 天気APIを使って一通りフロントを実装してみる
前提条件 【Vue/Nuxt】-Vuex編- 天気APIを使って一通りフロントを実装してみる 上記記事にて天気APIのデータを取得済み 【Vue/Nuxt】-コンポーネント編- 天気APIを使っ...
8
4
Comment0
【Vuex】変更が検知されないときの注意点
Vuexで管理しているデータを変更しても検知されず、DOMに反映されなくて困ったのでメモ。 やりたいこと カードが開いているか閉じているかのフラグ（isOpen）をstoreで管理 isOpen...
12
3
Comment0
【Vue.js】transition-groupで縦スクロールのカルーセルを実現
完成形（実現したいこと） 自動で縦方向にリストが切り替わるカルーセルを作りたい。 cssで頑張らずにVue.jsのtransitionのみで実現させたい。 まずはVue.jsでリスト表示 ind...
59
47
Comment0
Sassを使ってnth-childを省略して書く方法
実現したいこと 画像をコンテナの右上に少しずつずらして表示したい 各画像に icon:nth-child(1) icon:nth-child(2) ... と書くのはシンプルじゃない。 まずはV...
20
13
Comment0
【Vue.js】スクロールでDOM操作する（消えるタイトル編）
スクロールをしたときに、DOM操作をしたいときのtipsです。 例えば、スクロールに応じて色を変えたり、高さを変えたり・・。 スクロールすると消えるタイトルを例にVue.jsでのDOM操作を理解...
80
78
Comment2
node_modules の package を削除したらインストールできなくなった
なぜかnode_modules の package（karma-cli） を削除してしまった。 再度 npm i -g karma-cli するとこんなエラーが。。 npm ERR! path ...
1
1
Comment0
Node.jsのインストール〜②nodenv編〜
転職したので、良い機会だと思って今回行った環境構築まわりのQiita書きます Homebrewのインストール（macOS） Node.jsのインストール〜①anyenv編〜 Node.jsのイン...
1
1
Comment0
v-modelを使わずに子コンポーネントへinputのvalueを渡す方法
基本的なv-model <input v-model="message"> <div>{{`message is ${message}`}}</div> v-...
6
5
Comment0
26 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