TypeScript で literal type を union している型をオブジェクトのキーに使用する - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
prodビルドはイベント名も節約 - Qiita
事象 angularでページ遷移時に子画面にバインドしてるオブジェクトを更新し、描画を更新したい。 ところが、ローカル実行時や--aotビルドした時は問題なく動くが、--prodビルドした時だけ動かない。 原因 処理の実行判定を、イベントオブジェクトのコンストラクタ名で行っていたため。 最適化によって、イベントオブジェクトの中身も削減されるようだ。 this.router.events.subscribe(event => { // ひとまずイベントが発生してるか確かめる console.log(event.constructor.name); if (event.constructor.name === 'NavigationEnd') { ... // 画面にバインドしてるオブジェクトを更新 console.log('base navEnd'); } });
elm0.19 + webpack4 + babel7 のサンプルをdockerで試したメモ - Qiita
FROM node:10.10.0 # コンテナ上の作業ディレクトリ作成 WORKDIR /app # 後で確認出来るようにpackage.jsonを作成 RUN npm init -y # dev-dependencies ## elmインストール RUN yarn add --dev elm RUN yarn add --dev elm-verify-examples ## sass RUN yarn add --dev node-sass ## webpackインストール RUN yarn add --dev webpack RUN yarn add --dev webpack-cli RUN yarn add --dev webpack-merge RUN yarn add --dev webpack-serve ### 「History APIを利用して作成されるSPAのためのi
今から始めるReact入門 〜 Redux 編 immutability とは - Qiita
目次 今から始めるReact入門 〜 React の基本 今から始めるReact入門 〜 React Router 編 今から始めるReact入門 〜 flux編 今から始めるReact入門 〜 Redux 編: immutability とは ←★ここ 今から始めるReact入門 〜 Redux 編: Redux 単体で状態管理をしっかり理解する 今から始めるReact入門 〜 Redux 編: Redux アプリケーションを作成する 今から始めるReact入門 〜 Mobx 編 概要 Redux はJavaScript アプリケーションのための状態管理コンテナです(WordPress フレームワークにもRedux Framework というものがありますが、そちらではありません)。 そもそも状態管理とは何？という方はすでに説明済みですので前回のflux の記事を参照してください。 SP
2つの配列を比較して差分だけの配列を作る方法 - Qiita
手順 差分を抜きたい配列Aに対してarray.filterをかけます その中で別の比較対象の配列Bに対してindexOf(配列Aのitem) == -1してあげる これで配列Aの要素かつ、配列Bに存在しない要素が残ります。🚀 パフォーマンス面でのベストプラクティスではないかもしれませんが、やり方の1つとして参考になればと思います👍 コード let arrayA = ["A", "B", "C", "D", "E"]; let arrayB = ["B", "D"]; // 配列Aに対して let result = arrayA.filter(itemA => // 配列Bに存在しない要素が返る arrayB.indexOf(itemA) == -1 ); console.log(result); // [ 'A', 'C', 'E' ]
JSer のためのタスクランナー MEMI - Qiita
TL;DR https://github.com/3846masa/memi JSer のためのタスクランナー MEMI ES module で 1タスク 1Function で書ける 依存関係を自動でインストールしてくれる なんで作ったのか きっかけは mimorisuzuko/memi． 要約すると， JavaScript で書けるタスクランナーが欲しい Makefile やシェルスクリプトは，凝った処理を書くのが怠い どのディレクトリでも手間なく使いたい Node.js に関係ないディレクトリで node_modules や package.json を置きたくない タスクで使うモジュールのグローバルインストールは避けたい npm root -g の場所とは別のところに置きたい 既存のタスクランナーと問題点 Makefile シェルスクリプトで書かないといけないので，ちょっと複雑なこ
Vue.jsでv-bindが利かなかった。→bindした変数を初期化してなかったからだった - Qiita
// The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. import Vue from "vue"; import App from "./App"; Vue.config.productionTip = false; /* eslint-disable no-new */ new Vue({ el: "#app", components: { App }, template: "<App/>" }); <template> <div id="app"> <img width="25%" src="./assets/logo.png"> <div>{{str}}</di
2018年Vue.jsとVuexを使ってる人には必ず知っていてほしいドキュメントに書かれていないコンポーネントやストア、メンテナンスの際に役立つTips - Qiita
はじめに 私はVue.js with Vuexを使った業務で1画面30APIを叩く必要のある画面から、たったの数APIしか叩かないけれど、代わりにUIがとても機能的で複雑な画面まで設計し、構築しました。 現在は構築したシステムを保守・運用しており、その際に得られたノウハウを言語化し、共有出来たらと思います。 ※ 記事の内容に意見がありましたら直接編集リクエストをください。 ※ パフォーマンスの話はしません。 ゴール 役立つTipsを身につけコード品質を向上させる コンポーネントのバグを減らせるTips ほとんどのバグは変数から来ます。 もし全ての値が定数なら状態から来るバグはほとんど無くなるでしょう。 ここではこの変数や式を極力減らせるTipsを紹介したいと思います。 1. dataを極力定義しない Vue.jsでコンポーネントを定義する際ついdata()に沢山変数を定義しちゃいますよね。
Node.js で PostgreSQL の CRUD - Qiita
#! /usr/local/bin/node // --------------------------------------------------------------- // version_check.js // // May/19/2019 // // --------------------------------------------------------------- console.error ("*** 開始 ***"); const { Client } = require('pg') require('dotenv').config() const client = new Client({ user: process.env.user, host: 'localhost', database: process.env.data_base, password
カラオケに入ってない曲を知りたかったので頑張った - Qiita
概要 カラオケに行って曲探して「あれ、ないじゃん」ってなるのめっちゃがっかりするんで嫌なんですよね。 今回はそんな悩みを解消できる(嘘)CLIアプリケーションを作りました。 使い方はREADMEに記載してます！ https://github.com/SugarShootingStar/song-exist-in-akashicRecords これを使えば先に歌えないことがわかります。悲しい。 (例)DAMに入ってないシドの曲を検索した結果 (2018/09/13 追記) 以前公開していた画像の出力結果では、シドの「僕、ディナー」がDAMに存在していないと表示されていましたがこれは誤検知でした。 原因はカラオケサイトと歌詞サイトの読点(「、」「､」)が全角半角別々だったためだとわかりました。 この不具合はjaconvを使うことで解決できました。 使用技術 node.js(言語) 環境を用意す
Electron で Windows アプリを作ろうとして node-ffi でハマった話 - Qiita
やりたかったこと Electron で Windows アプリを作り、 Electron 側から既成の dll が使えることを確認することです。 ゴールとしては、 C++ で "Hello, world!" という文字列を返却する HelloWorld 関数を作る Electron(JavaScript)側から HelloWorld 関数を呼び出し、alert で表示する というものです。 ハマったポイント npm で node-ffi をインストール後、JavaScript 側で require('ffi') をやるとエラーが発生します。これがなかなか解消できず、ハマりました。 ↓こういうエラー 厄介なのは、JavaScript として、【require('ffi')】を呼び出した段階でエラーになってしまうこと。なぜなら、ffi を npm でインストールしただけ だから。 こうなると、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
既存のNuxtプロジェクトにTypeScriptを導入する - Qiita
processmakerのＡＰＩをＣＬＡＳＰとＣＬＯＵＤ９で作成 - Qiita
angularのバージョンアップ - Qiita
npm intallしたときに脆弱性チェックでエラーが発生した - Qiita
Chatwork APIをNodejsで使ってみる - Qiita
Glitchはいいぞ -Linebotを動かしてみる- - Qiita
nodejsのpgでcatchを書く方法 - Qiita
CentOS7でPuppeteerを使う - Qiita
TypeScript で引数の文字列に応じて戻り値の型が違う関数の書き方 - Qiita
