IT分からんわ~_~;

IT色々お勉強中のブログ

javascript

npmパッケージバージョン指定インストール

普通にインストール npm install パッケージ名 次のコマンドでは、グローバルにパッケージをインストールする。コマンドをインストールした場合はパスを指定しなくてもどのディレクトリでも動くようになる。 npm install -g パッケージ名 npm list version …

nodebrewを使ってnodeバージョンアップする

使用できるnode nodebrew ls-remote vesion 指定インストール nodebrew install-binary v14.15.4 使用する nodebrew use v14.15.4 node --version インストールしているnode version nodebrew ls

Cache-Controlについて、設定方法

Cache-Controlについて、設定方法 キャッシュさせるかどうかの奴 ブラウザやキャッシュサーバに対して、キャッシュの動作や有効期限を指定するためのもの private privateなものなんでキャッシュしちゃダメよって奴 no-cache オリジンサーバーの確認無しに勝…

rails X-CSRF-TOKENからraw_token(毎回変わらないtoken)を取り出す方法

rails X-CSRF-TOKENからraw_token(毎回変わらないtoken)を取り出す方法 純粋に逆から実行していけば取れる 逆xorのメソッド作っておく def xor_byte_strings(s1, s2) # :doc: s2_bytes = s2.bytes s1.each_byte.with_index { |c1, i| s2_bytes[i] ^= c1 } …

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

MiniCssExtractPluginの設定が上手くいってなくて動いてない webpack/environment.js const vue = require('./loaders/vue') const sass = require('./loaders/sass') const css = require('./loaders/css') module: { rules: [ vue, sass, css, plugins: [ …

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 こち…