JavaScriptで2つの配列のindexが同じものから一つのオブジェクトを合成する

2つの配列を合成したい。 var arr1 = [{name: 'Jay'}, {name: 'Bob'}]; var arr2 = [{age: 22}, {age: 30}]; このように組み合わせた配列にしたい。 var arr3 = [{name: 'jay', age: 22}, {name: 'Bob', age: 30}]; arr1のインデックス0とarr2のインデックス…

async/awaitとforEachループを併用してPromiseの結果を取り出す

forEachループでasync/awaitを使用することに問題はありますか?ファイルの配列をループして、各ファイルの内容を待ち受けようとしています。 import fs from 'fs-promise' async function printFiles () { const files = await getFilePaths() // Assume th…

【対処方法】[ESLint]Promises must be handled appropriately or explicitly marked as ignored with the `void` operator

エラー内容 TypeScriptでasync/awaitを使った基本的な非同期処理を行っているのですが、TSLintが以下の2つの関数に対して謎のエラーメッセージを投げてきます。 誰かこのようなエラーに遭遇したことはありますか? エラー出力ではルールが言及されていないの…

VueJSで要素の属性を条件付きで追加する(v-ifで分岐させて属性を追加)

Vue.2 までは以下のようにすればいい。 <input :required="test ? true : false"> <input :required="test"> // if true <input :required="!test"> // if false <input :required="!!test"> // test ? true : false 注意: !!!aと!!!aの間には違いはありません。なぜなら、!!!aは単に!!!(!a)であり、また、!!!aは真偽値であるため、!!!(!a)は単にその二重否定であり、したが…

propsに関数を渡すのは Vue.js のアンチパターンである

Reactでは、親コンポーネントから子コンポーネントへ、関数をプロップとして渡すことができます。 関数の呼び出しは、子から親へと逆流し、親子のコンポーネントのコミュニケーションを促進します。 これは、Vue.jsでも次のようなコードで実現できます。 <template> <Child :callback="doSomething" /> </template> <script></script>…

Vue/HTML/JS downloadタグを使ってファイルをブラウザにダウンロードする方法

私の質問はVUEに焦点を当てており、VUEにもデフォルトの方法を防ぐ方法があるのかどうかという点で、この質問は提供された他の回答とは異なります。 この質問は、HTML 5 の「ダウンロード」と VUE による :href の結合に特化したもので、なぜ新しいタブでフ…

Nuxt.jsでModule not found: Error: Can't resolve 'fs' in ' エラー

"twitter-api-v2": "^1.2.0"を使おうとして出たエラー。 nuxt.config.js に以下を追加で解消します。 export default { build: { extend (config, ctx) { config.node = { fs: "empty" } } } }

Nuxtで.envファイルを使って環境変数を設定する

.env ファイルまたは dotenv ファイルは、アプリケーションの環境定数を制御するためのシンプルなテキスト設定ファイルです。 ローカル環境、ステージング環境、プロダクション環境の間では、アプリケーションの大部分は変更されません。 しかし、多くのアプ…

JavaScript の 配列操作 splice と slice の違い

splice()は実際の配列を変異させ、startから始まり、指定された要素数を維持します。 sliceは、startから end指定の直前までの配列要素を返します。 splice()は元の配列を変更するのに対し、slice()は変更しません。 どちらも配列オブジェクトを返します。 s…

Vue Material md-chips で削除時と挿入時(追加時)のイベント

md-delete: 削除された文字列とそのインデックスが event として発行される。 md-insert : 挿入された文字列が event として発行される。 チップを変更するためのAPIを探しているのであれば、vモデルから直接文字列を挿入/削除することができます。 <template> <div> <md-chips :value="labels" class="md-primary" md-placeholder="検索キーワードを入力してください..." md-deletable @md-delete="onDelete" @md-insert="onInsert" ></md-chips></div></template>

JavaScriptの配列から文字列を探し出して削除するワンライナー

以下のような配列の中から一つの文字を探し出して削除したいです。 var array = new Array(); array.push("A"); array.push("B"); array.push("C"); こんな感じ。 array.remove("B"); どうしたらいいですかね? 回答 ワンライナーで書くと以下のようになりま…

“Expected to return a value at the end of arrow function” warningの直し方

すべてうまくいくのですが、警告が出ます。 アロー関数array-calback-returnは最後に値を返すことが期待されています。 mapの代わりにforEachを使ってみましたが、そうすると<CommentItem />が表示されません。どうすればいいのでしょうか? return this.props.comments.map</commentitem>…

“You are binding v-model directly to a v-for iteration alias”

今まで遭遇したことのないエラーが発生しました。 "あなたはv-modelをv-forの反復エイリアスに直接バインドしています。エイリアスへの書き込みは関数のローカル変数を変更するようなものなので、これではv-forのソース配列を変更することはできません。オブ…

(thread_id_key != 0x7777), function find_thread_id_key, file ../src/coroutine.cc, line 134

npm run serve を試したところ、次のような結果になりました。 66% building 670/715 modules 45 active /Users/bytedance/go/src/code.byted.org/ad/omega_fe/node_modules/echarts/lib/chart/graph.js## There is an issue with `node-fibers` ## `/Users/…

「ふるさと納税がおかしい」という日経コメンテーターの考え方がおかしい

2019年6月13日の日経新聞7面で、日経コメンテーターの上杉素直さんがふるさと納税制度に苦言を呈していた。ふるさと納税では返礼品競争を是正するだけでは足りない。 そもそも制度自体がおかしい、というものだ。上杉氏は「寄付は得するものだという発想がお…

赤ちゃんができたら入れたいアプリまとめ

マタニティ期から出産、アルバム作りなどができるアプリを紹介します。 ninaru ninaruは週数に応じたおすすめ記事が毎日更新されます。 ninaruを毎日見ていれば、赤ちゃんがいまどんな状態で、何に気をつけていけばいいかがわかります。妊娠中ならではの悩み…

1万円で買える!子供用におすすめのSIMフリー格安スマホ4選

スマートフォンの価格が10万円を超え、もはやMNPのキャッシュバックなしでは新しいスマホを買うことが躊躇われる時代になってしまいました。高いスマホを買っても機能が劇的に変わるわけでもなく、いまさら買い換えるのも面倒だな、と思っている方もいるので…

回帰分析の概要のざっくりとしたまとめ

回帰とは何か? 回帰とは、「依存変数」という一つの数値と、「独立変数」という一つ以上の数値の関係を規定すること。 依存変数は独立変数の値に依存している。 依存変数は目的変数とも呼ばれ、独立変数は説明変数と呼ばれる。 回帰分析は一般にデータ要素…

matplotlibをimportしたら"Python is not installed as a framework."というエラーが出た

matplotlibをimportしたら以下のようなエラーが出ました。 >>> from pylab import plot, show Traceback (most recent call last): File "<stdin>", line 1, in <module> File "/Users/UserName/.local/share/virtualenvs/chap2-U29tY3uW/lib/python3.6/site-packages/pylab</module></stdin>…

matplotlibをimportしたら"Python is not installed as a framework."というエラーが出た

matplotlibをimportしたら以下のようなエラーが出ました。 >>> from pylab import plot, show Traceback (most recent call last): File "<stdin>", line 1, in <module> File "/Users/UserName/.local/share/virtualenvs/chap2-U29tY3uW/lib/python3.6/site-packages/pylab</module></stdin>…

ペネトレーションテスト用の特化されたオペレーションシステム「Kali」をインストールするために参考にしたサイト

ダウンロードサイト https://www.kali.org/downloads/ 以下のサイトにVirtual Boxにインストールする方法や日本語キーボードの設定方法が記載されている。 https://doruby.jp/users/r357_on_rails/entries/KaliLinux https://qiita.com/wyokobe/items/ff65de…

Chromeのアドレスバーの検索結果をとにかく英語にする方法

右上の設定ボタンから設定画面に移動します。それから、「検索エンジンの管理」をクリック。で、その他の「検索エンジン」の一覧のところにある「追加」をクリック。検索エンジン:google_en キーワード:google_en のように入れて、URLに以下をコピペして「…

NW.jsでhello worldアプリを作ってみる

NW.jsはHTML、CSS、JavaScriptでデスクトップアプリケーションを作るためのフレームワークです。 2011年にRoger Wangによって作られました。RogerはNode.jsとChromiumを融合させる試みの中で、単にHTMLやJavaScriptを読み込むだけではなく、JavaScript APIを…

Pythonでファイルの読み書きを行う

Pythonでファイルの読み書きを行ってみます。 フォルダ構成はこちらです。 service.file_operation_service.py class FileOperationService: def __init__(self, name): self.name = name print("FileOperationService is created") def file_read(self): tr…

TypeScriptの関数の使い方

TypeScriptのインストール方法 TypeScriptをインストールするには以下のコマンドを実行します。 npm install -g typescript -gオプションは、TypeScriptコンパイラをグローバルにインストールするということです。 TypeScriptコンパイラのバージョンを確認す…

Spring Bootで簡単なRESTアプリを作成する

Spring Bootを使ってREST Serviceを作るのは非常に簡単です。 まず、Beanクラスを作成します。 package com.example; import java.io.Serializable; public class Message implements Serializable { private String text; public String getText() { return…

C#でシャットダウンのイベントを受け取って処理を実行する

シャットダウンする直前に処理を走らせる作業を実行したいと考えています。ProエディションならGroup Policyに記述を追加すればシャットダウンに引っかけてスクリプトを実行することができるのですが、Home Editionだとうまくいきません。 なので、自作スク…

MacにTomcatをインストールしてEclipseから動かしてみる。

Homebrewでインストールできます。`` $ brew install tomcat==> Using the sandbox ==> Downloading https://www.apache.org/dyn/closer.cgi?path=tomcat/tomcat-8/v8.5.9/bin/apache-tomcat-8.5.9.tar.gz ==> Best Mirror http://ftp.jaist.ac.jp/pub/apach…

SCSSで変数を定義したり、@mixinを使ってみる

変数を定義する 変数を定義するのは簡単です。 [$変数名]を[:]で区切って、値を入れます。 後は、変数名をプロパティに指定すれば、その値が反映されます。 @charset 'utf-8'; $mainColor : #2576E5; header { background-color: $mainColor; } .main { p { …

XCodeがUpdateされたときは、Swiftのバージョンを確認する方法

以下のコマンドで確認できる。 $ /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/bin/swift -v Apple Swift version 3.0 (swiftlang-800.0.46.2 clang-800.0.38) Target: x86_64-apple-macosx10.9 /Applications/Xcod…