LINEで文字数をカウントしてくれるともだちをつくる
ともだち召喚の背景6月になり、各企業さんが夏季インターンの募集を初めています。私も今年からインターンに参加しようと思っていますが、ES作成がとっても不安な私は先輩にESの添削をお願いしました。LINEで先輩に文章を送って見てもらうのですが、困ったことがありました。ESにはだいたい文字数制限があるのです。(しかもギリギリまで書くのが推奨されているらしい)制限文字数ちょうどで書いた文章を添削してもらうと...
View ArticleWindowsでReactの環境構築をしてみる
はじめに今回は、自分のWindowsの環境でReactの環境構築をしたときの備忘録になります。お付き合い頂ければ幸いです。Reactの環境構築に必要なもの今回は、Facebookが開発しているcreate-react-appというコマンドを使って、サクッとReactの環境構築をしていきたいと思います。まず最初に、Node.jsを、管理するためのnodistをインストールしてみましょう。また、その後に...
View Articlenpm installについての質問です。
質問内容npm install puppeteerを入力するとフォルダごと墓のフォルダに保存されるのを防ぎたい状況puppeteerを使用するため、ターミナルにて下記入力。// パッケージをインストールする場合 $ npm install puppeteer 入力後、他のフォルダに $ npm install...
View ArticleCentOS: Node.jsインストール
yumでNode.jsをインストールします。$curl -sL https://rpm.nodesource.com/setup_{指定バージョン}.x | sudo bash - $sudo yum install-y nodejs $node -vリポジトリ登録からインストール、バージョン確認!
View Articlenode_modulesをインストールして死にかけた話
node_modulesをインストールして死にかけた話React学習のためターミナル$npminstallnpmをインストールしてwebpackやreactをインストールしたいとコマンドを実行。無事node_modulesをインストール完了!これからパッケージのインストールしていくぞ!!一旦Githubにコミットしておこう。ところが。。差分があまりにも大きすぎてGithubにコミットできないようにな...
View ArticlePuppeteerで繰り返し処理
はじめに【初心者】Puppeteerでよく使うコードベスト3に処理追加。繰り返し処理を追加しました。繰り返し処理するコード以下のようにdo whileで処理を記載する。do{// 処理}while(true);最終的なコードconstpuppeteer=require('puppeteer');//...
View Articlegit cloneしたVueプロジェクトを仮想環境で起動できない!!
はじめにタイトルにもある通り、リモートのVueプロジェクトをローカルの仮想環境で動かそうとした際に二転三転とエラーが重なって解決に時間がかかったので、解決方法及び内容理解のための内容です。環境ローカル Vagrant 2.2.7 Virtualbox 6.1.6 Vue 2.6.11仮想環境 centos 7.2共有フォルダの設定vagrantfile config.vm.synced_folder...
View Article【Nuxt Vue】ファイルダウンロード(エクセル)する。
サーバー側の処理は問題ないことを確認したが、クラアント側でうまく受け取れずに少しハマってしまいました。また似たようなことがありそうなのでメモ。サーバー側の処理expressを使用、詳細は省略。Server.jsapp.get('/download_excel_file',async(req,res)=>{try{constexcelPath='エクセルファイルのパス/ファイル名.xlsx're...
View ArticleFirestore から発生するエラーを HttpsError に変換する
概要firestore thrown -> HttpsError への変換器を作ってある程度汎用的に firestore のエラーをハンドリングしてしまおう。背景あるプロジェクトのサーバーサイドでは、想定内のエラーが起きた時に HttpsError を throw する決まりとしている。 (throw された HttpsError...
View ArticleVScodeでReact開発環境構築
はじめにMacを買い換えたときに、いろいろ忘れていたので備忘録も兼ねて書いていきます。以下の良記事を参考にしていますので詰まった場合はこちらも読んでみてください。nvm + Node.js + npmのインストールcreate-react-appでyarn startできない(できた)動作環境 - macOS Catalina 10.15.5- node.js...
View ArticleYes/Noの対話形式でnodejs使う
nodejs使うときに対話形式で確認するやり方を書きます。インストールモジュールをインストール$ npm i --save readline-sync colors...
View Article【ドットインストール】Express入門講座の仕様変更点【 #19 記事を更新/削除してみよう】
はじめにドットインストールのExpress講座は最終更新日が2014年のままアーカイブされていて、講座内容そのままやってもうまくいかない箇所がある。「» 19...
View ArticleNginx on AWS EC2
リバースプロキシーsudo vi /etc/nginx/conf.d/default.conf 参考https://tech-waplus.com/programming/20190410-nginx-node-js-web/
View ArticleAWS IoT Greengrassを使ってGoogleHomeにしゃべらせる
今回は、AWS IoT Greengrassの勉強を兼ねて、自宅にあるGoogleHomeにしゃべってもらいましょう。これまでいろんな記事でGoogleHomeをしゃべらせてきましたが、GoogleHomeはローカルネットワーク上にある必要がありました。したがって、いつも使っているAWS...
View ArticlePuppeteerにはまだまだ負けられないcheerio-httpcliの底力を見せる時が来た
昨今のWEBスクレイピングといえばSPAなどの動的更新WEBサイトの増加もあってPuppeteerが主流になっていますが、かつて一世を風靡した(言いすぎ)cheerio-httpcliというスクレイピングライブラリもあるのをご存知でしょうか。静的HTMLを解析してjQueryのように要素を検索・操作するいわゆる古いタイプのライブラリではありますが、まだまだ現役でやれるところを見せるべく、目玉機能をい...
View ArticleJimp の hash はすぐに衝突するので注意する
Node.js の画像処理によく使われる Jimpだが、思いがけない落とし穴(バグではない)があったのでメモ。全く異なる2つの画像のハッシュ値が同じになってしまう次の2つの画像を Jimp で hash すると、同じハッシュ値 80000000000 (base64) になるこの Codesandboxを開けばブラウザ上で再現可能ハッシュ値が衝突してしまうことは「起こりうる事象」なのだが、 Jimp...
View Article【Laravel 6.0】スピード環境構築!
背景Laravelを使う際に環境構築が必要ですが、1つ1つ確認しながらやるのは面倒だと思うので、速攻で使えるようになるまでの手順を紹介します。手順1.Xcodeのインストール$ xcode-select --install 2.Homebrewのインストール$ /usr/bin/ruby -e "$(curl -fsSL...
View Article[JS1日クッキング]小さなPromiseライブラリでPromiseを理解する
Promiseはthenとcatchでチェーンで、async/awaitで非同期処理が終わるまで待つことができる。それくらいはわかる。でも、Promiseの解説を読んでもイマイチよくわからない。そんな人のために、自作した小さなPromiseライブラリを読みながらPromiseを理解する記事です。今回は、同時に動かす非同期処理の数を制限しながら非同期処理をするforEach(),...
View Articlejavascriptができるのは非同期処理であって並列処理ではない
はじめに初投稿です非同期処理と並列処理の違いをやっと理解できたのでそのことについて書きます。並列処理まず並列処理は複数スレッドを同時に立ち上げて処理を行う方式のことを言います。(マルチスレッド)同期処理同期処理とは通常の実行順番通りにプログラムが実行され実行が終わるまで次の処理に移らない、というような処理方式です。...
View Article【Node.js + PostgreSQL】特殊なクエリ記法
悩んでいたことIN句で複数の条件を指定したいINSERT文で複数レコード登録したいこれらはただSQL文を書くのは簡単ですが、プレースホルダーを使った上での書き方が難しく、日本語の情報が全くなかったので、まとめました。上記以外に使えそうな記法もまとめてあります。前提pg-promiseパッケージを使用し、databaseとの接続などはできていることとします。載せているサンプルコードではanyメソッドを...
View Article