IT分からんわ~_~;

IT色々お勉強中のブログ

javascript

vue-loaderとは

vue-loader vue-loaderはWebpack用のローダーです。これを使用すると、シングルファイルコンポーネント(SFC)と呼ばれる形式でVueコンポーネントを作成できます。 v15からpuluginの読み込みが必須になった const VueLoaderPlugin = require('vue-loader/lib…

react-native-paginationを使ってみる

www.npmjs.com React Nativeに最適なページネーションコンポーネント Roadmap github.com Horizontal これらを自分で試してみるのは簡単です。Xcodeでただexamples/ios/*.xcodeprojを開いてください。 次にCmd + Rを押します。あなたはスイッチケースのため…

ScrollableTabViewの使い方

github.com 訳↓ これはおそらくAndroid上の私のお気に入りのナビゲーションパターンです、私はそれがiOS上でより一般的だったことを願っています! これはReact Nativeのための非常に単純なJavaScriptのみの実装です。この背景にあるアニメーションがどのよ…

Parsing error: Unexpected tokenで困ってる

yarn add -D eslint eslint-plugin-vue yarn remove eslint-plugin-html module.exports = { root: true, - parser: 'babel-eslint', parserOptions: { + parser: 'babel-eslint', sourceType: 'module' }, env: { browser: true, }, - // https://github.co…

babel-loader 'bindings' of nullエラー

Module build failed (from ./node_modules/babel-loader/lib/index.js): TypeError: Cannot read property 'bindings' of null at Scope.moveBindingTo (/usr/local/hoge/node_modules/@babel/traverse/lib/scope/index.js:864:13) TypeError: Cannot read …

webpack3→4でエラーになった babel-core

babel-coreが読み込めないらしい Error: Cannot find module '@babel/core' babel-loader@8 requires Babel 7.x (the package '@babel/core'). If you'd like to use Babel 6.x ('babel-core'), you should install 'babel-loader@7'. yarn upgrade babel-co…

webpack3→4でエラーになった Chunk

Chunk.jsでエラー 10% building 3/3 modules 0 active(node:135) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead ℹ 「wds」: Project is running at http://0.0.0.0:3035/ ℹ 「wds」: webpack output is served from /pack…

webpack3→4でエラーになった loaders

webpack3→4でエラーになった ✖ 「wds」: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. - configuration.module has an unknown property 'loaders'. These properties are …

nodeのバージョンを上げる方法

nodeのバージョンを上げる方法 nをインストールして上げる npm install -g n n --stable sudo n stable yarn install

brew install yarn --without-node オプションが使えなくなった

brew install yarn --without-nodeオプションを付けると動かない $ brew install yarn --without-node Updating Homebrew... ==> Auto-updated Homebrew! Error: invalid option: --without-node こないな感じでそんなオプションありまへんでって言われる gi…

npm install --globalに失敗した場合の対応方法

npm install --global babel-cli npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules npm ERR! path /usr/local/lib/node_modules npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall access npm ERR! Error: EACCES: …

コードの可視性をよくするには

books.google.co.jp medium.com gihyo.jp

macOSターミナルでjavascript実行方法

これ osascript -l JavaScript aho.js

vueファイルの置き場所を設定

vueファイルの置き場所を設定 app/javascript/srcの位置を@で示せるようにする config/webpack/custom.js const utils = require('./utils') module.exports = { resolve: { extensions: ['.js', '.vue', '.json'], alias: { vue$: 'vue/dist/vue.esm.js', '…

JQuery javascriptの基本

どうしても忘れてしまうのでメモ $(セレクタ).イベント(function(e){ $(this) eはjQuery.eventが返ってくる e.target.valueはクリックしたもののvalue $(this)でイベントの発生元($(#hoge)こんなんと一緒) e.preventDefault()その要素のイベントをキャンセ…

window.onloadと$(document).readyの違い

window.onload onloadイベント発生時に実行されますが、 これはDOMツリーの構築だけでなく、画像や他の全てのデータの 読み込みが完了した時 1つしか実行されない window.onload = ()-> $('.js-bootstrap-switch').bootstrapSwitch() $(document).ready こち…