Clik here to view.
メモ: Socket.IO の set と get メソッドは廃止されている
前置きIllustratorで絵を描いたので、それらを使ってゲームを作ってみました。以前はJavaScriptで絵をただランダムに表示させるだけだったのですが、Nuxt.jsを使ってゲームに作り変え、遊び方説明ページを加えたり結果を表示させるようにしたり、英語対応やダークモードも実装したりしました。 しかし、何かモヤモヤとしたものが残っています。そして、...
View Articlevue-loader 15で、テンプレート内の任意の属性(data-testなど)を除外する
概要<template><divclass="hoge"data-test="Hoge"></template>上記のdata-testのような、テストでは使いたいけどプロダクションコードには反映させたくないような属性を、vue-loaderの設定でプロダクションビルド時には除外し、以下のようにします。<template><divclass="h...
View ArticleWin10 + node.js から SQL Server 2019 Express に CSVファイルを書き込んでみる
Win10 + node.js から SQL Server 2019 Express に CSVファイルを書き込んでみる目的以下の環境で郵便番号検索の17ISHIKA.CSVを書き込んでみる Win10 + node.js -> Ubuntu 18.04 + SQL Server 2019 Express #もう少し綺麗に書きたいなぁ・・・...
View ArticleMacにNode.jsをnodebrewでインストールして環境構築【決定版】
Mac に Node.js を nodebrew でインストールして環境構築Mac に Node.js をインストールする方法は複数ありますが、ここでは nodebrewによるインストールとバージョン管理方法を説明します。nodebrew の導入手順nodebrewを homebrewでインストールします。homebrew のインストール/bin/bash -c"$(curl -fsSL...
View Articlemongooseでdocumentsを全てupdateする方法
商品データを一括で変更するProduct.updateMany({id:req.body.id},{$set:{name:ProductName,}},function(err){if(err)throwerr;});
View ArticleClik here to view.
@babel/preset-env (babel 7.9.0)をハンズオンでちゃんと理解する
バージョン情報versionnode12.16.3@babel/core7.9.0@babel/preset-env7.9.5@babel/cli7.8.4browserslist4.12.0@babel/preset-envとは@babel/preset-envは、babelプラグインのプリセットのことです。そもそも...
View ArticleWin10 + node.js から SQL Server 2019 Express に CSVファイルを書き込んでみる 修正版
Win10 + node.js から SQL Server 2019 Express に CSVファイルを書き込んでみる 修正版目的以下の環境で郵便番号検索の17ISHIKA.CSVを書き込んでみるWin10 + node.js から SQL Server 2019 Express に...
View ArticleClik here to view.
Denoの登場でNode.jsの時代は終わるのか？
Deno ver 1.05月13日、Deno v1.0の正式リリースが決定しました。少し勉強してみましょう。↑ かわいいDenoってなに？DenoはNode.jsの製作者であるRyan...
View Article【Node.js】TimeTree APIを使ってみる
TimeTree APIを使ってみる「TimeTree Developer Platform」の記載内容を参考に進めます。はじめにTimeTreeのアカウントを作成済みであることを前提とします。検証の際に使用したOSはWindows...
View Articletypescript environment
npm i -g typescript then you can use tsc command to compile ts files to js files.D:\workspace\type-test>tsc app.ts -w [19:47:56] Starting compilation in watch mode... tsc --init message TS6071:...
View ArticleClik here to view.
Box UI ElementsのContent OpenWithの使いかた
Box UI ElementsのContent OpenWithとはContent OpenWithのまえに、そもそもBox UI Elementsとはなにかという話ですが、これはBox社が公式に提供しているJavascriptとCSSによるWeb用の部品です。自作のウェブサイトに組み込むことで、標準のBoxの様なUIを簡単に実現可能です。Box UI...
View ArticleElectronでMacOSのkeychainにアクセスしようとしてハマったこと
仕事ではWebアプリケーションしか作らない私。勉強をかねてElectronでデスクトップアプリ開発をしている中でどハマりした部分を記事にしておく。やりたいことMacOSのkeychainにIDとパスワードを保存して手軽に再ログインできるようにしたい。...
View ArticleClik here to view.
How to construct web scraping service by Node.js Express on AWS EC2 linux...
this document is a weak memorandum for my cheap working jobconnect AWS EC2 instnceconnect by SSH to Linux instance from ec2-userpush [Connect] buttom belowuse EC2 Instance Connect (browser base SSH...
View Article備忘録：イベントループ処理の理解に苦しんだ
はじめに初投稿です。普段はJavaを使用して、Webアプリケーションの開発に携わっています。（２年ほど）趣味で自宅でプログラミングをしているのですが、最近Javascriptでローカルサーバーが構築できることを知り、うきうき気分でNode.jsをインストールしました。そこで最初につまづいたのが、このイベントループ処理という方式なので、備忘録的に残しておこうと思います。※...
View ArticleClik here to view.
新人に負けない本棚管理サイト その３（トップページ作成編）
目次新人に負けない本棚管理サイト その１（プロローグ）新人に負けない本棚管理サイト その２（環境構築編） [新人に負けない本棚管理サイト...
View ArticleClik here to view.
自動テストにPlaywrightを使ってみる
はじめにみなさんはE2Eテストを行う時にはライブラリに何を使用していますでしょうか？僕は普段Google謹製のPuppeteerを利用しているのですが、ちょっと前に話題になってから常に動向を気にしていたPlaywrightが最近バージョン1.0.0のメジャーリリースが行われたということもあって、これは実際に触ってみたい！と思い触ってみましたので、備忘録としてここに記そうと思います。Playwrigh...
View Articleマイクロサービス？（AWS Lambda）のログの運用監視する際のツール ※Node.jsの場合
マイクロサービス？（AWS Lambda）のログの運用監視する際のツール ※Node.jsの場合便利なツールは以下の通りDAZN Lambda Powertools関連性のあるLambda同士を紐づけるIDをログに出力してくれます。...
View ArticleGASでReactを実行するテンプレート
はじめに最近Google Apps ScriptでWebアプリを作ることが多いです。無料で作れるWebサーバー的用途で使えるので便利なんですよね。ただGoogle Apps...
View ArticleClik here to view.
Build an app using SQL Server 目次
はじめに今回は、SQL Server を使ったアプリを開発しようということで、Building an app using SQL Serverの内容をベースに、SQL Server を使ったアプリ開発関連の記事を一元管理できるように目次ページを作成しました。※ページは、随時更新予定です。C＃Create C# apps using SQL Server on Windows
View ArticlePromise { } in Javascript / async await function / return value VS then...
非同期の関数 ( async ) では返り値が Promiseとなるので、直接返り値を利用できない then...
View Article