Material-ui インストールコマンド
Material-uiのインストールコマンド下記コマンドを実行npm install --save @material-ui/icons @material-ui/core @material-ui/system @material-ui/styles 意味@matesial-ui/core→Material-uiを入手する @material-ui/icons→公式マテリアルアイコンを使用できる...
View ArticleClik here to view.
JavaScriptフレームワークのプロジェクト作成コマンドを列挙した
はじめにJavaScript のフレームワークには npm や Yarn などのパッケージマネージャーを使い簡単に依存関係を解決し、プロジェクトの雛形を作成してくれるコマンドが用意されていることが多いです。スクラッチでの作成もできますが、コマンドラインツールによって簡単にプロジェクトの自動作成、開発サーバーでの実行ができ便利だと感じたため、有名な JavaScript...
View ArticleClik here to view.
Node.jsでAzure IoT Hubにテレメトリを送信するサンプルコードを動かすメモ
はじめにデバイスから IoT ハブに利用統計情報を送信してバックエンド アプリケーションで読み取るを参考にサンプルコードを動かしてみます。接続文字列はAzure CLIを使わずに、コンソールから取得します。Azure IoTについてはこちらを参照。準備Node.jsをインストールする（今回はv14.1.0を使用）サンプルコードをダウンロードする手順を参考に、Iot...
View ArticleNode.jsをWindows10にインストールして詰まったこと
背景AWSでNode.jsを触ってみようと思い立ち、まずはAWSの開発者ガイドに従って開発環境を構築してみた。参考にしたURLhttps://docs.aws.amazon.com/ja_jp/elasticbeanstalk/latest/dg/nodejs-devenv.htmlhttps://qiita.com/taiponrock/items/9001ae194571feb63a5e詰まった...
View ArticleExpress Tour #2 Express application generator
素早くExpressアプリケーションのスケルトンを作るために、express-generatorを使いましょう。検証環境lubuntu 20.04 node.js 14.15.3express-generator のインストールまず下記コマンドでexpress-generatorをグローバルインストールします。$ npm install -g express-generator...
View ArticleAzure IoT Hub に Node.js で subscribe
azure_subscribe.js#! /usr/bin/node // ---------------------------------------------------------------// azure_subscribe.js//// Jan/19/2021////...
View Article[Node.js]docker-compose upで気楽に開発環境構築
前提筆者はMac環境（試してないがWindowsでも動くと思う）dockerコマンドが使える状態npmコマンドが使える状態nodeコマンドが使える状態Dockerの基本的知識（イメージやコンテナの概念）を有する対象環境構築を手っ取り早くしたい人Node.jsをdockerで動かしたい人環境bash$ docker -v Docker version 20.10.2, build 2291f61 $...
View Articlenode.jsやnodebrewなどをインストールし.bash_profileで設定完了→次の日できなくなってたの巻/Mac OS X 10.15
正確には次の日ではなくターミナル落として再度開いたら、でしたが、、 mac OS 10.15での環境構築のお話です。 nodeやnodebrewをインストールし、bash_profileに環境設定pathを通します。homeの中の「.bash_profile」 ファイルにはexport PATH=/usr/local:$PATHexport...
View ArticleClik here to view.
MQTTによるIoT制御を無料でやってみる
前置き※途中まで頑張りましたが、断念したため供養記事となります。m..m背景IoTの制御としてArduino, Raspberry Piなどを用いて各種センサー情報を収集、又はアクチュエータの制御などを想定する。MQTTとはネットワークプロトコルの一種HTTPと比較すると以下が特徴的一対多, 多対多で情報のやりとりが可能リアルタイムでの通信が可能ヘッダー情報が少なくHTTPの10分の1と軽量...
View ArticleNode.jsのmodule.exportsの仕組みを理解する
はじめにこちらは、エンジニアの新たな学びキャンペーンに向けた記事となります。Node.js + Express で作る Webアプリケーション 実践講座を参考にしながら、module.exportsについて理解を深めたことを記事にします。実行環境Node.js v12.16.3Express...
View ArticleClik here to view.
2021年、gulp-sassをインストールしようとして躓いた
この度完全新規のコーディング案件に携わることになったため、久しぶりに1年前まで使用していたpackage.jsonを引っ張りだしnpm intallを実行したところ、gulp-sassのインストールでエラーを吐いてしまい躓きました。 3時間調査したり悩んだりした結果、解決しましたので備忘録として残します。エラー状況Windows10環境で npm install gulp-sass...
View ArticleClik here to view.
Azure IoT Hub の イベントハブ互換エンドポイントに Node.js で subscribe
次のプログラムを改造して、イベントハブ互換エンドポイントを使うようにしました。Azure IoT Hub に Node.js で subscribe Hub に subscribe しているので、その Hub 内の Device に届いた総てのメッセージが表示されます。Device の認証が、SAS トークンでも、CA...
View Articlesam local start-apiでヘッダーが勝手にキャメルケースになるんだが？
表題の通り、sam local start-apiでヘッダーが勝手にキャメルケースになる問題についてです。こちらにドンピシャの回答があるのですが、内部で使っているFlaskの仕様だそうです。Headers are received in Camel-Case · Issue #1860 ·...
View ArticleClik here to view.
Slackの今日のチャンネル内容をLINEに送信する(Google Cloud Functions)
表題の内容を試す機会があったので、作業内容とサンプルコードを紹介したい思います。環境Slack: フリープランでOKLINEGCP Coud Functions実行環境はNode.js*各サービスのドキュメントはすでにネットに豊富にあるので、今回は細かい設定方法の解説を省きますサービス設定Slackslack api 設定https://api.slack.com/appsでCreate New...
View Articlecorrs について 猿でもわかる
バックエンド側でnode,expressを触っている人向けCORRS とは、API通信で値(param)など、バックエンド側のデータを表示させるためにバックエンド側で設定するための物です。なので、今回は設定方法だけ記載します。これを書いておけばHTTP通信は正常に行われます。バックエンド側に app.use((req, res, next) => { //...
View Articlenode.jsで集計処理をしてみた。
初めにnode.js の学習のために集計をしてみました。実際のコードです。https://github.com/shohei-lob/adding-up.git 環境はLinuxです。今回すること「2010 年から 2015 年にかけて 15〜19 歳の人が増えた割合の都道府県ランキング」作成。地域経済分析システム（RESAS：リーサス）で提供されている2010 年と 2015 年の都道府県別 10...
View Article【Typescript】 Error: Cannot find module 'express' の解決
あるファイルを読み込もうとしたら、エラーメッセージが出た。nodeindex.jsinternal/modules/cjs/loader.js:638throwerr;^Error:Cannotfindmodule'express'atFunction.Module._resolveFilename(internal/modules/cjs/loader.js:636:15)atFunction.M...
View ArticleClik here to view.
Githubプロフィールに貼れる画像を動的に生成して返すエンドポイントを作る
巷ではGithubのプロフィールをデコるのが流行っています。具体的にはGitHub Readme Stats...
View ArticleClik here to view.
初めてのクラウド、初めての Azure -簡単なサーバーアプリをオンプレから移行-
初めに＊以下の記事を Qiita へ移植したものです。普段使用する技術情報プラットフォームが Qiita な方もいるかもということで。...
View ArticleClik here to view.