Clik here to view.
【Node.js】bundleサイズは大事って話
サービスの動作が遅かった最近，アーチャー伝説ってスマホアプリ専用の【マルチ募集掲示板サービス】をリリースしました．技術としては，Node.js/React/TypeScript/Express/Webpackを使用しました．このサービス，募集スレッドのリアルタイム更新をアピールしてるんですが，その肝心のbundle.jsが動き出すのが遅いんですよね．そこでSSR(Server Side...
View ArticleNode.jsについて調査とまとめ（自分用。編集中）
このたび、仕事（Not 個人の開発）でNode.jsを利用して開発することになったので、その調査を行う。ポイントとしては「開発者は自分だけではない」ということか。自分だけなら理想を求めて翻訳資料が少なかったりまだ不安定だったりするライブラリも利用できるが、組織でとなるとそうはいかない。前提今回はフロントエンド、バックエンドを分離して作成することを前提としている。...
View ArticleReact+ReduxアプリにNode.js(express)とJWTで認証・認可周りの処理を実装する①API側
はじめにReact+ReduxアプリケーションにNode.js(express)でAPIを作り、jsonwebtoken(JWT)で認証・認可周りの処理を実装してみました。今回はAPI側の実装の内容を書いていきます。ソースコードはGitHubにありますので、参考にしてください。使ったものNode(v12.15.0)express(v4.17.1)jsonwebtoken(v8.5.1)body-pa...
View Articlelaravel-mix yarn run dev で vue-template-compiler ライブラリが依存してた
環境PHP 7.4.4Laravel 7.5.1Node 12.16.1yarn 1.22.0package.json{"private":true,"scripts":{"dev":"yarn run development","development":"cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js...
View Article[firestore] Error: 7 PERMISSION_DENIED: Missing or insufficient permissions
前提GOOGLE_APPLICATION_CREDENTIALSを利用してサービスアカウントを設定している。問題firestoreにwriteする際に、タイトルエラーが出て書き込めなかった。firestore.rulesrules_version = '2'; service cloud.firestore { match /databases/{database}/documents {...
View ArticleVue CLI導入メモ
1.Node.jsのインストール1. Homebrewのインストールターミナルに下記のコマンドを打ち込んでMacOS用のパッケージマネージャー「Homebrew」をインストールする。/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)" 2....
View ArticleClik here to view.
node.jsでsoket.ioを使用して簡単なチャットを作成してみた
まずはsocket.ioモジュールを追加しましょう。https://www.npmjs.com/package/socket.ionpm i socket.ioで追加します。1.まずはサーバーサイドのコードを書いてみます説明はコード内のコメントを読んでいただけるとありがたいです。SoketIoServerTest.js//httpモジュール読み込みvarhttp=require('http');//...
View Articlecreate-guten-blockとwp-envで簡単にGutenbergブロック開発を行う
独自にGutenbergブロックを開発したい場合、一般的には、(1)Gutenbergブロックの開発プロジェクトと、(2)WordPressのテスト環境が必要になります。それぞれ全てをスクラッチで構築しても良いのですが、今回はcreate-guten-blockとwp-envを使って、簡単に環境を構築する方法を紹介します。なお、この手順は2020/4/19時点の内容なので、将来はもっと便利な方法が出...
View ArticleNode.js基礎：文字列処理
はじめに文字列の処理はもっとも使う処理です。Node.jsの文字列処理をまとめてみます。基本：シングル、ダブルクォーテーションで囲んで定義sample.js// 単一行conststr1="abc";// 複数行conststr2=`あいうえお かきくけこ はひふひほ`// 複数行： ＋で連結conststr3="abc"+"\n"+"def";//...
View ArticleClik here to view.
JIRA REST APIで課題情報を取得（jira-client-npm を使用）
はじめにJIRA Softwareが10ユーザーまで無料で使えるようになったため家でもJIRAを触れるようになりました。ということでREST APIの勉強をしつつ、結果を記事に残していこうと思います。まずは課題の情報を取得する方法から。実施環境項目値JIRA バージョンJIRA Software フリープランプログラム言語Node.js v12.16.2nodeモジュールjira-client...
View ArticleClik here to view.
新人に負けない本棚管理ページ その２（環境構築編）
目次新人に負けない本棚管理サイト その１（プロローグ）新人に負けない本棚管理サイト その２（環境構築編）Node.jsNode.jsはサーバーサイドでJavaScriptを使えるようにするためのものです。普通サーバーサイドの言語といえばPHPやRuby(on Rails)、C#、VB、Javaなどがあります。...
View ArticleClik here to view.
rails db:createのエラー解決
非同期通信を学習するために、サンプルとしてToDoリストを管理するアプリを作成しようとしたところ、データベースを作成する段階で以下のようなエラーが出た。ので、その備忘録として残しておこうと思う。tech-camp@A-458 memo_app % rails db:create rails aborted! ExecJS::RuntimeUnavailable: Could not find a...
View Articlegulpインストール後にgulp: command not foundのエラー
エラー内容$ gulp ejs bash: gulp: command not found $ sudo npm install -g gulp Password: npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated npm WARN deprecated...
View ArticleClik here to view.
ExpressでTwitter APIを試す
はじめに後輩がTwitterAPIの話してたら気になったので、叩いてみることにした。Twitter Developer概要-...
View ArticleClik here to view.
Fetch APIにタイムアウトをつける
OverviewFetch APIを当たり前に使うわけですが、これタイムアウトって何秒なんだろう？という疑問からタイムアウトを実装することにしました。タイムアウトがないとユーザーがブラウザ上でいつまでも応答を受け取れなかったり、クラウド上だとタイムアウトまで終了せずにコストが増大しますそんなことにならないよう、調査した結果を載せておきます。Target readerFetch...
View ArticleClik here to view.
puppeteer で ChromeのSpeechRecognitionAPI を使用する
はじめにみなさんこちらの記事は読んでいただけたでしょうか？.NET Frameworkで音声認識をしてzoomのビデオ画面に字幕を出すZoomの自分の動画スペースに字幕を表示する方法なんですが、先日とあるオンラインMeetUpイベントで使用してみたところ、 Webカメラに字幕を重ねて表示して配信することができました！！！実用的！何言ってるかわからない問題前回の記事にも載せましたが、.NET...
View ArticleNest.jsでWebサービスを呼び出す方法
Nest.jsでWebサービスを呼び出す方法のメモです。このサンプルプログラムはGitHubに置いています。種類バージョン備考OSUbuntu18.04.01 LTS仮想で動かしていますnvm0.35.3もっと良さそうなのもあるかもしれないですが、特にこだわりなく使っていますNode.js12.16.22020/4時点最新のLTSを使っていますnpm6.14.42020/4時点最新nest...
View Article-bash: npm: command not found の普通じゃない対処法
環境Mac OS X ver10.14.5経緯nodebrew でインストールしたあと、パスを通して、一通り npm -vや node -vでバージョン確認できていました。 PCを再起動が原因と思われるが、-bash: npm: command not foundが出るようになってしまった。パスの設定を見直して、ターミナルの再起動、Macの再起動を図るも改善せず。ただ、nodebrew...
View Article初心者がNightwatchの導入からチュートリアル終了までやってみる
はじめにこの記事はほぼ全てnightwatchjs.orgの内容そのままです。余力があるならそちらをご覧になってもよいかと思います。想定する読者は、（自分のように）初めてプログラミングするという方です。Nightwatchとは？Nightwatch.js is an automated end-to-end testing framework for web applications and...
View Article