Clik here to view.
puppeteerでSPAのページ表示速度を計測してみた
普段はテスト自動化、ちょっとだけ開発を行なっています。自動化繋がり(?)で、手動で行なっているページ表示速度の取得を自動化をすることなりました。やりたいこと・手動でやっているページ表示速度(ボタンクリック→画面が全て表示されるまで)を定期的に自動で取得したい・対象はSPA(シングルページアプリケーション)・リロードの時間も計測したい・毎日数時間おきに計測して比較したい・Puppeteer使いたい...
View ArticleClik here to view.
leafletで洪水ハザードマップを作成する【OpenStreetMap, 国土数値情報】
概要 2019年は水害によって多大な被害がもたらされました．災害時には自治体のハザードマップにアクセスが集中しサイトが見づらい状況になることもありました．そこで，国土交通省が公開している国土数値情報のシェープファイルをleafletにプロットし，自分でハザードマップを作成しブラウザで確認できるようにしてみます．...
View ArticleLambdaローカル開発にてdotenv�にて.envファイルが読み込めない問題と対処
備忘録あくまで備忘録。問題Lambdaをローカルで開発時、dotenvを読みこない不具合に陥った。設定した環境変数が、undifinedになる。原因を究明した方法console.log(require('dotenv').config())...
View ArticleClik here to view.
express4でexpress-flashの利用
express4でexpress-flashの利用（npm）express-flash：https://www.npmjs.com/package/express-flash node.jsのフレームワークexpress 4でのflash、express-flashの利用についてのメモ書き程度。ある日、サンプルのWebページを作ろうかなと思って express と express-flash...
View ArticleClik here to view.
Windowsで（WSLを利用して）Node-RED環境を構築する
概要Windows 10上にNode-RED環境を作るのに、諸般の事情でWSL（Windows Subsystem for Linux）を利用した際の備忘録。環境Windows 10 Home 1903 (x64)手順WSLの設定1. 設定画面からアプリを選択します。2. 「アプリと機能」タブで、下部にある関連設定の「プログラムと機能」をクリックします。3....
View ArticleClik here to view.
シリアル通信でPCとマイコンをつなぐ
はじめにこんにちは。株式会社バカンでハードウェアエンジニアをしているヒロトです。この投稿は、バカン (Vacan) Advent Calendar 2019の16日目(12/16)の投稿です。最近、デスクトップアプリを使ってマイコンとPCをシリアル通信でやり取りさせ、吸い上げたデータをPC側で保存する、という操作が必要になる機会がありました。...
View ArticlePuppeteerで自動ブラウザ操作するときによく使う操作一覧
テックタッチアドベントカレンダー16日目を担当する@kosyです。 15日目は @terunumaによる PWA...
View ArticleClik here to view.
Node.jsでお手軽グラフ表示
Node.jsで手軽にグラフ表示できるライブラリのnodeplotlibが便利だったので使ってみました。はじめにNode.jsでデータを扱う作業をしている際にグラフ表示したい時ありませんか？データ扱いたいならpythonでやれというのはあるんですが、Node.jsでベースを作ってるんでNode.jsでやりたいんですよ。。。ということで、良いライブラリがないか探してみるとnodeplotlibというラ...
View ArticleClik here to view.
[Swift] FirebaseのログをCloud FunctionsでフックしてPuch通知を送る
はじめに２ヶ月以上前に 「集まれSwift好き！Swift愛好会 vol43...
View ArticleClik here to view.
Googleスプレッドシートでウェブサイトの情報を管理する
概要ブログをつくる場合はWordPressといったCMSを使用するのが一般的です。ただ、サイトによっては、大掛かりな管理は必要ないけど、のせる情報をハードコーディングしたくない場合があるかと思います。そんな時に使えるGoogleスプレッドシートで情報を管理する方法を紹介します。今回はnode.jsを使用してGoogleスプレッドシート（Google Sheets...
View Articlenode.js スクレイピング
スクレイピングとはプログラミングを使ってwebサイトから情報を取得する方法である。スクレイピングは基本2種類あって、requestを送る方法とheadless browserを使ってbrowserを動かす方法の二つである。 requestを送る方法は処理自体は軽いが、Vue.jsやReact.jsを使ったSPAだと取得が難しい。 headless...
View ArticleClik here to view.
Clik here to view.
Clik here to view.
CAMPFIREのページをモニタリングしてクラウドファンディングの状況をウォッチする - スクレイピング編
クラウドファンディングプラットフォームの大手CAMPFIREさんのWebサイトをスクレイピングして、ファンディング中のプロジェクトの現在の進捗や、パトロン数などをウォッチしたいと思います。今回はスクレイピング編です。対象とするSPARKSチャンネル今回はCAMPFIREの中でも、プロトアウトスタジオ x CAMPFIREで現在開催中のSPARKS by BOOSTER...
View ArticleUse Async Hooks to monitor asynchronous operations
これがNode.js Advent Calendar 2019 19日目の記事です。宜しくお願いいたします。Use Async Hooks to monitor asynchronous operations非同期がJavascriptの特徴で、そして難しいどころです。この記事がNodeJSのAsync Hooks機能で非同期操作を監視することを紹介したいです。私がJia...
View ArticleClik here to view.
"関数名を書き換える"嫌がらせプログラムを作ってみた - Babel Toolingの活用法
今から嫌がらせをしますこんにちは。どんぶラッコ(Twitter: @don_bu_rakko)です。突然ですが、今から関数名を書き換える嫌がらせをします。嫌がらせの手順1. 関数が記述されているJSファイルを用意します嫌がらせの対象となるJSファイルを作成します。ここでは、関数 fuu(), rin(), ka(), zan()を作りました。風林火山。2....
View Article