Clik here to view.
Express.jsコードリーディング
Express.jsのコードを読んでみたのでまとめることにしました。普段の業務ではNode.jsもExpressも利用していないので、JavaScriptの基本的なコーディングやライブラリの内容なども合わせてまとめておこうと思います。間違っている内容がありましたら編集リクエストをいただけますと幸いです。Expressコードリーディング対象のコード今回コードリーディングする対象のコードです。ただHel...
View ArticleClik here to view.
Unity WebGL なゲームをNode.JS + jsdom + headless-glで動かしたかった
えっ このネタ続くの。。？前回( Unity WebGLで使われているシェーダを抜き出してARBアセンブリを眺める...
View ArticleClik here to view.
Node.js install for mac
何からNode.jsを入手したか忘れないためのメモ。公式からLTS版mac用のinstallerをダンロードするinstallerを起動し、各設問をデフォルトのまま進めてinstallする nodeのバージョンを確認する$ node -v v12.14.1 npm(パッケージマネージャ)のバージョンを確認する$ npm -v 6.13.4...
View ArticleClik here to view.
Vue.js×FullCallendarでWEBカレンダー作成（花粉カレンダー作成①）
はじめに耳鼻咽喉科の開業医をしています。花粉症の患者さんに使ってもらえるような花粉飛散情報が分かるカレンダーアプリを作りたいと思っています。調べてみるとFullCallendarというオープンソースのJavaScriptライブラリがあり、カレンダーのUIと機能を簡単に実装できるようです。今回カレンダーを表示して予定を入れるところまで挑戦してみました。完成図作成こちらの記事を参考にさせていただきました...
View ArticleClik here to view.
Auth０で簡単にユーザー認証を実装（花粉カレンダー作成②）
概要耳鼻咽喉科の開業医をしています。花粉症の患者さんに使ってもらえるような花粉飛散情報が分かるカレンダーアプリを作りたいと思っています。前回カレンダーを表示して予定を入れるところまで挑戦してみました。Vue.js×FullCallendarでカレンダー作成（花粉カレンダー作成①）今回はユーザー個別のカレンダーを表示するために、ユーザー認証機能の実装に挑戦しました。完成動画https://youtu....
View Articlenodeのバージョンが古く、npmがアップデートできない(バージョン管理:nodebrewとanyenv)
はじめに概要Webサイト作るお仕事をしている方向けの内容です。gulpを使用してフロントエンドの環境構築バージョン管理はnodebrewとanyenv既にgulpを使用している(nodebrewとanyenvに関しては後々記事を書いていこうと思います。)出来事gulpを使用したかったので、他の記事にもあるように① Node.js② npm③...
View ArticleClik here to view.
Microsoft Bot Framework SDK for JavaScript で特定のメッセージに特定の返答を返せるように実装してみる
はじめに~目的この記事ではMicrosoft Bot...
View ArticleClik here to view.
obnizのBLEでペリフェラルに接続する
BLEデバイスを見つけるだけでなく接続するというのをやってみます。接続することで実際にデータを送ったり、データを受け取ることができるようになります。見つけてから接続接続するためにはまず、見つけなければなりません。そして見つけたperipheralに対してconnect()を呼ぶことで接続できます。接続とスキャンの同時実行はできないため、自動でスキャンは停止されます。ただ、接続してしまったあとの両立は...
View ArticleNode.js(Express) + Multer + S3で画像をフォームからアップロードする
目的フォームから画像やファイルをクラウド上(今回はS3)にアップロードするため背景最近Nodeを触っていて、ググっても色々情報はあるものの、フォームからS3に上げるどうこうっていうのはまとまってなかったので。前提条件・AWS・S3・環境変数、aws-sdk, multer,...
View ArticleElectronでcontextBridgeによる安全なIPC通信
はじめにElectronの情報って、検索すると沢山出てくるのに、ところどころみな違っていて見極めが難しいですよね。まだまだ私自身よくわかっていないですが、調べた情報を共有します。現時点での結論として、セキュアなIPC通信にはcontextBridgeを使おう、ということらしいです。とはいえ、Electronの状況はversionによってかなり変わるようなので、以下の際内容には注意してください。こちら...
View ArticleClik here to view.
lighthouseを自動で指定回数動かしてWebパフォーマンスを確認する環境を構築する
pupeteerでlighthouseを自動で指定回数動かしてWebパフォーマンスを確認する環境を構築する改めて整理し、今回はpupeteerは使わなくなりました。プロジェクトを作成するTerminal$ mkdir node_js_api_sample_1 $ cd node_js_api_sample_1/ プロジェクト名やバージョンなどを管理する(NPM init)npm...
View ArticleClik here to view.
花粉症LINE Botのデータをnode.jsを使ってFirebaseに出し入れする（花粉カレンダー作成③）
概要耳鼻咽喉科の開業医をしています。今回、以前作成したLINE Botのデータをnode.jsを使ってFirebaseに出し入れできるようにしました。以前作ったLINE Botの記事はこちら 花粉症の重症度を判定し自分に合う市販薬を教えてくれるLINE Botの作成作成1.Firebaseno秘密鍵を生成し準備こちらを参考にします。サーバーに Firebase Admin SDK...
View ArticleClik here to view.
Cloud Functions for Firebaseを使ってExcelファイル←→ Cloud Firestore を読み書きするサンプルコード
WEBアプリからExcelファイルを操作(アップロード・ダウンロードなど)する必要があったため、そのときに調べた内容の備忘メモ。イントロCloud Functions for Firebase を使って、Excelファイル内のデータをCloud...
View Articlenpmコマンドが使えなくなった。
npm command not found ターミナルを起動すると下記のエラーがbash: /Users/gouda/.bash_profile: line 20: syntax error: unexpected end of file .bash_profile見てみる大体、コピペで作っていたので、おかしい箇所が分からなかったが、最後の方のif文が、fiで終わっていなかったことが原因みたい。#...
View ArticleClik here to view.
鼓膜の画像を送り質問に返答すれば、自動で中耳炎の診断や治療方針が返されるLINE Botを作成（ヒーローズ・リーグ2019 LINEテーマ賞）
概要耳鼻咽喉科の開業医をしています。以前、質問に答えていくと急性中耳炎の重症度が分かるLINE Botと鼓膜画像を送ると正常か中耳炎かを答えてくれるLINE Botを作成しました。急性中耳炎の重症度が分かるLINE Botの作成Microsoft Custom Vision Serviceによる中耳炎画像認識LINE...
View ArticleClik here to view.
Zeitの最強ホスティングサービスnowのDNS設定にレコードを追加する方法
今回始めてNext.jsアプリをnowにデプロイしました。nowでは簡単に独自ドメイン設定ができるので、お名前どっとこむで取得したものを設定しました。また、SEO対策で欠かせない？Google Search Consoleでのドメイン所有権確認のためにTXTレコードの追加が必要になり、ここで少しつまずいたのでメモ的にDNSレコード追加方法を書いておきます。ドメイン設定はName...
View ArticleClik here to view.
花粉症LINE BotからのデータをWEBカレンダーに表示する（花粉カレンダー作成④）
概要耳鼻咽喉科の開業医をしています。花粉症の患者さんに使ってもらえるような花粉飛散情報が分かるカレンダーアプリを作りたいと思っています。これまでカレンダーを表示して予定を入れることと、ユーザー認証の実装、LINEのデータをFirebaseに貯めるところまで行ってきました。Vue.js×FullCallendarでWEBカレンダー作成（花粉カレンダー作成①）Auth0で簡単にユーザー認証を実装（花粉カ...
View ArticleRedis の WebAPI (Express)
こちらで定めた仕様を満たすサーバーサイドのプログラムです。Redis の WebAPI を作成フォルダー構成$ tree . ├── app.js └── routes └── index.js app.js//-------------------------------------------------------------------------// app.js////...
View ArticleClik here to view.
node.jsのsvg変換パッケージconvert-svg-to-jpeg/pngの日本語文字化け対策
問題svg画像をjpegやpngに変換する際にはconvert-svgを使っています。NodeコードからやCLIからも使えたりと高機能なことに加えて、内部的にブラウザに描画したSVGをラスター化しているので変換後の仕上がりが素直で気に入っています。以前、日本語を含んだSVG画像を変換した際に文字化けに遭遇したので、その原因、対策をメモしておきます。文字化けした画像はこんな感じ。原因内部的にSVGをブ...
View Articlenvmを使ったNode.jsのバージョン管理
これまでWindowsならnodist、Macならnodebrewを使ってきましたが、nvmがユーザー数多いみたい（ Google Trend...
View Article