- 1. nuxtでDOMException: Failed to execute ‘appendChild’ on ‘Node’エラー
- 2. amazon-qldb-driver-nodejsからQLDBを使う①（接続編）
- 3. docker コマンドだけで起動する proxy サーバ
- 4. Auth0のログをリアルタイムでエクスポートできるようになったぞー
- 5. 花粉症対策デジタル医療相談Botの開発 GASでユーザー毎に飛散予測を定時プッシュ
- 6. AWS Lambda入門(Node編)
- 7. AIに歌を聞かせた。そして彼は笑顔?になった。(COTOHA-感情分析API)
- 8. Windowsでnpm startしたときに「内部コマンドまたは外部コマンド～」と出てくる現象と戦う
- 9. RESTサーバのMockを簡単に作る方法
- 10. Kabaneroプロジェクトアップデート(2020年2月25日)
- 11. node.js学習メモ
- 12. GETとPOST
- 13. npmコマンドの直列処理、並列処理の簡単な記述
- 14. Windowsでのnpm installの使い方
- 15. Text-to-Speech APIと関連ライブラリまとめ
- 16. NuxtとNode.jsサーバーでSlack通知実装
- 17. javascriptでcontent-typeを自動で取得する方法
- 18. Nuxt.jsの始め方
- 19. node.jsインストール直後の状態でpackage.jsonをアップデートする方法 ～npmグローバルインストール一切不要～
- 20. node.jsからMongoDBに接続してDocumentを登録する。
nuxtでDOMException: Failed to execute ‘appendChild’ on ‘Node’エラー
#Failed to execute ‘appendChild’ on ‘Node’
`nuxt` でこんな感じのエラーが出る
因みに`dev` では出ない。“`
DOMException: Failed to execute ‘appendChild’ on ‘Node’: This node type does not support this method.
at Object.appendChild
“`#原因
`` タグ内に `` が入ってると起こる
色々なエラーにつながるので原因究明がしづらい。注意。
amazon-qldb-driver-nodejsからQLDBを使う①（接続編）
## QLDBとは
https://aws.amazon.com/jp/qldb/
Amazonが提供するフルマネージド型の台帳データベースです。
ブロックチェーンとは異なり中央集権で管理されます。データに対する変更は全て記録され、後から確認可能なようです。
また、変更履歴が正確であることを暗号的に検証する機能を提供しています。
https://docs.aws.amazon.com/qldb/latest/developerguide/verification.html中央集権からトランザクションの実行時にネットワーク参加者の合意を経る必要がないため、一般的なブロックチェーンベースのフレームワークより高いスループットが出るようです。
以上から、「データの信頼性やトレーサビリティを担保したいけど、分散型である必要はない」などの場合にとても魅力的な選択肢になりそうです。
## amazon-qldb-driver-nodejsについて
プログラムからアクセスする場合は現状はJavaのdriverを使うのが主流なようです。
nodejs用のdriverも用意されており、今
docker コマンドだけで起動する proxy サーバ
[proxy](https://www.npmjs.com/package/proxy) という npm パッケージを node コンテナで実行するだけでお手軽に proxy サーバが起動できる。
## コマンド
“`terminal
$ docker run –rm -p 8888:3128 node npx proxy
“`* proxy コマンドはデフォルトで `3128` ポートをListenするのでそれをホスト側の `8888` にポートマッピングしている
## ブラウザの設定(Firefoxの場合)
[](https://gyazo.com/2eb1934ca5363809fe8d8e68da81b73b)
* Manual Proxy setting でホスト名を `localhost`、ポート番号を先のコマンドでポートマッピングしたportに設定
## 参考
* [npm 5.2.0の新機能
Auth0のログをリアルタイムでエクスポートできるようになったぞー
[Auth0のログをBigQueryを使って永続化したかった – Qiita](https://qiita.com/akagire/items/4e9f2028915f6e31c8b4)
こちらの記事でも書かせていただいたとおり、 Auth0 のログ保有期間 Enterprise でも30日と、比較的保有期間が短いことがネックになっていました。私が今担当しているプロジェクトでは Firebase を利用しているため、
ログを定期的に API を使って取得し、 Storage にエクスポートしています。ふとダッシュボードを見ると、Logs の中に Streams という機能が追加されており、見ると AWS の EventBridge と Webhook が使えそうなので、早速使ってみました。
## Log Streams
[Log Streams – Auth0](https://auth0.com/docs/logs/streams)
[HTTP Event Log Streams – Auth0](https://auth0.com/docs/logs/streams/ht
花粉症対策デジタル医療相談Botの開発 GASでユーザー毎に飛散予測を定時プッシュ
##概要
現在スギ花粉症患者さん向けに医療機関を受診しなくてもLINEで市販の医療用医薬品を使い分けることが出来るサービスを開発中です。3月4日までCAMPFIREでテスト版ユーザー募集中です。花粉症の方は是非ご参加ください！
CAMPFIREのプロジェクトページはこちら
[LINEで花粉症の重症度や最適な市販薬がわかるデジタル医療相談【アレルナビ】](https://camp-fire.jp/projects/view/218592)以前のQiita記事はこちら
[花粉症対策デジタル医療相談Botの開発 ユーザーIDと位置情報をFirestoreで管理](https://qiita.com/doikatsuyuki/items/375a827c8f8e9fbc4937)ユーザーが特定した地点のピンポイント花粉飛散予測を定時にプッシュする機能を開発中なのでその辺りをまとめました。
##作成方法
**1. 気象予測API**
今回のアプリではこちらの気象APIを利用しています。
[Lifesocket](https://lab.life-socket.jp/life_so
AWS Lambda入門(Node編)
## 概要
– ServerlessFrameworkを使ってLambda関数を作り、ローカルで動作確認したあとにAWSにデプロイしてアクセスするところまでやってみます
## Lambdaとは
– LambdaはAWSが提供するサービスの1つで以下のような特徴を持ちます
### サーバーレス
– 通常のアプリケーションはサーバにデプロイし稼働させることでアクセスすることができますが、当然サーバが止まっていたら利用することはできません
– Lambdaはサーバーレスに分類されるサービスで、アクセスがあるとそのつど起動し処理が実行され終了すると停止します
– つまりLambdaはサーバの死活監視のようなことをする必要がなく、また課金も実行時間単位なので金銭面でもお得といった特徴があります### FaaS
– LambdaはいわゆるFaaS(Function as a Service)に分類されます
– つまり、Function(関数)をデプロイして、それを公開するサービスというわけですね## 関数の作成
– 今回は[ServerlessFramework](https
AIに歌を聞かせた。そして彼は笑顔?になった。(COTOHA-感情分析API)
# 概要
歌を聞かせた。
彼はその歌を聴き、
Positiveな感情になると笑い?、
Negativeな感情になると怒り?、
Neutralな感情になると。。。?([COTOHA](https://api.ce-cotoha.com/contents/index.html)の[感情分析API](https://api.ce-cotoha.com/contents/reference/apireference.html#sentiment)を使って、歌の歌詞からどのような感情をくみ取るのかを試した。[COTOHA API for Developers](https://api.ce-cotoha.com/contents/developers/index.html)に登録してすぐに、感情分析APIを試せるよう[**WEBアプリ**](https://cotoha-demo.now.sh/)も作った。)
# 結果
とりあえず歴代CDシングル売り上げ枚数ランキングを聞かせた。
「1位から順に！カウントアップ！?」## 1.（457.7万枚）およげ！たいやきくん
“`:?
“
Windowsでnpm startしたときに「内部コマンドまたは外部コマンド～」と出てくる現象と戦う
# 1. 問題発生
[Webpackをglobalにインストールすることが非推奨](https://webpack.js.org/guides/shimming/)であることを知り、
“` cmd
> npm remove -g webpack webpack-cli
“`としたところ、既存のプロジェクトにて
“` cmd
> npm run build
‘webpack’ は、内部コマンドまたは外部コマンド、
操作可能なプログラムまたはバッチ ファイルとして認識されていません。
“`と出てしまった。
package.json の scripts はこんな感じ“` package.json
“scripts”: {
“build”: “webpack –mode development”,
}
“`ひとまずこれは再度グローバルにインストールすることで回避していたが、
ある日、Reactの勉強を始めようとしたところ、“` cmd
> npx create-react-app pwa-sample
> cd pwa-sample
> yarn
RESTサーバのMockを簡単に作る方法
# node.jsのjson-serverを利用する
json-serverというライブラリが素敵な感じ。## 導入
ローカルに導入するとして。。。
1. 展開場所確保
npm init
2. インストール
npm install json-server
3. キック用にpackage.jason書き換え“`package.json
“scripts”: {
“test”: “echo \”Error: no test specified\” && exit 1″,
“json-server”: “json-server”
},
“`
4.mockデータファイル用意。例えばこんな感じのjsonだとするとtop下の階層がエンドポイントになる感じ。“`mockdata.json
{
“movies”: [
{ “title”: “マトリックス”, “rating”: 9.1},
{ “title”: “タイタニック”, “rating”: 8.8}
],
“user”: [
{“name”: “fukuhara”,
Kabaneroプロジェクトアップデート(2020年2月25日)
昨年プロジェクトが発表されたKabaneroですが順調にいろんなコンポーネントが揃ってきたようです。今日は実際にどんな風に使えるのという観点でまとめてみました。
https://kabanero.io/GitHub
Kabanero https://github.com/kabanero-io#Kabaneroとは？
昨年 @yamachan360 が書かれている基本方針は変わらないです。参考にしてください。
Kabanero 公式ページをざっと翻訳してみた (2019年8月版)
https://qiita.com/yamachan360/items/7b4a53758ecdbe876a5f-日本IBMの紹介サイト
BLOG IBM から始まった新しいオープン・ソース・プロジェクト Kabanero を使用して、Kubernetes
node.js学習メモ
関数の引数のrequestには、ブラウザからアクセスがあった時に情報が入ってきて(url,methodなどの情報)、情報を取り出すときは、関数内で
“`
request.メソッド
“`で情報を取り出せる。
GETとPOST
#GET
普通にwebサイトにアクセスするとき、Webブラウザは「GET」という方式でアクセスをしています。
GETはアクセスの基本と考えていいでしょう。GETは「いつ、どこからどうアクセスしても同じ結果が返されされる」というようなものに使います。
#POST
「POST」といのは、フォームなどを送信するときの基本となる送信方式です。POSTは「その時、その状況でその表示」を行うような場合に使われます。
#参考
node.js超入門 p130
npmコマンドの直列処理、並列処理の簡単な記述
`npm`コマンドを簡単に記述して、直列処理、並列処理を行います。
# 前提条件
– npmがインストールされていること
– package.jsonがあること# インストール
“`shell
$ npm install -D npm-run-all
“`# 使い方
## 設定**package.json**
`run-s`の後にコマンドを書くと直列、`run-p`の後にコマンドを書くと並列で処理を行ってくれます。
コマンドを`hello:*`と書くと、当てはまるすべてのコマンドを処理します。“`json
{
“scripts”: {
“hello:foo”: “echo FOO”,
“hello:bar”: “echo BAR”,
“hello-s”: “run-s hello:foo hello:bar”,
“hello-p”: “run-p hello:*”
}
}
“`## 実行
`npm`コマンドで`hello-s`または`hello-p`を実行します。“`shell
$ npm run hello-
Windowsでのnpm installの使い方
# サマリ
– npm installでパッケージをインストールする際「-g」オプションの有無による違い
– npm install -gによる資材の配置場所の変更方
– npm installでインストールされたパッケージの確認方法
– npm installでインストールされたパッケージの削除方法# 目的
node.jsを学習する際、npm installの使い方がわからず挫折しそうになった。
原因として、各記事で「-g」オプションの有無にばらつきがあり、
「-g」オプションの有無による具体的な違いやnpm install実行後の確認方法がまとまって説明されている記事がなかなか見つからなかった。
同じことで困った人の参考として、自分の実行例と合わせて説明を記載する。# 本文
## 1. npm installコマンドの効果
node.jsで利用するパッケージをダウンロードできる。
ダウンロードしたパッケージはrequireで取得・利用できるようになる。
例）expressをインストールした場合
`var express = require(‘express’)`## 2
Text-to-Speech APIと関連ライブラリまとめ
## Cloud Text-to-Speech
後述するライブラリの大元となるGoogleのAPI。テキストを音声に変換できる。
APIを有効化してAPIキーを取得すれば、スクリプト実行で音声ファイルを作成できる。
ドキュメントの「クイックスタート」にそえば、好きな言語で簡単な音声ファイルを作成することができる。
https://cloud.google.com/text-to-speech/docs/quickstart-client-libraries?hl=ja## google-tts-api
https://www.npmjs.com/package/google-tts-api
Google-Text-to-Speach-APIのnode.js版。
このライブラリだけでAPIの有効化・キー取得などを行うことなく音声ファイルの作成ができる。
しかし一度に音声化できるのは200文字まで。## google-home-notifer
https://github.com/noelportugal/google-home-notifier
このライブラリ内にgoogle
NuxtとNode.jsサーバーでSlack通知実装
##設計
– NuxtベースアプリケーションからSlackに通知する機能を実装したい。
– 定期的な自動再送機能もほしい。
– トークンをNuxt側に置くのはちょっと…そんな要件を満たすためには、Nuxtからサーバーを経由するのもありかなという感じで作成。
##必要なもの
1. Nuxtアプリケーション
2. Node.js (当方Version 13.2.0)
3. 設定済みSlack API (トークンとBot Token Scopesにてchat:write権限が必要。#generalに参加済み）##Nuxtでの実装
求められるものは
1. メッセージ入力
2. 宛先入力
3. 再送間隔 or 再送しないの入力
4. 設定内容のPOSTとりあえず上記の4つを実装すれば最低限機能は満たせそうなので書いていく。
見た目はこの際捨て置く。またquerystringを使っているので未インストールなら
~~~
npm install –save querystring
~~~以下、コード。
“`vue
OTHERカテゴリの最新記事
-
- 2024.09.19
JavaScript関連のことを調べてみた
-
- 2024.09.19
JAVA関連のことを調べてみた
-
- 2024.09.19
iOS関連のことを調べてみた
-
- 2024.09.19
Rails関連のことを調べてみた
-
- 2024.09.19
Lambda関連のことを調べてみた
-
- 2024.09.19
Python関連のことを調べてみた