Clik here to view.
TypeScriptのインストールから実行まで
目的細かい設定は後回しにしてとりあえずTypeScriptをインストールして実行する。環境windows10 node.js v12.13.0 npm v6.12.0 typescript v3.9.5今回はnode.jsを使ってTypeScriptのインストールを行うため、先にnode.jsをインストールしておく。 node.js（公式サイト） ->...
View ArticleClik here to view.
TypeScriptのコンパイルからブラウザ反映までを自動でやりたい
目的TypeScripはそのままでは実行できないので、コンパイルしてJavaScriptに変換しなければならない。またローカルサーバで開発している場合、コンパイルされる毎にブラウザの更新もかけないといけない。めんどい！！--->自動化したい！！！環境環境 windows10 node.js v12.13.0 npm v6.12.0 typescript...
View Article令和元年🎉 JavaScript International Date フォーマットで和暦を表示させるには （再）
この記事は 平成最後の日、2019年4月31日に別のアカウントからポストしたものをこちらに移行した記事です。今更感があるかもしれないですが ECMA 402 について知るのは悪くないと思います〜。令和元年おめでとうございます 🎉さて、今回は新年号にふさわしく International Date format で和暦を表示する方法について書いていきたいと思います。JavaScript...
View ArticleClik here to view.
NestでTypeORM環境を構築してサンプル実装してみる
背景前回は純粋なTypeORM環境をCLIで構築してみましたが、TypeORMはNestというフレームワークのORMとして利用されているとのことを知ったので、今度はNestでTypeORM環境を構築してみようと思う。https://qiita.com/yusuke-ka/items/195e6bba4f21a659b424Nest環境の構築前回同様、DBは以前インストールしたpostgresql(w...
View ArticleClik here to view.
TypeScript の event を良い感じの type safety に実装する
TypeScript における代表的な event 実装方法TypeScript は言語仕様としては event 機能を持っていません。なので class に event を実装する場合、自前で実装するか EventEmitterのような補助クラスを使うことになりますが、TypeScript ですのでやはり type safety に実装したいところです。 type safety...
View Articlenpm install時のエラー解決 No Xcode or CLT version detected!
環境macOS Catalina 10.15.4 npm 6.14.5以下のエラーが出た時の解決No receipt for'com.apple.pkg.CLTools_Executables' found at '/'. No receipt for'com.apple.pkg.DeveloperToolsCLILeo' found at '/'. No receipt...
View Article【個人メモ】Express環境ハンズオン
完全に個人用メモです。Node.jsとnpmがinstall済みであることを確認する node -v, npm -vコマンド実行expressのインストール作業ディレクトリでnpm initを実行してpackage.json作成 npm install express express-generator --saveexpressアプリケーションの雛形作成...
View ArticleClik here to view.
「Cannot extend an interface...
はじめにvue-cli 4とElectronでデスクトップアプリケーションを開発しようとした際に、@types/nodeのEventEmitterに関するエラーが発生した。無事解決できたのでメモとしてまとめる。環境・バージョンVue：2.6.11 Vue CLI：4.4.6 @types/node：(14.0.14)→12.6.9(本記事の解決策)...
View ArticleWebアプリが作れるようになるまで【Heroku,Node.js使用】
注意記載途中です。内容に大幅な変更もあると思います。 (私自身完全に理解できていない状態での記事作成になるため。)はじめにHTMLやJavascript、C#もしくはjavaは分かるけど、サーバーをどう構築すれば良いか分からないレベルの人なら参考になると思います。...
View ArticleClik here to view.
ルートディレクトリ(/)とホームディレクトリ(~)のちゃんとした理解
ものすごい細かいことだけど、パスの指定方法での~（チルダ）と/（スラッシュ）の理解が曖昧で気持ち悪い思いをしたのでメモ。/: ルートディレクトリ~：今のユーザーのホームディレクトリ~taro:...
View ArticleClik here to view.
【Node.js入門】ファイル&jsonファイルI/Oをやってみた♬
常識だからだと思うけど、Node.js始めたのでファイル入出力やろうとすると、割と動かないし、記事がもう一息なので、自分で整理しておこうと思う。今回は、テキストファイル書き出し／読込とJsonファイルの書き出し／読込をやろうと思う。参考は以下のとおり【参考】①Node.jsを使ったやっつけのファイル操作②[Node.js]ファイルの作成、書き込み、追記をする③JSのObjectをforEachで処理...
View Articlemongoose で docker でたてた MongoDB に接続するのにはまった話
はじめにPython でせっせと実装していたものが、npm installすれば、あっという間に出来てしまうことを知り、少し落ち込んだりもしたけど、Node.js で書き直している私です。Node.js は超初心者です。開発は1人でやっていて、まだ試しに作ってるだけの状態で、Mac にあれこれ DB をたてるのが嫌なので、DB だけ docker...
View ArticleClik here to view.
今すぐ使いたいスプレッド構文、"Three-dots" Tip 集
こんにちは。また転職しますので、以前仕事で使っていたアカウントから切り離して新しいアカウントからこれを書いています。（なので現在フォロワー０からの再出発！）この記事は１０日ほど前に私が Dev.toで投稿したものと同じ内容なのですが、Must-read に選ばれるほどの好評でしたので日本語でも書いてみることにしました。ES6 (ECMAScript 2015, the 6th edition)...
View ArticleClik here to view.
Node.js 開発環境構築
はじめにNode.js 未経験者が初めて開発環境を構築したときの備忘録です。 Homebrew や git はインストール済みの前提です。環境macOS Catalina version 10.15.5 Homebrew 2.4.2 git version 2.22.0 fish, version 3.0.2...
View ArticleClik here to view.
laravel+vueプロダクトのローカル開発環境
書いてあることLaravelでバックエンド、Vueでフロントエンドの構成のプロダクトをWindowsクライアントで開発する際のクライアントのローカル環境の構築方法。手順1.「Visual Studio Code（VS Code）」のインストール公式サイトからダウンロードしてインストール2.「VS Code」拡張機能のインストール「VS...
View ArticleClik here to view.
【Javascript】ワンライナーで現在時刻をフォーマットした日付で表示する
getDay()、getHours()とかやってから繋げるのめんどくさいコードワンライナーnewDate().toLocaleString(undefined,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"});↑改行するとこうnewDate().toLocaleString(undefined,{month:"short",...
View ArticleCLS とは？ブラウザとNode.jsで CLS を実装してみます
資料を調べる際に、CLS の存在を知りました。エンジニアリングで結構いいデカップリングのやり方と感じまして、シェアしたいと思います。シチュエーションブラウザか、サーバーのNode.jsか、どっちでもエラーハンドリング、ユーザートラッキングのニーズは日常茶飯事。例えユーザーを特定しなくても、id...
View ArticleClik here to view.
nodejsを使ってウエブサーバーを作ろう - majidai
majidaiとはmajidaiとは、nodejs用のWebフレームワークです。 サードパーティーライブラリが使っていないため非常に軽いです。データ量 < 50KBインストールnodejsがインストールはこの記事のスコープ外とします。1. プロジェクトの初期化タミナルから作業フォルダーに移動し、プロジェクトの初期化を行います。npm init -y2....
View ArticleClik here to view.
[Node.js]カバレッジレポートを出力しよう
現場で、なんとなくistanbulを使用してCI環境を構築しておったが、 Node.jsのスプレッド公文で半端なくエラーが出力されるという自体が発生。。。なんで！？なんで！？https://www.npmjs.com/package/istanbulThis package has been deprecated Author message: This module is no longer...
View Article