フロントエンド環境の初期設定（Mac/Windows）
以降はNotionで内容を管理する セットアップ覚書(Notion) ---（※以下は過去記事です）--- Mac/Windows共通 Chrome Google日本語入力 AZIK Mac K...
4
5
Comment0
48 search resultsShowing 1~20 results
Stocked
You need to log-in
にわかに流行中な「徐々にHover効果」を実装する
通常のホバーは、「オン」と「オフ」のタイミングでのみアクションしますが、 ポインティングデバイス（と要素と）の距離や角度を監視すると、漸進的なマイクロインタラクションを作ることができます。 こう...
9
6
Comment0
create-nuxt-appでスタートしたプロジェクトの設定をあとから変更する
以下の例は、「やっぱりEslint/Prettierを使いたい」ケースです。 必要なパッケージを追加する yarn add eslint eslint-loader babel-eslint e...
1
1
Comment0
v-tap ディレクティブ
@mousedownだけでも良さそうなんですけど、 せっかくなので、タッチデバイスではtouchstart使用するように、 v-tapというカスタム・ディレクティブ（グローバル）を作成しました。...
1
1
Comment0
Rawgit終了にあたり、とりいそぎjsDelivrでアセットを配信する
下記記事のコメントで教えてもらったのですが、Rawgit終了しちゃいまして……。 githubのファイルページでrawgit urlを作成するブックマークレット 困っちゃうなーと思ってたところで...
4
2
Comment0
githubのファイルページでrawgit urlを作成するブックマークレット
コメントで教えていただいたのですが、rawgitは終了します。 https://rawgit.com/ 取得済みのrawgitは2019.10まで使用できるようです。 chrome拡張機能も出し...
0
0
Comment2
静的メソッドの呼び出し（class構文）
ESlintのclass-methods-use-thisルールを有効にしている場合、 thisを使用しないメソッドに関しては静的メソッドを定義する必要がありまして、 static MyMeth...
3
2
Comment0
CSSカスタムプロパティ（変数）などをstylusで使う
hsl()とかもそうですが、 literal CSS 頼るしかなさそう。 css @css { .test { --hue: 50; background: hsl(var(--hue), 10...
0
0
Comment0
他のエディタと同じようにVSCodeでも選択したテキストをクォートで囲う
下記のようにキーバインドを追加すればOK。 （※Windows/JISキーボード） keybindings.json { "key": "shift+7", "command": "editor...
4
3
Comment0
リアルタイムにテキストボックスの入力値を取得する
おなじみのchangeだと、フォーカス失ったときにしか発火しないのでこれまで工夫が必要でした。 知らなかったのですが、inputイベントてのがあり、これだとリアルタイムで入力を取得できます。 S...
3
2
Comment0
CSSセレクタで指定した複数イベントターゲット要素の共通/限定処理
_div.item_がいくつかあるが、いずれかclickした対象だけを青くして他を赤くしたい。 See the Pen querySelectorAll and forEach by pokku...
1
1
Comment0
ProxyのせいでFirebase deploy 出来ないとき
無限に deploy 終わらないと思いますので、 npm や yarn でインストールした firebase-tools の中の client.js を直接修正する必要がある。 client.j...
8
10
Comment3
WSL環境でgyp ERR!を解決する手順
yarn add firebase これだけがしたかったのに解決まで半日ほどかかってしまった……。 python2 がはいっていないのが原因てことはすぐわかったが、 入れるまでの道のりが長かった...
4
0
Comment0
webpack4とbabel7の最小構成テンプレート
イチから設定してみました。 webpack4_babel7_simple_template なるべく設定ファイルをまとめたかったけど、 postcss.config.jsだけは設定がゴチャつくの...
1
3
Comment0
ProxyのせいでAdobe CCが使用できない（Windows 10）
コマンドプロンプトを管理者権限で開き、下記のように set proxy する cmd netsh winhttp set proxy http://111.11.11.111:8080
1
0
Comment0
codeコマンドが突然使えなくなった時
今まで普通に使えていたのが突然下記エラーで使えなくなりました。 パスはちゃんと通っているのに……。 command $ code README.md /bin/bash: C:/Program ...
0
0
Comment0
v-htmlでfilterを使いたい
もっと簡単な方法があれば知りたい vue div(v-html="$options.filters.capitalize(message)") vue.entry.js // グローバル・フィル...
3
5
Comment0
.yarncleanに手を加えないと、yamlが消えたりして困る
最新のyarnを利用していると問題なさそうだが、 今年11月以前のバージョンらへんだと困ります。 error ERROR in ./node_modules/css-loader!./node_...
0
0
Comment0
( ᐛ )σ「render: h => h(App) 」
vue-cli/weboack-simple/main.js new Vue({ el: '#app', render: h => h(App) }) vue-cliでwebpack-si...
12
8
Comment0
jsでstyleをまとめてセットする（jqueryのcss()風に）
コメント頂いた、Object.assign()メソッド利用した書き方が凄くシンプルです！ jqueryと違ってベンダープレフィックスつかないので、 そこらへんが問題ないケースでのみ使用しています...
9
5
Comment2
48 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