Vue.jsでVuex+axiosを利用してAPIを叩く - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
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をインストールする方法も書いておきましょうか。
npm install で躓いたこと - Qiita
※備忘録的に投稿しております。 下記を参考にServerless Framework をnpmでインストールしようとしたところ、タイムアウトで失敗。。。 Serverless Framework による AWS Lambda 関数の管理1 $ npm install -g serverless 「プロキシを正しく設定してくれ」と怒られた。 企業のWebプロキシではねられている模様。 調べてみたところ、下記コマンドでプロキシの設定をするとエラーが解消され、無事にインストールすることができた。 npmのconfigファイルで、httpとhttpsの設定が必要。 $ npm config set proxy http://proxy.company.com:8080 $ npm config set https-proxy http://proxy.company.com:8080 インストール
Azure WebAppsにNuxt.js+Expressの環境をデプロイするために頑張ったメモ - Qiita
前置き 先日 @n0bisuke さんが Qiita に書いた記事「Azure Web AppsにNuxt.js+Expressの環境をDockerでデプロイしたときのメモ」に、 けっこうハマって@horihiroさんに色々質問して助けてもらいました。 と書いていただきましたが、実際は一緒にハマってた上、中が Windows の方の Web Apps と勘違いして、見当違いな調査をしてたりしました。 # n0bisuke さんが動かしたかったのは、Web Apps for Containers （前述の記事）、または App Service on Linux でした。 ただ、見当違いながら、Windows の方の Web Apps (以下、Web Apps)の方も調べた結果、いろいろ分かったのでメモとして残しておきます。 なぜ Web Apps で nuxt-community/expre
今から始めるReact入門 〜 flux編 - Qiita
目次 今から始めるReact入門 〜 React の基本 今から始めるReact入門 〜 React Router 編 今から始めるReact入門 〜 flux編 ←★ここ 今から始めるReact入門 〜 Redux 編: immutability とは 今から始めるReact入門 〜 Redux 編: Redux 単体で状態管理をしっかり理解する 今から始めるReact入門 〜 Redux 編: Redux アプリケーションを作成する 今から始めるReact入門 〜 Mobx 編 はじめに この記事は"今から始めるReact入門" 記事の続編です。最初から読む場合は以下の記事からスタートしてください。 今から始めるReact入門 〜 React の基本 flux とは Flux とはユーザインタフェースを構築するためのアプリケーションアーキテクチャです。 React は状態管理についての
脱webpack : ejs編 - Qiita
はじめに 現在フロントエンド開発環境のうち、一部のwebpack依存処理をnode.jsスクリプトに置き換えています。 本記事はその結果のうち、ejsをnode.jsスクリプトで変換する方法を共有するためのものです。 ejsとは ejsは、html内にjavascriptの構文を埋め込めるjavascriptテンプレートエンジンです。 htmlの一部分を外部ファイル化してincludeできる 外部変数を読み込んで複数のhtmlを生成できる 配列を利用してDOMの繰り返しを生成できる などの利点があります。構文についてはこちらの記事に詳しく情報が載っています。 テンプレートエンジンEJSで使える便利な構文まとめ なぜejsを選ぶのか 同種のjavascriptテンプレートエンジンとしてhamlやPugなどがあります。これらのテンプレートエンジンはejsよりもさらに踏み込んで、htmlタグ自体
TypeScript メモ - Qiita
import * as React from 'react'; import { View } from './view'; // Propsの型定義 interface IProps { name: string; } interface IState { count: number; } export class Profile extends React.Component<IProps, IState> { constructor(props) { super(props); this.state = { count: 0, }; } handleClick() { const text_element = document.getElementsByClassName("modal")[0]; if (text_element.className === "modal on")
TypeScript メモ 2 - Qiita
{ "compileOnSave": false, "compilerOptions": { "target": "es5", "module": "es2015", "jsx": "react", "moduleResolution": "node", "allowSyntheticDefaultImports": true, "noUnusedLocals": true, "noUnusedParameters": true, "removeComments": false, "preserveConstEnums": true, "sourceMap": true, "skipLibCheck": true, "baseUrl": ".", "lib": ["dom", "es2018"] } } { "compilerOptions": { "module": "commonjs"
TypeScript メモ 3 便利グッズ - Qiita
input HTMLInputElement = <HTMLInputElement> inputに const samplae: NodeListOf<Element> = app!.querySelectorAll(""); listに interface HTMLElementEvent<T extends HTMLElement> extends Event { path: T;//ジェネリック } addEventListener('click', (e: HTMLElementEvent<HTMLInputElement>) => {}); addEventListener時にも const target = items_arr.filter((item) => { return item; }); 便利 mapでも利用はもちろんできる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
vue.js で baseurl を変更する方法 - Qiita
シンプルなNodeサーバ - Qiita
Node.jsのmodule.exportsで外部から値を参照する
Angularで検索可能なセレクトボックスを設置する - Qiita
Setup node.js express server on IIS - Qiita
Node.jsのインストール - Qiita
