Clik here to view.
console.logからの脱却 - node.jsでデバッグするには(Visual Studio Code編)
前回のおはなし若き開発者ヒロロはNode.jsでバックエンド開発を任されたがデバッグ方法がわからず、苦戦。自力で調査しChrome DevToolでデバッグする方法を見つけ出し、なんとかconsole.log地獄は免れた。しかし、普段利用しているVSCodeのデバッグツールを活用してより快適なデバッグ環境を作ろうと決意する。前回の詳細「console.logからの脱却 -...
View ArticleESLint v7.1.0
前 v7.0.0 | 次 (2020-06-05 JST)ESLint v7.1.0 has been released! 🎉https://t.co/r2Dk1UBQoy— ESLint (@geteslint) May 23, 2020ESLint 7.1.0がリリースされました。小さな機能追加とバグ修正が含まれています。また、公式のサポートチャット (英語) が Gitter から...
View ArticleClik here to view.
AWSのEC2インスタンスにNode.js, npm, yarn, gitを入れる
EC2にフロントエンド開発ができる環境構築をしていくぞ〜〜あわせてコマンドが色々わからなかったので解説もしてみるところどころ間違えてそうなので直してほしい別にAWSじゃなくても、ローカルPCに環境構築するのでも同じだと後から気が付きましたなので、ローカルに環境構築したい人の参考にもなるはずコメント大歓迎EC2インスタンスの立ち上げ &...
View ArticleNode.jsの非同期処理でつまづいたところ
概要以前の記事で、イベントループ方式の理解に苦しんだことについて記事にあげましたが、今回は、非同期処理についてつまづいたところを忘れないように記事にしてみようと思います。つまづいた経緯としては、Node.jsでローカルサーバーを構築し、リクエストを受け付けられるようになったところで、「リクエストごとに処理を変えたいなぁ」、と思ったことが全ての始まりでした。環境自分が実際につまづいた時の環境は、以下と...
View ArticleNode.js 12+なら標準入力が超簡単に読める
process.stdinはfor await...ofでループできるNode.js 12からstream.Readableが非同期反復オブジェクト(Async Iterable)になりました。当然process.stdinもAsync Iterableなので、for...
View ArticleClik here to view.
たぶん10分で試せる。Azure Static Web AppにWebサイトをデプロイして独自ドメイン設定とFunctionsでAPI公開まで
AzureにStatic Web AppsというJAMstack向けなサービスが登場した模様で、プレビュー段階だけど試せたのでメモ残しておきます。無料らしい（大事）参考: Azure App Service に Static Web Apps が登場！NetlifyやVercel同様に静的ホスティングだけじゃなく、Functionsも利用できるのが良いですね。ドキュメントにGitHub...
View ArticleNode.jsで簡易サーバをつくる
はじめにHTTPサーバーやHTTPクライアントとしての機能を構築する自分のwebサイトをネット上に公開したり、フォームなどからデータを送受信できる静的なWebサイトだけでなくTwitterのような大きなWebサービスを構築することも可能node.jsのinstall$ sudo apt install nodejs npm...
View ArticleClik here to view.
【解説しながら】ターミナル上で動作するメモアプリをnodeで作ってみる。Part1
今回の記事は【作成】・【解説】の二部構成になっています。初学者が理解るように丁寧に解説して行きつつ、完成を目指していきます。解説は良いから作り方だけ見せてくれやって言う方は、【作成】だけを見ていくことをおすすめします。細かい説明を知りたい方は【解説】を読んで頂くと良いかと思います。序盤は解説が多くなりますがご了承ください。📗...
View ArticlePuppeteerのpuppeteerクラス
puppeteerとは他の記事とかでも書いてあると思いますが、一応説明をしておくと、puppeteerはDevToolsプロトコルを使ってChromiumもしくはChromeを管理する高レベルAPIを提供するNodeライブラリです。今回はこのpuppeteerが面白そうだったので、このライブラリを調べたり使ったりしたことを残していきたいと思います。今回はpuppeteerクラスをやっていきたいと思い...
View ArticleClik here to view.
WSL 2 デビューするときの初期設定
はじめにこんにちは。今回 MacBook Pro を新調したのですが、最近 Windows の最新動向が気になるので、 Windows も使えるようにしたいと思い、Bootcampをセットアップすることにしました。その際、とても詳しくて役に立ったのはこの記事です https://ascii.jp/elem/000/004/011/4011143/Mac で...
View ArticleClik here to view.
NestJSとGraphQLで開発用の環境を作成する
NestJS と GraphQL で開発用の環境を作成する目次NestJS のアプリケーションを作成GraphQL の依存関係を構築するmysql（docker）を用意するmysql の依存関係を構築する1. NestJS のアプリケーションを作成NestCliを用いて NestJS のアプリケーションを構築する。cli を install していない時は、上の URL から cli を...
View Article[保存版]最新Node.js for Raspberry Pi Zero / 1 (ARMv6向け)
ARMv6のサポート終了2019年4月頃、Node.jsのVer.12のリリースとともにARMv6のビルドが提供されなくなりました。ARMv6を使うデバイスはだいぶ少なくなりましたが、ここにありますよ！Zero WHが！！RFC: Consider retiring the PI1s ARMv6 (downgrading support to "experimental") · Issue...
View ArticlePuppeteerのBrowserFetcherクラス
今回はPuppeteerのBrowserFetcherクラスについて書いていきたいと思います。BrowserFetcherクラスBrowserFetcherはChromiumとFirefoxの異なるバージョンをダウンロードして、管理することができます。BrowserFetcherはChromiumのバージョンを（"533271"にたいな）指定するrevision...
View ArticleJavascriptで電話番号のバリデーションと変換（E.164）に便利なライブラリの紹介
今回したいこと日本の電話番号(03-1234-5678)などを、E.164表記(+81312345678)に変換したいついでにバリデーションも出来るといいかも環境Node.jsライブラリgoogle-libphonenumberGoogleが提供している電話番号をバリデーションと自動フォーマット可能なlibphonenumberのnpm版であるgoogle-libphonenumberを使用します。...
View ArticleJavaScript thisの挙動の不思議
thisの挙動や関数スコープのことについて。実行環境 node v14.2.0thisの挙動(通常関数)functionhoge(){console.log(this);}functionfoo(){"use strict";console.log(this);}hoge();//globalオブジェクトが出力foo();//undefinedが出力ほぼほぼ同じ関数ですが結果が変わってきます。...
View ArticleClik here to view.
プログラミング素人のIoTサービス開発 -ログイン認証-
はじめに2020年3月からプログラミングの勉強を始めて、7月までにWebサービス制作に挑戦しているプログラミング素人の制作記録です。自分の技術レベル・ProgateでHTML/CSS、JavaScript、Node.JSを受けた・Expressフレームワークでget通信とpost通信を扱えるようになってきた・JSのPromeseの概念が少しだけ理解できてきた・obnizを触ったことがある...
View ArticleClik here to view.
Vue.jsでつくったサイトにfirebaseでユーザ認証してこっそり人の顔年齢を試して遊ぶ
概要Vue.jsで作ったサイトをFirebaseにユーザー認証をお願いして、ログインしないと入れないページにして、人の顔年齢（Computer Vision API）で遊んで、freenomとNetlifyで独自ドメインで公開するできたもの写真を入れると年齢をかえしてくれます。環境macOS Catalina Visual Studio Code 1.45.1 Node.js: v13.11.0...
View ArticleClik here to view.
新人に負けない本棚管理サイト その４（データベース検索編①）
目次新人に負けない本棚管理サイト その１（プロローグ）新人に負けない本棚管理サイト その２（環境構築編）新人に負けない本棚管理サイト その３（トップページ作成編）新人に負けない本棚管理サイト その４（データベース検索編①）目標データベースに問い合わせしてデータを取得する取得したデータを画面に表示する...
View ArticleVue.jsでAPIのBasic認証をした
はじめにVue.jsによる開発においてAPIのBasic認証の実装をしました。エラーについての検索をした際に類似のケースで苦しんでいる方が国内外問わず多くいらっしゃったので、本記事では私が嵌ったエラーと解決策の一例について書いていきます。当記事の使用言語はVue.jsとNode.jsです。課題の切り分け実装に当たって私が悩んだ点は大きく分けて下記二つとなります。・CORSの不一致・非同期処理の中でB...
View ArticlePuppeteerを2系から3系にアップデートしたらError: Failed to launch the browser process!
Puppeteerメモです。Heroku上で利用していたPuppetterのバージョンを2系->3系にアップデートしたらエラー発生。Puppetterのバージョンを2系->3系にするとChromiumのバージョン違いで動かないっぽいHeroku上のログError: Failed to launch the browser process!...
View Article