トップ  > メモ一覧  > カテゴリ「JavaScript」の絞り込み結果 : 115件

115件中 1 〜 10 表示  1 | 2 | 3 | 4 ... 次の10件> 最後»

No.5453 AWS EC2+Amazon Linux2 に npm+webpack 環境を構築

sudo yum -y install gcc-c++
mkdir ~/src
cd ~/src
git clone https://github.com/creationix/nvm.git ~/.nvm
source ~/.nvm/nvm.sh
cat > ~/.bash_profile <<EOF
# nvm
if [[ -s ~/.nvm/nvm.sh ]] ; then
  source ~/.nvm/nvm.sh ;
fi
EOF

nvm ls-remote
nvm install stable --latest-npm
npm --version

cd path-to-npm-project/
npm install
cat > ~/.bash_profile <<EOF
# webpack
export PATH=$PATH:./node_modules/.bin

EOF

引用元

更新:2019/12/03 19:39 カテゴリ: JavaScript  > npm ▲トップ

No.5440 オブジェクト・配列を変更しても更新されない(変更が検出されない)

リアクティブになっていない

配列の変更は push() pop() shift() unshift() splice() sort() reverse() を使う

オブジェクトン変更は
objectの変更は Vue.set(), this.$set() を使う

引用元

更新:2019/07/16 09:55 カテゴリ: JavaScript  > vue.js ▲トップ

No.5431【引用】[Vue.js]外側をクリックすると閉じるドロップダウンメニュー



[Vue.js]外側をクリックすると閉じるドロップダウンメニュー

はじめに

 
 

メニューボタン押すと開く

メニューボタンもう一度押すと閉じる

メニューの外側押しても閉じる

 
 
どこでもよく見るアレをvue.jsで
 
 

デモ
 
 
デモ(jsfiddle)
 
 

説明
 
 

親コンポーネント
 
 

html

<div style= "positi...

引用元

更新:2019/04/03 09:04 カテゴリ: JavaScript  > vue.js ▲トップ

No.5427 npm packages が最新かどうかの確認

npm packages が最新かどうかの確認

ncu を入れる
```
npm install -g npm-check-updates
```

確認&バージョンアップ
```
ncu
ncu -u
```
更新:2019/03/19 21:40 カテゴリ: JavaScript  > npm ▲トップ

No.5418 パフォーマンス確認

````
var checkPerformance = function(func, arg1, arg2, arg3, label) {
  console.time(label);
  for(var i = 0; i < 1000000; i++){
    func.call(null, , arg1, arg2);
  }
  console.timeEnd(label);
}
checkPerformance(hoge, arg1, arg2, arg3);
更新:2019/02/14 17:15 カテゴリ: JavaScript  > 一般 ▲トップ

No.5417 js で perse_url

```
  var parseUrl = function(url) {
    var match = url.match(/^((https?\:)\/\/)(([^:\/?#]*)(?:\:([0-9]+))?)(([\/]{0,1}[^?#]*)(\?[^#]*|)(#.*|))$/);
    return match && {
      url: url,
      protocol: match[1],
      scheme: match[2],
      host: match[3],
      hostname: match[4],
      port: match[5],
      pathall: match[6],
      path: match[7],
      search: match[8],
      hash: match[9]
    }
  }
```
更新:2019/02/14 15:22 カテゴリ: JavaScript  > ライブラリ/ユーティリティ ▲トップ

No.5415 npm バージョンアップリリース

### path バージョンアップ
npm pack -> 配布内容の確認
git tag
npm version patch
git tag
// バージョンが追加される
git push origin tags/v*****
npm publish

### その他バージョンアップ
> npm version major
# v1.0.0 から v2.0.0 へ変更

> npm version minor
# v1.0.0 から v1.1.0 へ変更

更新:2019/02/12 17:19 カテゴリ: JavaScript  > npm ▲トップ

No.5414 php の array_column(): 連想配列の特定のkeyの値のみの配列を作る

=== php の array_column(): 連想配列の特定のkeyの値のみの配列を作る
items.map(v => v.name);
更新:2019/02/02 22:55 カテゴリ: JavaScript  > 一般 ▲トップ

No.5413【引用】【JavaScript】addEventListenerの無名関数をremoveEventListenerで消す方法


【JavaScript】addEventListenerの無名関数をremoveEventListenerで消す方法
2014/05/15 JavaScript イベントリスナー

今回は、JavaScriptのaddEventListener/removeEventListenerを使う時に気をつける点を順を追って書いていく。特に無名関数をremoveEventListenerで消す方法を中心に書く。
addEventListenerは1つのターゲットにイベントリスナーを複数登録できる。例えば以下のような場合

window.addEventListener( 'click' , funct...

引用元

更新:2019/02/01 13:40 カテゴリ: JavaScript  > 一般 ▲トップ

No.5370【引用】JavaScriptでPHPのempty()のように空判定ができる関数


 
 

 

JavaScriptでPHPのempty()のように空判定ができる関数

 
 

 JavaScriptにはオブジェクトや配列などの引数に与えた変数(値)が「 空 」かどうかを判定する関数がない。つまり、PHPで云うところの empty() や、Railsで云うところの blank? といったビルトインメソッドがないのだ。
ある変数について値が空かどうかという条件式は結構多用するので、ないならば作ってしまおう、ということでPHPの empty() 的な関数を自作してみた( 実際のソースは後述 )。...

引用元

更新:2018/04/05 09:48 カテゴリ: JavaScript  > 一般 ▲トップ
115件中 1 〜 10 表示  1 | 2 | 3 | 4 ... 次の10件> 最後»

Python

フロントエンド開発

Docker

AWS

nginx

Node.JS

Linux

web開発

サーバ管理

GCP

svn・git

ソース・開発

プロマネ

HTML・CSS

JavaScript

Alexa

webサービス運用

webサービス

Mac

MySQL

PHP

FuelPHP

ツール, ライブラリ

ビジネス

テンプレート

プレゼン

マネタイズ

負荷・チューニング

Windows

メール

メール・手紙文例

CodeIgniter

オブジェクト指向

UI・フロントエンド

cloud

マークアップ・テキスト

Flash

デザイン

DBその他

Ruby

PostgreSQL

ユーティリティ・ソフト

Firefox

ハードウェア

Google

symfony

OpenPNE全般

OpenPNE2

Hack(賢コツ)

OpenPNE3

リンク

個人開発

その他

未確認

KVS

ubuntu

Android

負荷試験

オープンソース

社会

便利ツール

マネー

Twig

食品宅配

WEB設計

オーディオ

一般常識

アプリ開発

サイトマップ

うずら技術ブログ

たませんSNS

rss2.0