2021-08-01から1ヶ月間の記事一覧

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/…