"npm run generate"してもfaviconが変わらない時の対処法【nuxt.js】
1. バグ内容以下のような流れでデプロイをしたのですが、「Nuxtのデフォルトアイコンがファビコンとして表示されるエラー」が起こりました。nuxt.js (vue.js)でプロジェクトを作成(SPA / PWAで作成)favicon.icoとicon.pngをカスタムのアイコンファイルに変更npm run devでファビコンが変わっていることを確認npm run buildして、npm run...
View ArticleNEM Symbol(nem2) インストール
暗号資産仮想通貨クリプトよろしくNEM2のtestnetが2020/09の終わりごろより開始されました。Symbol のテストネットがローンチしました!symbol, catapult,...
View ArticleNode.js: stream.Readableを全部読み込む方法
この投稿では、Node.jsのstream.Readableの内容を全部読み込む方法を紹介します。stream.Readableを全部読み込む方法for...
View ArticleMacOS で Puppeteer が動かないとき
エラー最新の Puppeteer(v5.3.1) を Mac で動かそうとしたが、以下のようなエラーが出て起動ができなかった。(Node.js v14.0.0)(node:79152) UnhandledPromiseRejectionWarning: Error: Failed to launch the browser process! TROUBLESHOOTING:...
View ArticleNode.jsのインストール方法(Windows)
はじめに今回はNode.jsのバージョン管理ツールNodistを用いてのインストール方法を書いていきます!後々@angular/cliを入れるのでNode.jsのバージョンを12.18.2で指定しています。(Node.js公式サイトの現在の推奨版12.19.0だと@angular/cliのインストールに失敗したため)目次NodistのインストールNodistを用いてのNode.jsのインストール1....
View ArticlenodemonのcrossOS設定
nodemonとは他力本願nodemonとは?nodemon で Node.js サーバの再起動を自動化する問題nodemonを利用してexpressを立ち上げようとしていました。私のPCはmacOSでしたが、チームメンバーのWindows端末で同じように立ち上げようとしたところ、以下のようにJSONのSyntaxErrorが出てしまいました。SyntaxError: Unexpected...
View ArticleNode.js(Express)のアプリ作成手順
アプリ作成手順Expressでアプリを作成するには、以下4つの手順があります。 1. アプリケーションのフォルダーを作成する。 2. コマンドを使い、npmの初期化をする。 3. expressをアプリケーションにインストールする。 4. プログラムのファイルを作成してソースコードを書く。1. アプリケーションのフォルダーを作成する。$ mkdir express-app $ cd...
View Article@angular/cliのインストールからAngularプロジェクト作成まで
はじめに今回は@angular/cliのインストールをしてから実際にAngularプロジェクトを実行するまでを書いていきます! Node.jsがインストールされている必要があるので、まだインストールできていない人はNode.jsのインストール方法(Windows)を見てね!目次@angular/cliのインストールng new...
View Articleこんな私でも大好きなジェイソン・ステイサムになれる。そう、Face APIならね。
Qiitaで「ジェイソン・ステイサム」というタグを作り、ひそかに育んでいるたわちゃんです♪先日、なんと同じステイサムファンの方が「ジェイソン・ステイサム」タグに記事を投稿してくださいました! CHECK▶...
View Articleno such file or directory, open に対処する
fsを使用して、上のディレクトリのファイルを取得しようとするとError: ENOENT: no such file or directory, open が出て、喚いていたが解決したので残しておく。ファイル内容先に記しておくが、後の説明を読みながら解釈することを勧める。ディレクトリ構成test(親ディレクトリ) ├── src │ └── fileManeger.js ├── config...
View Articlenode.js(express)でパスワードのハッシュ化 〜bcryptモジュールの使い方〜
bcryptとはpasswordを$2b$10$7f9myKwdo9BDUOkybKpQoOSMeEX90aRRFfOdj.c3dG6RIjZxZ/a4mみたいな感じにぐっちゃぐちゃにしてくれるnpmモジュール使い方まずはrequireで読み込みconstbcrypt=require('bcrypt')ハッシュ化consthashed=bcrypt.hash(req.body.password,10...
View Articlenodemonの使い方
プログラミング勉強日記2020年10月10日 nodemonというツールを初めて見かけたので、まとめておく。nodemonとは コードの変更を監視して自動でサーバーを再起動してくれるツール。...
View ArticleLINE Messaging APIを使ってブルワリーを探してみた
目的 LINEBotを使って、対話でうまくブルワリーの情報を探したい! なぜLINEか? ⇒老若男女問わず使えるインターフェースですから! なぜブルワリーか? ⇒お酒が、、好きなんです。前提 記事を読まれる前に、、、 まだまだやりたいことの最初の慣れの部分なので、 えっ?なんで?と思うことは多いかと思います。今回やったこと ブルワリー検索APIの「Open Brewery DB」と「LINE...
View ArticleAmazon Echo で Google Drive 上の mp3 を 再生する (その3)
今回の実装機能1. 最初から再生2. シャッフル再生オン・オフ3. 前の曲、次の曲4. ループ再生オン・オフ5. リピート再生6. 一時停止、再開7. ヘルプ8. 曲情報確認今回で残りの機能すべてを実装、説明します。機能実装1....
View Article動かして理解するasync/await
JavaScriptのasync/awaitを動かしながら理解したい人向けです。 Node.jsで実行できます。async/awaittest()//...
View Articlegulpで画像を圧縮する
はじめに「この記事を見ればgulpで画像を圧縮する手順がわかる!」という記事です。画像の圧縮ツールは色々とあり、有名なところですとTinyPNGを使用している方も多いと思います。しかし、本番公開前の画像などを外部サービスで圧縮するのはどうなんだい、という会社もあると思いますので、今回はgulpを使用してローカル環境で圧縮する方法をまとめました。参考になったらぜひLGTMをお願いします!!事前準備gu...
View ArticleLambda&Serverless Frameworkで、multipart/form-data形式でデータを受け取る
前書き最近業務でAWSのLambdaとServerless Frameworkを使うことが多いです。業務の流れが早く、次から次へと新しいツールを触ってすべて忘れていきそうなので、個人的なまとめとして、記事を作成します。言語はnode.js,...
View ArticleReact Material UI + Node.js expressのアプリ構築手順をまとめた
はじめにフロントエンドがReact(Material UI)、バックエンドがNode.js expressのアプリを構築することがあったので、(何番煎じか分かりませんが)備忘録に手順を残します。環境Windows 10Node.js v12.16.3npm 6.14.4yarn 1.22.4手順ディレクトリ作成# アプリのコードを管理するディレクトリを作成 mkdir app cd app #...
View Article