Clik here to view.
ReactのBDD勉強としてサービス作ってみた
TL;DRフロントエンドBDDの勉強用に、簡単なサービス作った。テスト書くの良い。サービス公開とか色々本筋でないとこに結構引っかかった。Javascript難しい。フロントエンド難しい。What's this?最近業務でswiftを触っていたのもあり、勉強の方向性がフロントエンドに偏りつつある。...
View ArticleElectronで「要素の検証」を再現する方法
本文初投稿です。 Chromeで右クリックすると出てくる「検証(I)」。押すとデベロッパーツール内でカーソル直下の要素にジャンプします。...
View ArticleClik here to view.
年末の断捨離アプリをFirebaseでhostingしてみた話（webアプリが少しずつ良くなっていく過程編）
Firebaseのhostingを使ってReactのSPAアプリをデプロイした話です。結論だけ話すとそんな感じです。(domainをとっていないことをお許しください)https://dan-syari.web.app/#/年末の短期休暇でアプリを１つ作ろうと考えていて、今回作りました。(開発期間は2日間)今回作ったアプリについてタイトル： 「Dan Syari」内容：...
View ArticleVuePress でテンプレートから記事生成
最近 VuePress で個人ブログの運用をはじめました。ですが、VuePress 単体では記事の Markdown を自動で生成できないことに悩んでいたので、{{ mustache }}を使った簡易的な記事生成スクリプトを作りました。イメージ的には hexoの new コマンドのような感じです。登場人物new-post.jsと templates/*.mustacheを新規に追加します。$...
View Article高解像度降水ナウキャストの画像をpuppeteerによってロボット的に取得
これは何ですか？気象庁の降水レーダー画像を取得するスクレーパーです。今はこれもロボットと言えば言えるようです。長らくWatir + ChromeDriverで頑張ってきましたが、解析の困難なエラーが出るようになって、ChromeDriverがいくら更新しても直ってこないので、迂回策としてpuppeteerで書いてみたところあっさり動作した次第です。高解像度降水ナウキャストの画像取得 by...
View Articleウェブスクレイピング
概要CSVに記入したURL一覧からページの情報をスクレイピングします。ソースpackage.json{ "name": "scraping", "version": "1.0.0", "description": "scraping", "author": "", "devDependencies": { "cheerio": "^1.0.0-rc.3", "csv-parser":...
View Articleこれから NestJS をはじめようとしている方へ
この記事は NestJS アドベントカレンダー 2019の 25 日目の枠です。はじめにNestJS の知名度は 2019 年を通して上昇したように感じられますが、まだまだ日本語情報が少ないという思いからこのアドベントカレンダーを開始しました。まず、 NestJS とは何か、どういうユースケースにマッチするか、という紹介については以下のスライドにまとまっています。What is NestJS? /...
View ArticleMac で npm install すると Cannot find module './lib/async'...
はじめにタイトルのように、npm install すると [Cannot find module './lib/async'] と表示されてインストールが進まなくなって、色々調べて結果 Node.jsを削除して、再度インストールした時のメモです。自分のメモ書きなので特にまとめもありませんし、役立つ情報も無いかもしれませんが残しておきます。現象npm -g...
View ArticleClik here to view.
「node.js」「npm」を使って「bootstrap」を導入するまでのまとめ
1. はじめに1.1. 背景「node.js」でSPA（シングル・ページ・アプリケーション）を作りたい。それにあたって、「bootstrap」を使いたい！1.2. 目的「node.js」の「npm」を使って「bootstrap」を読み込むこと。2. 「npm」で「bootstrap」の導入早速、「npm」コマンドでbootstrapをインストールします。2.1....
View ArticleClik here to view.
Express (Node.js) の Graceful shutdown
基本的な実装の仕方と、実装した場合 / しなかった場合、で実際にどういう動作をするか〜、について書きます。Linux, Node.js 12.13.0, での話だけをします。Graceful shutdown ?Express (Node.js) に限りませんが、Web サーバーを停止する際、クライアントから接続中のリクエスト (リクエスト受付してまだレスポンスしていない接続)...
View ArticleGoogleカレンダーAPIを用いて予定への出欠登録を行う
はじめに明けましておめでとうございます。早いもので令和2年(2020年)になりました。なかなか投稿できておらず、久々の投稿となってしまいました。 2020年も気軽に投稿していければなと思っています。今回は、前回の記事「GoogleカレンダーAPIを用いてカレンダー一覧を取得する」に続き、...
View ArticleClik here to view.
Node.js イベントループ
Node.js とはNode.jsはChromeのV8 JavaScriptエンジンをベースに作られたJavaScriptランタイムです。Node.jsはevent-driven、non-blocking I/O modelデザインなので軽量で効率的です。Blocking vs Non-Blockingこの二つの違いは、リソースをプロセスに集中すべきか否かです。Blocking...
View ArticleReactプロジェクト環境の構築メモ
freeCodeCamp の How to set up & deploy your React app from scratch using Webpack and Babelより、余計なパッケージ等が多く付属されてしまう create-react-appとは別の方法でのセットアップだそうだ。nvm で node と npm のインストールプロジェクトの初期化npm...
View ArticleClik here to view.
暇すぎて画像ダウンロードツールを作ってみた話
年末年始暇ですね。暇つぶしに何か作ろうと思ったんですが、何も思いつかず。。。普段AngularやNestJSでTypescriptばっかり書いてますが、たまにはJavascriptでも書いてみようと思いました。とりあえずWebページのスクレイピングってやったことないからJavascriptで書いてみるかーということでしょうもないツールを作ってみました。作ったものWebページのURLを指定すると、その...
View ArticleClik here to view.
比較的早く Svelte をセットアップする方法
The State of JavaScript 2019にて突然出現した Svelteその setup 手順を、official pageを参考にまとめてみました👏前提条件Node.js : 8.x or laternpm package managerインストール$ npx degit sveltejs/template 1st-svelte-project $ cd...
View ArticleClik here to view.
DialogflowでGoogle Homeの挙動をカスタムする
目的先日、YouTube Premium特典でGoogle Nest Miniを無料で頂いちゃいました！早速ルンバやら電気やら色々連携して楽しんでいたのですが、やはり挙動をカスタムしてみたくなりまして...。...
View ArticleClik here to view.
Docker-composeを使ってnode.jsの環境構築をしてみたのよ。
Docker-composeを使ってnode.jsの環境構築をする。こちらが前回の記事。Dockerについて基本的なことなぞってみたのよこちらでDockerの基本的なことをなぞったので今回はdocker-composeを使っていこうと思います。docker-composeとDockerfileどう違う？docker-composeはdocker-compose.ymlの記述をdocker-compo...
View ArticleClik here to view.
RTA in Japan 2019のNodeCGレイアウトを動かしてみる
はじめにRTA in JapanのNodeCGレイアウトを動かしてみるで起動までの道のりを解説しましたが、RTA in Japan 2019 Online以降のバージョンでセットアップ手順が変わったのでその解説です。なお、差分以外の説明は適当なので前回の記事も参照してください。この記事の目標ローカル環境でRTA in Japan...
View ArticleClik here to view.
[初心者向け]IBM Cloud のKubernetesクラスタにNode.jsアプリをデプロイ
はじめに年が明けまして2020年を迎えましたが、皆様いかがお過ごしでしょうか。2020年代は5Gの整備が完了し、IoTや自動運転技術が大いに浸透する10年であると言われていますが、2010年代も激動の１０年でした。特に、2013年ごろから開発が始まったKubernetesがようやくGA段階となり、各クラウドベンダーでマネージドサービスとして展開されたことが大きかったと思います。これによってコンテナ技...
View Article