Clik here to view.
【npm】nodistによるNode.jsとnpmのバージョン管理
要約AngularやExpressといったNode.jsをテーマとするweb教材では、Node.jsをNode.jsの公式サイトからインストールすることが多いです。しかし、この方法ではNode.jsの管理ができず、以後の学習に困ってしまいます。そこで、まずはNode.jsのバージョン管理ツールであるnodistをインストール、次にNode.jsをインストール、最後に必要なnpmパッケージをインストー...
View Articlenode.js+ExpressでGETデータとPOSTデータを取得しよう
はじめにnode.jsを触り始めて数週間経ちフォームからデータを受け取る方法がなんとなくわかってきたので自分用の備忘録兼初心者向けの記事として書き留めておきます。Qiitaの記事を書くのが久しぶりなので誤字や表記ミス等あるかもしれませんご了承ください（コメントで指摘してくださると助かります）環境OS windows10node.js v12.18.4Express v4.17.1...
View ArticleClik here to view.
吉報報告アプリをつくってみた！っていう話
コロナ渦の中、皆様いかがお過ごしですか？少しでも元気になるシステム開発できないかな〜と思いまして、吉報を全社で喜ぶためのアプリを開発しました。プログラムの詳細は、書かないですが、どんな構成で作ったかを紹介します！開発リミットが2日しかなかったので、作り込んではいないです。😣（そのうちの1日はどんな音楽がテンション上がるかで費やしました。）吉報を報告するアプリってどんなの？チャットワークに、メッセージ...
View ArticleTerminal: npm install -g nodemon で Missing access となる問題について
sudo chown -R $(whoami) /usr/local/bin /usr/local/lib /usr/local/include...
View Article[作り方] discord.js グローバルVC(グローバルボイスチャット)
グローバルVCを作ってみた。NeoXBotというdiscordのbotを作ったときに、グローバルボイスチャットのリクエストがあったので、先月ごろ作りました。準備・"discord.js"をnpmからインストールnpm install discord.js ・音声用に "discordjs/opus"を同じくnpmからインストールnpm install @discordjs/opus /**...
View ArticleClik here to view.
React開発時の汎用的なGitpod環境設定
開発時に、オンラインエディタであるGitpodを利用する機会があります。同様の技術利用が多いため、環境テンプレートを作成する必要があります。今回はReactを利用した開発においてのGitpod設定を記述します。※Gitpodの概要や利用方法に関しては、こちら前提Reactプロジェクトの準備...
View Articlenginx + expressをfargate 4coreで動かす
nginx + expressをfargateに詰め込むunix socket を使って繋ぐexpressは4プロセス立ち上げるnode clusterは使わないパターン、socketが競合してしまったので。共通ボリュームにapi1.sock - api4.sockを設定して、nginxからupstreamするapi共通ボリュームをVolumeにしておくVOLUME...
View ArticleClik here to view.
【React + TypeScript】プロジェクト開始時tsconfig.jsonに追記しておくべき設定2点
はじめにTypeScriptでReactアプリを作成する際、TypeScript設定ファイルの「tsconfig.json」に追記しておくと良い設定について記録しておきます。アプリはnodeインストール済みの環境で以下コマンドを発行して作成したものとします。npx create-react-app hello-world --template typescript...
View ArticleClik here to view.
非同期のパターン(プロミスって？？)
はじめに非同期パターンのプロミスについて、自分なりにまとめてみることにしました。プロミスとはプロミスを簡単に説明するなら、「非同期処理の結果の値(失敗も含む)を表現するオブジェクト」です。プロミスの動作非同期処理をする、ある関数(Function A)があった時、このFunction Aを呼び出すとPromiseを返します。このPromiseは、非同期処理が完了(fulfilled) or...
View ArticleNode.jsについて超ミニマムに解説してみる
超ミニマムシリーズとは様々な事柄に関して超短く解説するシリーズです。これを読んであなたの興味が沸き、その飽くことのない知識欲を満たすことを願っています。Node.jsとは「サーバー側で実行されるJavaScript」プログラミング言語と言語処理系については➡プログラミング言語と言語処理系について超ミニマムに解説してみるchromeの言語処理系とNode.jsの言語処理系は同じ！？chromeの言語処...
View ArticleVisual Studio CodeでChromeを起動してNode.jsをデバッグする設定
すぐ忘れるのでメモ拡張機能より「Debugger for Chrome」をインストールhttps://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome.vscode/launch.jsonに以下を記述{"version":"0.2.0","configurations":[{"name":"Launch...
View ArticleNuxtjsでgenerate時に、公開しているページのtitleとurlのリストを作成する
※力技での解決法です。絶対もっと良い方法があるはず。発端としては、フロントのNuxt側でデータを受け取るだけでなく、外部に渡せる形で書き出せないか？と思ったこと。ググったけど、あまり情報が見当たらず、「そもそもこの発想自体がズレてるのでは？」と思えてきたが、とりあえず作ってみた。内容としてはシンプルに、nuxt generateで生成された...
View Articleejsの立ち上げかた[node.js]
ejsのインストール=>npmを使用する。(1)npm init初期化をして、package.jsonを作成する※この時にできたpackage.jsonのnameと同名のパッケージはインストール時に拒否されるので注意(2)npm install ejsejsのインストール カレントディレクトリにnode_modulesフォルダが生成され、EJSの実態がインストールされる
View Articleexpressインストール[node.js - ejs]
Expressのインストール(1)npmの初期化npm init =>package.jsonが生成される(2)Expressのインストールnpm install express...
View ArticleClik here to view.
昔懐かしの Robots を TypeScript で実装する (CUI ver.)
TypeScriptとお友達になりたくて・・・はじめにRobots1をTypeScript で実装してみた（でも、CUI）Robots についてrobots -...
View ArticleWindows10 Node.jsのバージョン管理
背景windows10でnode.jsをインストール、バージョン管理の方法についてまとめる。開発環境 windows10 64bit結論この記事がとても参考になった。m(_...
View Articlenpm v7で`npm ci`後にプロジェクト自身の`postinstall`が実行されなくなった
2020-10-20にリリースされたNodeJS 15系からnpmはV7になっている。https://nodejs.org/en/download/releases/TravisCIで特定のバージョンを指定せず node指定していた場合、 2020/12/23時点でがインストールされる。$ node --version v15.0.1 $ npm --version 7.0.3 $ nvm...
View ArticleClik here to view.
Lambda コンソールで使う AWS SDK を最新にする
はじめにLambda を使って新しいサービスを使ってみたり、既存のサービスをちょっと試したいときに Lambda コンソールで実装をすることがあると思います。しかし、Lambda コンソールで提供されている AWS SDK 実行環境は最新とは限らないため、そのままでは新しいサービスを使えないときがあります。ここでは、そのようなときに Lambda レイヤーをつかって Lambda コンソールの...
View ArticleClik here to view.
LINE Messaging API + AWS + GASでサーバーレスな体温管理
LINEベースで連絡をとっているサークルで、体温を毎日はかり各自Googleスプレッドシートに書き込んで管理していたのですが、回答率が悪く、またLINEでリマインドをすると他の連絡事項などのメッセージが流れていく、、ということが起こっていました。そこで、LINEの公式アカウントを作り、そこで毎日体温のリマインドをし、そこに返信したらスプシに自動で書き込まれる、というシステムを今まで触れたことがなかっ...
View ArticleAngular環境構築 これだけでOK！
はじめにAngularの開発環境をはじめて構築する人に向けて書いています。この記事を読むと，MacでのAngularの開発環境を構築できるようになります！！この記事を実施した環境・macOS Catalina 10.15.7・Homebrew 2.4.12・Nodebrew 1.0.1・Nodo.js 12.13.1・npm package manager 6.14.8・Angular CLI...
View Article
