【BTP】Node.jsとPostgreSQLでシンプルなアプリケーションを作成（1）準備編
はじめに 先日、以下の記事を書きました。 【CAP】CAPをBTPのPostgreSQLにデプロイ 上記の記事で紹介したcds-pg、cds-dbmを使うと、CAPで作成したCDSモデルをPostgreSQLにデプロイして使うことができます。...
View Article[m1]asdfでバージョン管理を行なったnodejsを使うまで[mac]
asdfとは いろんな言語のバージョン管理がまとめてできるやつ（雑） 類似ツール: anyenv 環境 MacBook Air (M1, 2020) asdf % brew install asdf zshを使ってるので以下を実行 % echo -e "\n. $(brew --prefix asdf)/asdf.sh" >> ${ZDOTDIR:-~}/.zshrc node 準備...
View Article【BTP】Node.jsとPostgreSQLでシンプルなアプリケーションを作成（2）CRUD処理編
はじめに この記事は、Node.jsとPostgreSQLでシンプルなアプリケーションを作成シリーズの2回目です。 前回の記事では、Node.jsで作ったシンプルなアプリケーションがBTP上のPostgreSQLに接続できるところまでを確認しました。 この記事のゴール Node.jsアプリケーションからPostgreSQLのテーブルに対してCRUD処理を行えるようにする ステップ...
View ArticleBrightcove LIVE APIからデータ取得する方法(Lambda@Edge)
サーバーサイドの実装(Lambda@Edge - node.js) ※注意: GETとPUT(パラメータなし)のみ動作確認しています。 POSTやDELETEはパラメータの書き方が違うはずなので、別途実装する必要があります index.js /** * フロントから直接ブライトコーブAPIに問い合わせると、 * CORSポリシー違反でデータ取得ができないため実装した * *...
View ArticleContent security policyはレスポンスヘッダの記述が優先される
概要 htmlのmetaタグにCSPを記述してもレスポンスヘッダー側のCSPが優先される。 CSPで問題が発生したらまずブラウザのレスポンスヘッダーを確認しましょう。 人様のミドルウェアを使うときはきちんとドキュメントを読もう。 発生した問題...
View Article【覚書】ts-node で Node.js のバッチを書く
TypeScript でバッチを書いたり簡易サーバー立てたりしたいと思ったけど、 あんまり余計なものを入れないでやりたいので、その方法を調べた。 基本 まず ts-node を入れる。 npm i typescript ts-node @types/node tsconfig.json はこうする。 { "compilerOptions": { "module": "ESNext" } }...
View Articlestrapiのプラグインを左メニューに表示させる方法
はじめに strapiはポストwordpressとして非常に期待しているのですが、日本語の資料が少ないので苦労しており、少しでも参考になればと思います。 今回は、自作したプラグインを管理ページに表示させようとしたところ、yarn developとyarn startで起動した場合にプラグインが表示されない問題が発生したので解決方法を記載しています。 動作環境 Mac: MacBookPro...
View ArticleTypeScriptでNodeモジュールを作成してnpm公開するまで
0. はじめに Nodeモジュールをnpm公開までしたことなかったなーと思い、ひまだったので備忘録として手順をまとめました。 1. Nodeモジュールを作成する 今回はmicroCMS(じゃなくてもいいけど)からデータを取得するだけの超ミニマムなNodeモジュールを作成していきます。 1-1. package.jsonを作成する 以下のコマンドを実行してpackage.jsonを作成します。...
View Article[Node] AWS Lambda標準ライブラリでPOST
こんにちは take-2405です。 AWS LambdaでSlack botを作成しました。 参考にさせていただいた記事 お急ぎの方用 const https = require('https'); const querystring = require('querystring'); . . . var post_data =...
View ArticleJavaScriptで数字に日本語の桁（万・億・兆）を付ける
数字に日本語の桁（万・億・兆）を付けられるJavaScriptのライブラリを探していたのですが、見つからなかったので関数を作りました。 例えば、1002000400000を1兆20億40万に変換する感じです。 実際に作った関数は以下になります。 const toJaNum = (num) => { if (typeof num === "number") { num =...
View ArticlenexeでNode.jsのアプリをパッケージングしようとしたらNode.jsのバージョンで怒られた
nexeでNode.jsのアプリをパッケージングしようとしたらNode.jsのバージョンで怒られた 久しぶりにNode.jsのアプリのパッケージングで、exeファイル作ろうとしてみたらエラーで怒られたので回避策を掲載しておきます。 私の環境(ERROR再現時) Windows 10 nvm-windows で node.js のバージョン管理 node.js : v14.17.0 npm :...
View ArticleReact コマンドメモ
新規作成 $ npx create-react-app [プロジェクト名] # TSX(JSXのTypeScript版)で作りたい時 # --template typescriptをつける $ npx create-react-app --template typescript [プロジェクト名] 開発サーバー起動 $ npm start ビルドしてHTML/CSS/JSファイルを生成 $ npm...
View ArticleNuxtで画像ダウンロードツール作ってみた
以前、↓の記事でCLIの画像ダウンロードツールを作ったのですが、不要な画像までダウンロードされてしまうのでGUI化し、選択してダウンロードできる様にしてみました。 今回作ったツール 機能紹介 使い方は簡単です ダウンロードしたい画像のあるサイトのURLを入力し、検索します ダウンロードしたい画像を選択します（選択した画像は赤くなります） ダウンロードボタンを押してダウンロードします...
View Article【覚書】create-react-app でホットリロードが効かないときの対処法
まず cross-env を入れる npm i -D cross-env 次に package.json の scripts.start を書き換える { "scripts": { "start": "cross-env FAST_REFRESH=false react-scripts start" } } 以上。
View Articlerails6 でrails sしようとしたらエラーが出た。（Webpacker::Manifest::MissingEntryError)
rails6はあまり使って開発したことがなく、半日以上時間がかかってしまったので、備忘録として、 内容 rails s でサーバー起動 デフォルトページは表示されていた？ ルーティングを設定して、簡単にtopページを表示しようとしたらエラー発生（Webpacker::Manifest::MissingEntryError） ・ruby 2.7.2 ・rails 6.1.3 ・mac os 原因...
View ArticlePWAでお手軽にクロスプラットフォームでテキスト共有
PWAを使えば、簡単にアプリ化できて、なおかつ通知を受けられるので、今回は、Windows・Android・iPhoneで、テキストを共有するPAWアプリを作成します。（世の中にいろんなツールがありますが、自分で作った方が安心なので。。。） 大した技術は使っていなくて、以下の投稿さえわかれば実装できます。 PWAを試してみよう GitHubにもろもろ上げておきました。...
View ArticleDockerでTypeScript×Node.js×Expressの環境構築
やること Node.jsとExpressの環境構築をDocker上で行います。 また、TypeScriptでの開発を行うためにTypeScript環境のインストールも行います。 まずNode.js×Expressの環境構築後、TypeScriptをインストール、設定します。 準備 Docker Desktopのインストール こちらからDocker Desktopをインストールします。...
View ArticleLinuxサーバーにPostgreSQL導入～外部サーバー接続まで
今回の流れ ➀PostgreSQLの導入 ➁ローカルアプリ接続（Node.js） ➂外部サーバーアプリ接続（Node.js） ➀PostgreSQLの導入 サーバーはさくらのVPSのCentOS8です。 まずは下記からOSに応じたリポジトリURLを取得します。 https://yum.postgresql.org/repopackages/ 今回はCentOS 8 -...
View ArticleBLEビーコンとソラコムAPIでつい押してみたくなる出退勤記録ボタンを作る
初めに 業務開始・終了を記録するときに、うっかり忘れてしまうことないでしょうか？ 私はあります。パソコンを起動するとすぐに仕事のことが気になって。。 そこで、業務開始・終了、昼食開始・終了を記録したら、”少しだけ”メリットをもらえる、つい押してみたくなるボタンを作りました。 業務開始：業務開始時刻と今日の天気予報を教えてくれる。（＋励ましてくれる）...
View ArticleExpress（Node.js）で最初のページを作る
はじめに Node.jsでJavaScript＋HTMLのWebサイトを作成する際に、１から作るよりフレームワークを利用したほうが簡単です。そのフレームワークの一つであるExpressを利用してWebサイトを作りたいという時があります。 Expressで新しいWebサイトを作る際の最初に実行するコマンドについて、時間が空くと忘れてしまいがちで、毎回調べては不安になるので自分用にメモを残します。 環境...
View Article