Clik here to view.
【Nodeが壊れた】internal/modules/cjs/loader.js:582 throw err;
Reactで作られたサービスをクローンして勉強していたら、Nodeが壊れた（のかもしれない）internal/modules/cjs/loader.js:582 throw err; ^ Error: Cannot find module 'C:\Users\User\Desktop\NodeJsProject\app.js' 解決策理由はわからんが、以下のコマンドを打ったらうまくいった$ npm...
View ArticleClik here to view.
【JavaScript】エラー処理 完全ガイド【保存版】
本記事は、Valentino Gagliardi 氏の "A mostly complete guide to error handling in JavaScript." を許可を頂いた上で翻訳したものです。TOCプログラミングにおけるエラーとは？JavaScript におけるエラーとは？JavaScript...
View ArticleClik here to view.
Node.jsでsubmitボタンをFont Awesomeにする方法
プログラミング勉強日記2020年9月21日 Node.jsのejsファイルでformでデータを送るときにFont Awesomeを使おうとするときに試行錯誤したので備忘録として書いておく。現在と目標 現在は以下のように「削除」ボタンになっている。現在<formaction="/delete/<%= user.id %>/<%= users[0].id...
View ArticleTypeORMが構文エラーで動かない問題を解決した
環境環境バージョンnode12.18.3typescript3.8.3typeorm0.2.26問題と解決策問題typeorm init --name MyProject --database mysqlで作成したプロジェクトをビルドして動かそうとするとSyntaxError: Cannot use import statement outside a...
View ArticleJavaScript 周りの知識を整理したい
かれこれTypeScript+Jest案件で1週間以上ハマっている。それはおそらく各技術をちゃんと理解せず、雰囲気だけで使っているから。なので私が今良くわかっていない以下の6つの技術に関して、自分なりに整理してみようと思います。JavaScript以下予定...
View ArticleNext.jsにjestとenzymeを導入（next/babel使用）
Next.jsにjestとenzymeを導入（next/babel使用）以前、Next.jsにjestとenzymeを導入するという記事を書きました。上記の手順でjestの実行はできたのですが、yarn...
View ArticleExpress+PostgreSQL+SequelizeをDockerで構築してみる【前編】
前説将来的にはフロントエンドはVue、バックエンドはExpressのような構成を目指します。まずはバックエンドでExpress+PostgreSQL+Sequelizeでの環境構築です！①Dockerでコンテナ動作まで初期ファイル構成-Dockerfile -docker-compose.yml -app |-- package.json DockerfileDockefile# イメージ指定...
View ArticleClik here to view.
Express+PostgreSQL+SequelizeをDockerで構築してみる【後編】
前回https://qiita.com/rockguitar67/items/b644a63b3e39cc1fcaeaはい続きです。③DB周りの設定コンテナ内のExpress環境においてDB設定がなされているファイルがあります。ここでdocker-compose.ymlで設定したDBへのアクセス情報が明記されています。db_client.jsmodule.exports={pg_client:fun...
View ArticleFirestoreのエラー "Converting circular structure to JSON Firebase"
エラーの原因document内で, referenceタイプのフィールドを使っている場合に発生します.筆者のアプローチreferenceタイプのフィールドが他のドキュメントを指しているので, そのドキュメントのパスを文字列型に変換してあげればいいと思います.他の方法があればご教授いただきたいです.🙇♂️具体的な方法下記は取得したいドキュメントの...
View ArticleWebアプリ開発ロードマップ
Webアプリ開発ロードマップfacebookのようなSNSサイトを作っていくことで、Webアプリの開発基礎を学ぶターゲットプログラミング経験者でWebアプリ開発未経験の人向け。目次第1回：Web開発の変遷第2回：Angularの環境構築第3回：ログイン画面を作る（データバインディング）第4回：ニュースフィード一覧画面を作る(画面遷移とディレクティブ)第5回：ニュースフィードの日付フォーマットを変換す...
View ArticleClik here to view.
第2回：Angularの環境構築
目次：Webアプリ開発ロードマップ第2回：Angularの環境構築今回からAngularアプリを作っていきます。まず、Angularの元となるNode.jsをインストールします。Node.jsをインストールする紹介Node.jsはChromeエンジンを利用したJavascriptランタイムです。通常、JavaScriptはブラウザ内に読み込まれて動作しますが、Node.jsを利用することでコマンドラ...
View ArticleClik here to view.
第4回：ニュースフィード一覧画面を作る(画面遷移とディレクティブ)
目次：Webアプリ開発ロードマップ第4回：ニュースフィード一覧画面を作る(画面遷移とディレクティブ)今回はニュースフィードの一覧画面を作成していきます。ニュースフィード一覧画面用のコンポーネントを追加するコンポーネントを追加する% ng g component components/newsfeeds...
View ArticleClik here to view.
第6回：Node.jsの環境構築
目次：Webアプリ開発ロードマップ第6回：Node.jsの環境構築今回からNode.jsを利用しバックエンドを作成していきます。Node.jsパッケージを作成する下記のコマンドでプロジェクトのディレクトリを生成し、Node.jsのプロジェクト生成コマンドを実行します。$ mkdir back $ cd back $ npm init...
View ArticleClik here to view.
第7回：ニュースフィード取得サーバIFを作る
目次：Webアプリ開発ロードマップ第7回：ニュースフィード取得サーバIFを作る今回はバックエンドにREST APIを実装していきます。まずニュースフィードのIFを取得するGET /newsfeedsを作成します。REST APIのモジュールを利用するREST APIのクライアント側、サーバ側の実装は在り物のモジュールを利用するのが一般的です。...
View ArticleClik here to view.
初心者によるVue.jsハンズオン
はじめに初めて記事を書くので暖かく見守って下さい。仕事でVue.jsを使用するということで、JS初心者が手っ取り早くVue.jsに触れてみる。早速触ってみる用意するものは使い慣れたブラウザとエディターがあれば十分です。私は今回以下のものを用いて開発を行います。 -ブラウザ：Google Chrome - エディター:Visual Studio...
View Articlenext.jsをGAEにデプロイ
概要Google App Engine にnext.jsで実装したFrontendサービスをデプロイするための手順とポイントについてまとめます。また、gcloud...
View ArticleClik here to view.
【超解説】Azure AD B2C でシングルページ Web アプリケーションを作成する
Azure AD B2C は、企業-消費者間 ID をサービスとして提供する Microsoft のサービスです。Azure AD と聞くと、どーせマイクロソフトアカウントしか使えないんでしょ？と想像する方もいらっしゃるかもしれませんが、Azure AD B2C は好みのソーシャルアカウントを使用することもできますし、ローカル ID を使用することもできます！今回は Microsoft...
View ArticlemongooseでMongoDB に接続しようとしたら身に覚えのない機能に対するWarningが出た
はじめにMongoDB を利用する中、使っていない（特に指定していない）機能に対して Warning が出た。(node:54073) DeprecationWarning: collection.ensureIndex is deprecated. Use createIndexes instead. ensureIndex なんて書いた覚えはないので、ナンノコッチャと。Warning...
View ArticleClik here to view.
MQTTクライアントをコマンドラインで簡単に実行する（npx と MQTT.js）
はじめにこちらのツイートをきっかけに、ふと思いついて試した内容のメモです。npxで実行できるMQTTクライアントってないのかなぁ #iotlt— 菅原のびすけ (@n0bisuke) September 23, 2020【追記】 @n0bisukeさんも記事を書かれていたので、リンクを掲載します。 ●グローバルインストールせずにMQTTをCLIで試す - Qiita...
View Article