Node.js & Express & MySQL & React でTODOリスト Herokuにデプロイ編
はじめに前回の続きです。https://qiita.com/hcr1s/items/0e5970c5af496c221a24今回は、前回作成したAPIをHerokuへデプロイしていきます。前提今回は、Herokuのアカウントを所持しており、クレジット登録していることを前提とします。Heroku app作成まずは、git initやheroku createを実行していきます。# 既にgit...
View Article【初心者向け】wsl2上に最新安定板のnode.jsをインストールする方法
筆者環境Microsoft Windows [Version 10.0.19033.1]wsl2 NAME="Ubuntu"VERSION="18.04.3 LTS (Bionic Beaver)"aptのアップデートとaptでnodejsとnpmをインストール$ sudo apt update $ sudo apt upgrade $ sudo apt install node npm $...
View ArticleNuxt.jsで作っているサイトにKARTEのタグを入れてみるメモ
Nuxt.jsで作っているWebサイトにKARTEを入れてみたときのメモです。 NuxtにGoogle アナリティクスを導入する手順とほぼ同じで出来た公式のGoogle アナリティクスを使うには?が参考になります。読んでみると 他のトラッキングサービスでも、同様の方法を使うことができます。って書いてますね。1....
View ArticleNestJS の Module と DI を理解する
この記事は NestJS アドベントカレンダー 2 日目の記事です。はじめに昨日の記事ではアプリケーションを作って一通り動かすところまで説明されました。この中では Module については、デフォルトで生成される AppModule のまま使用しておりますが、大規模になるにつれて Module を分割することになると思います。この記事では、 Module の概要と、 Module...
View Article[exercism.io]VSCodeでJestのデバッグをする方法
概要exercism.ioのJavaScriptコースでJestのデバッグをする方法を紹介します。といっても結局はVSCodeでJestのデバッグをする方法です。方法1.launch.jsonに以下の記述をする。programのパスはjestの実行ファイルがある場所に変えてください。{"version":"0.2.0","configurations":[{"type":"node","reques...
View Article名取さなとお話せぇへん?
全せんせえ待望のアプリがついに誕生したみたいだぞ!?使用例(キモオタボイス注意) pic.twitter.com/niSIhIY46T— まがたま (@hidarikikineko) November 8, 2019はじめに宣伝この記事は Tokyo City University Advent Calendar...
View ArticleCSVデータから大量にHTMLファイルを生成する。
概要神戸市が提供しているオープンデータ「観光施設情報」のCSVを元にHTMLを量産します。制作物・観光地一覧ページ(index.html)・観光地詳細ページ(place**.html)開発環境node v9.3.0 npm v6.12.1 gulp...
View ArticleLINEログインを、Node.js + Herokuでやってみた
お仕事でLINEログインをチームで実装する機会があったので、自分でもできるように小さなサービスを作ってみようと思います。まずは、LINEログインボタンを表示し、それを押すとLINEログインの実行を行い、ログインしたアカウント情報を表示するところまで実装します。サーバサイドはNode.jsを利用し、インフラとしてはHerokuを利用します。(LINEからのcallback...
View Articletypescriptで書かれたnodeアプリ、クライアント サーバ どっちでコンパイルする?
クライアント側でコンパイルして、gitにコンパイル済みjsを含むよ派メリット サーバはpullして実行するだけだから余計なものが入らないデメリット gitにコンパイル済みファイルが混ざる。ローカルでコンパイルするのを忘れて、コンパイル済みファイルがソースコードと違う場合が発生するサーバ側でコンパイルするよ派メリット gitにはソースコードのみ存在して余計なものがないデメリット...
View Articleword2vecの勉強で「ナダルリバースエボリューション」が再現できるのではないかと思いついたのでやってみた
この記事はプロトアウトスタジオ アドベントカレンダー2019 3日目ですプロトアウトスタジオ一期生のおのです!はじめに以前投稿した記事の 「しらける」を「ホワイトキック」に自動変換したかったストーリーの改善を考えたときにword2vecを使用しようと思ってました。...
View Articleローカル環境で LINEWORKS Bot を動かす話
LINEWORKS Advent Calendar 2019 の 3日目を担当させていただきます!どうぞよろしくおねがいしますm( )mさっそくですが、タイトルの通りローカル環境で LINEWORKS Bot を動かす話をしたいと思います。開発用に自由に使えるサーバを持ってない私にとって、LINEWORKS Bot を実際に動かすのに GoogleAppsScripts...
View ArticleVue.js + Express + Sequelize + DockerでCRUD搭載のTodoリストを作ってみる
Vue.js + Express + Sequelize +...
View Article[Node.js]Expressのミドルウェアの基本
はじめにこの記事では、Expressを使いこなす上で必須となる、「ミドルウェア」について説明します。Expressをこれから使い始める方、使い始めて間もない方を対象にした基本的な内容になります。現在の最新バージョンである4.17.1で動作を確認しています。ExpressとミドルウェアExpressはNode.js環境で使われる最も人気のあるWebアプリケーションフレームワークのうちの一つです。最小限...
View ArticleJWTについて
YoutubeのfreeCodeCamp.orgでJWTについて動画があったのでまとめます。自分用に(笑。jsonwebtokenの使い方について https://www.npmjs.com/package/jsonwebtokenこの動画の中でserver側とfront側で分けていたのでそれに習います。server側では cors と...
View Articlejwtについて
YoutubeのfreeCodeCamp.orgでJWTについて動画があったのでまとめます。自分用に(笑。jsonwebtokenの使い方について https://www.npmjs.com/package/jsonwebtoken。この動画の中でserver側とfront側で分けていたのでそれに習います。server側では cors と...
View ArticleQualityForward用Node.jsライブラリのバージョンアップ(1.0.3)
QualityForwardはテスト管理をクラウドで提供しています。そして、多くのクラウドサービスと同様にAPIを提供しています。現在、下記のデータを取得または新規作成、更新、削除できます。プロジェクトテストケーステストサイクルテストフェーズテスト結果テストスイートテストスイートバージョンユーザこれらのデータを扱うためのNode.jsライブラリを開発しています。1.0.3での対応範囲を紹介します。使...
View ArticleNodebrew 本体が削除できなかった話
Nodebrew本体を削除する方法に従い、Finder から削除したのにterminal$ nodebrew -vでバージョンが表示され続け、消せていないようだった。解決法Homebrew で入れた nodebrew が残っているのが原因だったよう。以下のコマンドを実行すると、 nodebrew -vでもバージョンが表示されなくなり、nodebrew の削除が完了した。terminal$ brew...
View ArticleNode.jsのCLIツールをカスタマイズ可能にする
Node.jsで何らかのCLIツールを作っているとします。おそらくどのツールでも、オプショナルな機能を使うかどうかは、エンドユーザーに決めてもらいたいでしょう。その場合、-iとか-aのようにコマンドの引数をいくつか提供するのもいいですが、複雑な設定が必要になりそうだったら、設定ファイルでのカスタマイズを可能にした方がいいです。設定ファイルファイル名設定ファイルの名前は、ツールの開発者が決めないといけ...
View Article