Clik here to view.
初心者がReact+FirebaseでWebアプリを作成する⑤ ～React Routerを使ったら認証機能の間違いに気付いた～
④の続きです。一枚板では画面もコードも見づらいので、 React Routerでページ遷移できるようにします。↓React Router公式ページのquickstartを参考にしました。https://reacttraining.com/react-router/web/guides/quick-startひとまずコマンドでreact-router-domをインストール。npm install...
View ArticleClik here to view.
renovate-config レポジトリを作成して renovate の設定を共通化する
はじめにNPM パッケージの更新管理といえば renovate か dependabot かの二択な近頃。dependabot はクリティカルなセキュリティイシューだけ管理したら良いものに、renovate は全部クリーンにしておきたいものに適用している人も多いかと思います。そのシチュエーションにおいて困ってくるのが renovate...
View ArticleClik here to view.
dbpediaの研究 その29
概要dbpediaが難解なので、手出してみる。 node.jsで、取得してみた。サンプルコードprocess.stdin.resume(); process.stdin.setEncoding('utf8'); var http = require('http'); const querystring = require('querystring'); const HOST =...
View Article「たった30秒でREST APIのモックが作れ」なかった話
こんにちは、wattak777です。必要に迫られREST APIを受け付けられるダミーサーバを作ることになりまして、出来るだけ手抜きで効率よく構築する手段はないものか、と構築しようとして手抜きの目論見がバレたのか少々ハマった話を展開しておきます。当初LinuxをDockerかVirtualBoxに入れてやるか、と考えていたのですが、手持ちのPCがWindows...
View ArticleNode-REDのfunctionノードでjsライブラリをrequireする方法（備忘録）
概要 Node-REDのfunctionノードで、jsライブラリ(node-module)を読み込んで使いたい場面が出てきました。functionノードで直接”require”できないので苦戦し、なんとか利用できたので備忘録として残します。方法1. ターミナルを開き利用したいライブラリをnpmでインストールこのとき、Node-REDのシステムファイルがある「.node-red」にインストールします。...
View ArticleMacでパッケージ版Node.jsのアンインストール
概要Mac OS Mojaveでパッケージ版Node.jsを。環境Mac OS Mojave 10.14.6Node.js v4.5.0 (どんだけ古いねん!)状況色々なサイトで書かれている下記ではNo such file or directoryエラー lsbom -f -l -s -pf /var/db/receipts/org.nodejs.node.pkg.bom \ | while...
View ArticleClik here to view.
Node.js (3)ウェブサーバー連携
ウェブサーバー作る先ずはhttp要求とport設定を書き込む、そして、node.jsのウェブサーバー機能を組み立てる。app.jsvarhttp=require('http');http.createServer(function(request,response){//requestとresponseにつてデータ転送文ここに書く...}).listen(8080)テータ転送の基本の概念はブラウザか...
View ArticleClik here to view.
#AWS ElasticBeanStalk + Amazon Linux + #node + puppteer + headless Chrome で...
まとめChrome のバイナリをインストールする node API の puppeteer をインストールするChrome バイナリのパスを指定して node の変換スクリプトを実行する以上環境nodejs プラットフォーム の Web環境で試すssh 接続するeb ssh <ENV-name>node installなぜか入っていないのでインストールする。curl -sL...
View Articlenode UI/Server framework 調べ
nuxt.js の作成時に選択できる framework のかんたんな比較 (2019/11/10)UI frameworkスターAnt Design Vue8.6kBootstrap Vue10.3kBuefy6.6kBulma37.3kElement42.1kFramevuerk192iView22.7kTachyons9.3kTailwind...
View ArticleClik here to view.
headless Chrome で HTMLファイルから PDF変換したいけど 一時ファイル生成をしたくないので #node の...
実行環境AWS ElasticBeanStalk の nodejs プラットフォーム環境でトライした。$ cat os-release NAME="Amazon Linux AMI" VERSION="2018.03" ID="amzn" ID_LIKE="rhel fedora" VERSION_ID="2018.03" PRETTY_NAME="Amazon Linux AMI 2018.03"...
View ArticleNode.js(4):module PATH
パス確認node.jsパスモジュールはディレクトリとファイルパスが取れる。先ずは今のパスを確認する。app.jsconsole.log(__dirname);//ディレクトリパスconsole.log(__filename);//ファイルパスterminal$node app.js /Users/xxxxx/node_practice/path...
View ArticleClik here to view.
新Github Actions を使って npm audit fix と PR 作成を自動化してみた
Security Alerts に怒られる前になんとかしたい！やりたいことNode.js であればnpm audit fixで行える依存ライブラリの更新のような保守作業…。日頃意識していないとなかなか手につかないので自動で Pull Request 作成までできるようにしたい。欲を言えば、Approve や Merge も自動でやってほしい。（今回はやらない）Github...
View ArticleRHEL 8にNode.js 12をインストール（AppStream）
はじめにApplication Stream(AppStream)を利用してRHEL8にNode.js 12をインストール (https://qiita.com/witchcraze/items/df4a0baaaad9c932ea30)参考：RHEL8のパッケージ構成 - BaseOSとApplication Stream - 赤帽エンジニアブログサポート本手法で導入した場合、Red Hat...
View ArticleRHEL 8にNode.js 10をインストール（AppStream）
はじめにApplication Stream(AppStream)を利用してRHEL8にNode.js 10をインストール (https://qiita.com/witchcraze/items/df4a0baaaad9c932ea30)参考：RHEL8のパッケージ構成 - BaseOSとApplication Stream - 赤帽エンジニアブログサポート本手法で導入した場合、Red Hat...
View ArticleClik here to view.
Online完結！Web開発環境クッキングレシピ[ver 2019.11]-その１
サマリーWeb開発を学習しようとする場合、開発環境を準備したり、実行環境を準備したりするまでの流れをつかみ取るのは、実際のところハードルが高いと思います（Web系開発であればなおさら）。初学者の方でも環境構築まで、つまづかずに行える手順の1つとして思案し、参考になる記事作成をしたいと思い、執筆してみます（ちなみに、筆者は業務ではWeb開発も、Linux系環境も専門外なので、その点はご容赦くださいませ...
View ArticleClik here to view.
Online完結！Web開発環境クッキングレシピ[ver 2019.11]-その２
Online完結！Web開発環境クッキングレシピ[ver 2019.11]-その１、の続きです手順.5 node.jsで実行するコードを整備するログインしたGitpodのページで画面下部のところが、Terminalになっています。ここで、コマンドを入力して、node.js用のコードを整備していきます。npm init すべての質問にEnterとして終了させます今の質問の中で、entry...
View ArticleClik here to view.
Online完結！Web開発環境クッキングレシピ[ver 2019.11]-その３
Online完結！Web開発環境クッキングレシピ[ver 2019.11]-その２、の続きです手順.8 Heroku用ファイルを追加して、リポジトリを更新Web開発環境クッキングレシピ[ver 2019.11]-その２、の継続で、gitpodへログインし、.heroku.dockerfileとheroku.ymlファイルを追加しますheroku.dockerfileFROM...
View ArticleClik here to view.
#docker alpine + headless Chrome + #node pm2 + html-pdf-chrome で HTML PDF...
html-pdf-chromehttps://github.com/westy92/html-pdf-chromepuppeteer ではないHTMLファイルではなくソースを渡した時にPDF変換したいdockerdocker run -it alpine ash chromium フォント nodejs をインストールapk add --update udev ttf-freefont...
View ArticleNode(express)でサーバーを立てた時、 CORSエラー出てしまったらヘッダー情報を追加しよう
状況・経緯Node(express)を使用してAPIを作成。そのAPIを別で立てたローカルサーバーでアクセスしたら以下のようなエラーが出た。Access to fetch at 'http://localhost:3000/' from origin 'http://127.0.0.1:8080' has been blocked by CORS policy: No...
View Article