nodejsを使ってwebページからデバイスを制御する
何ができるようになるか webページを使ったインタラクティブなシステムの設計ができるようになります。 例えば、webページのボタンを世界の誰かがクリックするとLEDが点灯したり。 この記事は、実装重視で行くので細かいところは、調べてください。 システム構成 nodejsでwebサーバーを立てて、webページをホスティングします。webページの閲覧者はサーバーに対してクライアントと呼ばれます。...
View Articlewindows で npm の shell 設定を変更したら別窓に開くようなってしまったのを直す
たちまちやり方がわからなかったのでnpmの設定ファイルのリセットで直しました。 npmの設定ファイルを修正すればリセットする必要はないと思われますが、方法がわかりません。 ユーザーのデフォルトをリセットするには これをコマンドライン（またはWindowsではgit bash）で実行します。 echo "" > $(npm config get userconfig) npm config...
View Articlegyp: No Xcode or CLT version detected!
gyp: No Xcode or CLT version detected! gyp: No Xcode or CLT version detected! gyp ERR! configure error gyp ERR! stack Error: `gyp` failed with exit code: 1 gyp ERR! stack at ChildProcess.onCpExit...
View Articlenpm package をアップデートしたい時の便利なコマンド
npm package をアップデートしたい時のコマンド npm packageをアップデートしたい時によく使用するコマンドについてまとめます。 今回packageを見ていくのは vue-hackernews-2.0 をです。 $ git clonse https://github.com/vuejs/vue-hackernews-2.0.git $ cd vue-hackernews-2.0...
View Articlenpmとyarnとは？
はじめに Rails開発を進めていく中で、使い分けがわからなかったためまとめました Node.js サーバーサイドJavaScriptとも呼ばれている。 JavaScriptはブラウザ上でしか動けなかったが、Rubyなどのようにパソコン上で動作可能にしてくれるJavaScript実行環境である。 npmとは Node Package Maneger...
View ArticleAizuHack LINEBot勉強会 Vol.1
AizuHack LINEBot勉強会 Vol.1 資料一覧 LINEBotとは AizuHack LINEBot勉強会 Vol.1(本記事) AizuHack LINEBot勉強会 Vol.2(6/27公開予定) AizuHack LINEBot勉強会 Extra（6月下旬公開予定） はじめに こんにちは、会津大学学部一年のしんぶんぶんです。 本記事はAizuHackのLINEBot勉強会...
View Articlehuskyでgit hooksを作成して開発自動化を行う
これは何 huskyというライブラリを使用して、git commit時やgit push時にコマンドを実行する方法をお伝えする記事です。 git commit時にフォーマッタを適用させたり、git push時にテストを実行したり、開発自動化を進める時などに有効です。 対象読者 gitを使用しており、開発自動化を進めたい方 huskyの使い方を学びたい方 huskyとは...
View Article【Node.js, TypeScript】天気予報アプリをLINE MessageAPIで作ってみた！
先日、Node.jsでアプリを天気予報アプリを作成しました。 多分初めてQiitaのトレンドに乗りました。 嬉しいですね〜☺️ 見てくださった方ありがとうございました。 Node.jsとLINEに関しては興味を持ってくださった方が多いのかなーと思いました。 なので今回はNode.jsとTypeScriptで作ってみました。 完成形としては以下の通りです。...
View Articleビッグカメラで買ったGit-hub を使う（初めてのgithub完全ガイド1）
Git とは何じゃ？ ビッグカメラで買えるんか？ すでにプログラミングを業務にされている諸先輩方は、今更なトピックかも知れませんが、プログラミングはじめました という入門者にとっては、GitやGit hubっていうのは、何やら世界のプログラマーが使う、怪しい秘密のプラットフォームで、色々なトラップが埋め込まれたハッカーの溜まり場的なイメージがあると思うのじゃ。...
View ArticleFirestoreでMapオブジェクト内のフィールドに対してWhere検索する
はじめに 以下のような、Mapオブジェクトを持つコレクションに対してWhere句で条件指定してデータ取得するメモ。 自分用備忘録を兼ねる。（むしろそっちの目的が大きい） 検索方法 where('[フィールド名].[Mapオブジェクト内のフィールド名]' , '==' , 'hogehoge')のように指定する。 上の例だとwhere('data.name','==','hogehoge')とする。...
View Article自分がDockerについて調べて、やっと使えるようになった気がした手順
初めに 環境をコンテナ化、各々の開発環境や、開発環境と実行環境の差異をなくす、開発が爆速化など、dockerに関することを目にするのですが、恥ずかしながら私はdockerの取っ掛かりにとても苦労しました。Qiitaの記事、書籍を調べ、ようやっと、なんとなくつかめた気がする、という段階です。もし同様の方が見えて、当記事がほんの少しでも助けになったら、とてもうれしいです。 環境 Windows10...
View Article[メモ] electron-flask
概要 https://github.com/matbloch/electron-flask を使う。 readme.mdの説明に書かれてる通り 環境 Windows 10 64bit 21H1 (仮想機にて確認. 2021/6/21現在) Python v3.9.5 (venv使用) Node,js (LTS) v14.17.1 作業フォルダ: C:\develop\ 手順 インストール関連...
View ArticleFirebaseのAuthenticationのメールアドレス確認の文章を変更する方法
できるようになること メールアドレス確認のテンプレートを使用せず、文章を変更できるようになります 環境 Amazon Simple Email Service(Sendgridでも可) FirebaseCloudFunctions 大まかな流れ createUserWithEmailAndPassword して、auth.user を firebase に作成する cloud functions で...
View Article【Node.js】LINE MessageAPIで作った天気予報アプリをAWSでデプロイしてみる！
先日、Node.jsでアプリを天気予報アプリを作成しました。 この記事内ではデプロイは、Glitchを使いました。 まぁ無料なわけで色々問題があります。 ・プロジェクトは、利用されていないときは5分でスリープ状態になる ・4000件/1hのリクエスト制限がある(Error: 429 too many requests) ということでAWSにデプロイすることにします。...
View ArticleFIDOデバイスエミュレータようやく完成
以前の投稿 「FIDOデバイスエミュレータを作成してみた(これが最後)」 で、FIDO2のデバイスエミュレータの作成を試みて、断念していたのですが、久しぶりに挑戦して、原因がわかり、完成できました。 ソースコードもろもろを以下のGitHubに上げてあります。 poruruba/fido2_server...
View Articlenode.js、express、handlebarsを使ってウェブサーバーの立ち上げからページの制作までをやってみた - 2
次はNode環境で、ウェブサイトを作っていこう 前回からの続き、expressをインストールし、サーバーも立ち上がったので、早速ウェブサイトを作っていくよ。 通常のサイト制作と大きく違っているのは、まず、ディレクトリの構造。 前回もやったけど、エンドポイントって考え方がメインになるので、旧来の絶対パスとか相対パスっていう考え方とはちがうなぁという感じ。...
View ArticleError: Cannot find module 'express'
npm install -g express expressをインストールしてもexpressが見つけられない。。。 node server.js internal/modules/cjs/loader.js:883 throw err; ^ Error: Cannot find module 'express' やろうとしていること vuex/examples at dev ·...
View ArticleNode.jsのnpxでBusiness Card(電子名刺)を作る方法
はじめに 先日、仕事でご一緒した方が、npxを使ったBusiness Cardで自己紹介をされていて、素敵だな〜と思ったので、真似させていただき作ってみました！！ デモ まず、早速デモをご紹介します。 ターミナルで npx misa335 と入力してみてください。 このように表示されるはずです！ `♥･*:.｡ ｡.:*･ﾟ♡･*:.｡ ｡.:*･ﾟ♡･*:.｡ ｡.:*･ﾟ♡･*:.｡...
View ArticleALBのリスナールールを自動で切り替えるLambda関数
SetRulePriorities APIを使用して、ALBのリスナールールを自動で切り替える関数です。 CloudFormationからSNS経由で通知を受け取り、CloudFormationによる更新中はメンテンナンス画面を表示し、更新が完了したらEC2のサイトを表示するというルールの切り替えを行います。 概要 ランタイム：Node 14.x アクセス権限：...
View Articlenodenv-default-packages まとめ
概要 nodenv-default-packagesというプラグインの存在を知ったので調べてまとめる 参考資料：nodenvでいつも使うパッケージを自動でインストールする nodenv-default-packagesとは nodenvのプラグイン nodeインストール時に自動的に指定したパッケージをインストールすることができる...
View Article