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 でインストールしただけ だから。 こうなると、
PhantomJSでスクレイピングしてみる - Qiita
HTMLの情報を取得したいけど、欲しい情報はjavascript等でレンダリング後の情報というのはよくある話です。 毎回手動で取ってくるのは面倒、そういう時に便利なのがPhantomJSです。 つい最近自分も使ってみたので、誰かの参考になればと思いメモとして残します。 動作環境 Amazon Linux AMI release 2018.03 composer 1.5.1 PhantomJSインストール $ cd /usr/local/src $ sudo wget https://bitbucket.org/ariya/phantomjs/downloads/phantomjs-2.1.1-linux-x86_64.tar.bz2 $ sudo tar jxfv phantomjs-2.1.1-linux-x86_64.tar.bz2 $ sudo ln -s /usr/local/sr
nodejsで容量が大きいデータをPOSTで受け取る時のやり方 - Qiita
var http = require("http"), url = require("url"), request = require("request"), qs = require("querystring"), server = http.createServer(); server.on("request", function(a, b) { if ("GET" === a.method) var c = url.parse(a.url, !0).query; else if ("POST" === a.method) { var d = ""; a.on("data", function(a) { d += a; }); a.on("end", function() { c = qs.parse(d); }); } b.writeHead(200,{'Access-Control
Chatbot導入検討〜Google actions審査まで - Qiita
そこそこ苦労したので、備忘録的な物と、これからChatbot導入検討する人に向けて ChatBotの導入検討 国内Chatbotのベンチャー何社か会って、導入検討する。 会社の都合上Chatbotに期待する要件として 語録の自動学習 自社APIと繋げれる事 4社ぐらいと会ってみたが、どこも機械学習を使って語録認識に役立てていなかった。 キーワードに対して、キーワードを返すだけのタイプのchatbotばかりだった。 語録の認識についてだが、 期待する動きとして「ゴールデンウィークの空き状況を教えて」と問い合わせが会った時、 ゴールデンウィークを4月28日〜30日、5月3日〜6日と認識したいとか 日本の地名や、フルーツの名前とか一般辞書的な物が共通であって、そういった物を利用できるというイメージがあったのだが、そういう物は一切なく、全部Chatbotの仕組みを使って自作は可能ですという感じだっ
脱webpack : CLI編 - Qiita
はじめに 現在フロントエンド開発環境のうち、一部のwebpack依存処理をnode.jsスクリプトに置き換えています。 前回の記事ではejsの変換処理をnode.jsスクリプトに移行しました。 脱webpack : ejs編 今回は簡単な処理を肩代わりできるCLIモジュールをご紹介します。 皆さまへのお願い 「このモジュールは絶対便利！覚えておけ！損はないから！」 という一押しモジュールがあったらぜひコメント欄からお知らせください。 nodeモジュールのインターフェイス nodeモジュールをユーザーが利用する場合、インターフェイスはAPI経由かCLI経由のどちらかになります。1つのモジュールで両方のインターフェイスを用意しているものもあります。各モジュールがどのインターフェイスを備えているかはREADMEに記述してあります。 API APIはモジュールをjavascriptから呼び出すイン
nodejsのcommon jsモジュールに状態を持たせてはいけない。 - Qiita
const lib = require("./lib"); lib.data = "module-1"; function libの値をmodule1から取得() { return lib.data; } exports.libの値をmodule1から取得 = libの値をmodule1から取得; モジュールのプロパティを使う側で簡単に設定出来るから使ってしまう事があるかもしれない。例えばnpmの日付フォーマッタであるdateformatは曜日を国際化する時に以下のような書き方を指示している。 しかし、この書き方はするべきではない。何故なら、プロパティが他のモジュールで上書きされてしまう。 以下のサンプルでindex.jsを実行した時にコンソールに表示される値に注目。 lib.jsの中のLib.dataというプロパティは、module-1.jsでもmodule-2.jsでも同じインスタンス
ずっとUbuntu+zshでnvmを使いたかったんだよ!! - Qiita
はじめに nvmをgitからcloneしたのはいいけど、shutdownするたびにnvmが使えなくなる。 パスが消えるってことね。cloneしたファイルはあるみたいだけど。 毎回設定する必要があるとか、たまげたなぁ。 じゃけん、そんな面倒なことをしなくてもできるようにしましょうね〜 nvmって? Node.jsのバージョン管理が簡単にできるようにするもの。 Node Version Manegerなんだから、そらそうよ。 インストール nvmをインストールする方法も書いておきましょうか。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chatwork APIをNodejsで使ってみる - Qiita
Glitchはいいぞ -Linebotを動かしてみる- - Qiita
nodejsのpgでcatchを書く方法 - Qiita
CentOS7でPuppeteerを使う - Qiita
TypeScript で引数の文字列に応じて戻り値の型が違う関数の書き方 - Qiita
Vue.jsでVuex+axiosを利用してAPIを叩く - Qiita
vue.js で baseurl を変更する方法 - Qiita
シンプルなNodeサーバ - Qiita
Node.jsのmodule.exportsで外部から値を参照する
