Clik here to view.
ちょっと古いBraviaもHey! Siriで操作できるようにする。
はじめにほんの少し前のことなんですが。長年使ってたテレビが遂に壊れてしまったんですよ。地デジが始まる頃に買った『KDL-40X5000』って言うソニーのテレビ。テレビが映らないのは困るなあってんで、すぐに買いに行ったんです。そしたらこの10年ちょっとで、テレビってえらい進化しているんですね。薄く軽くなったのはもちろん、ベゼルが小さくなったんですよ。なので、設置面積はほとんど変わらずだいぶ大きなテレビ...
View ArticleAPI Endpointのエントリポイント・コードの書き方
API Gatewayとかから飛んできたリクエストをLambdaでいい感じに処理する、よくあるバックエンドコードこの辺のいい感じの記述を模索してて最近こんな感じになっています。最近の自分の書き方/** * フォーマットに関してはこいつに任せる。 */construn=async(event,hoehoe)=>{// どでかいtry-catchで例外をアプリ内に封じ込めるtry{//...
View ArticleFirebase Authentication 匿名ログイン 成果物URL:https://tokumei.netlify.app
成果物https://tokumei.netlify.appワイ 「ログイン後Firebaseから寿命が1時間のJWTトークンが取得できる」ワイ 「現実的な使い方をするなら」ワイ 「JWTトークンを自分が使ってるオリジンサーバに送って改ざんされていないかチェックする」ワイ...
View ArticleClik here to view.
GAEでNode.jsを使ってHello Worldをするまで
GAEを使って、Node.jsのHello Worldを行った際の備忘録。と言っても、Googleの公式ドキュメント通りに行えば大体大丈夫でした。たまに詰まっても、ググれば出てきたって感じでした。ではさっそく。GAEとはGoogle App Engine の略。 Google Cloud Platform の一部。 Google...
View ArticleClik here to view.
【niv】package.jsonのscripts一覧をターミナルから確認できるCLIを作ってみた
作ったものpackage.jsonに登録されている npm-scriptsをターミナルから確認、実行できるCLIを作ってみました。説明package.jsonがあるフォルダで$ niv と実行するとこんな感じで npm-scripts一覧が表示されます。hjklまたは 矢印キーで ❯を動かし、スクリプトを選択できます。エンターキーで選択しているスクリプトを実行します。ctrl +...
View ArticleEC2でReactをhttpsでnpm startして外部からアクセスする
EC2上でReactアプリをhttpsでホストすることがあったので備忘録です。AWSならACMとかELBとかRoute53とか使えるわけですが、ちょこっとテスト的に動かしてみたいだけなのでできるだけ簡単にSSL化したいと思います。結論から言うと HTTPS=trueにしたnpm startでlocalhostでhttpsサーバーを立てて、...
View ArticleNode.jsでディレクトリ配下にあるファイルを再帰的に探索する
下記のディレクトリ構造から、txtファイルのpathとfile名を一覧で取得する方法(Node.js)です。./dir ├── dir2 │ ├── dir3 │ │ ├── file2.txt │ │ └── file3.md │ ├── file2.txt │ └── file3.md ├── file1.md └── file1.txt...
View ArticleClik here to view.
Angular開発環境をDockerコンテナで立てる
Angular開発環境をDockerコンテナで立てるAngular 開発環境を Docker コンテナで立てる際に、コンテナ内の localhost:4200 にホストマシンからアクセスできないなど手こずったので、環境構築手順を記載したい。目次導入作業フロー各構成ファイルの役割参考資料導入この記事で構築する環境は以下の構成になる。Angular の Docker...
View Article【JS】Socket.io を使ってリアルタイムな通信を実現する
Socket.io を使って、ライブコーディングもどきを作った時のメモですGet started | Socket.IONode.jsからSocket.IOを使うための事前知識 - QiitaSocket.ioリアルタイムで双方向の通信を可能にする技術です。WebSocketが他のHTTPベースのプロトコルと異なるのはステートフルな通信であるという点です。...
View ArticleClik here to view.
OBS をスマホや M5GO（M5Stack）から遠隔制御 〜 MQTT や obs-websocket を利用 〜
はじめにこの記事は、ライブ配信などで使われる OBS Studio（以下、OBS...
View ArticleClik here to view.
生のNode.jsでプロジェクト作成時にやること
当然ではありますが、生のNode.js(特にWebアプリ)でプロジェクト作成時にやることが多く、HTTP通信に関する勉強にもなったのでメモを残しておきます。 Node.jsに関してはほぼ初心者なので、不足や誤りがあるかもしれません。発見した場合はコメントなどでご報告いただけますと幸いです。プロジェクトの初期化とりあえず初期化。いろいろ聞かれるので、それぞれのプロジェクトに合った選択をしていきます。$...
View Articlenode.jsでnpm run devがエラーになった場合の対処法
nuxt.jsの開発環境でで以下を実行したらエラーが出ました。$ npm run dev : This is probably not a problem with npm. There is likely additional logging output above. npm WARN Local package.json exists, but node_modules missing,...
View ArticleClik here to view.
pkgでインストールしたnode.jsを、Nodebrewのnode.jsに入れ替えたい！
nodeのバージョン管理を簡単にした〜いので、個人的にnodeをインストールするときは最初からNodebrewを使っているのですが、仕事で使っているマシンでは何を思っていたのかpkgでインストールしていたので、入れ替えした手順を備忘として残したいと思います同部署の人がnodeのバージョン変更で手こずってて、Nodebrewで一発やんけと嘲笑していたところ自分もpkg版だったのでしれっと入れ替えたとり...
View ArticleClik here to view.
Node.jsでOSの環境変数を読み込む
yuta:~ $ node > process.env { SHELL: '/bin/bash', SESSION_MANAGER: 'local/CARMILLA:@/tmp/.ICE-unix/1792,unix/CARMILLA:/tmp/.ICE-unix/1792', QT_ACCESSIBILITY: '1',...
View Article[JavaScript]ESLintの設定をグローバルルールで保存する
初めに学習用でESLintが使いたいけど、プロジェクトごとに設定ファイル（.eslintrc.*）を作成するのは面倒。そこで、設定ファイルをグローバルルールとして保存してプロジェクトごとに作成しなくていいようにしたので、その時にやった方法を備忘録としてまとめてみました。方法1. ESLintのインストールまずはESLintをグローバルインストール。>npm -g i eslint...
View Articleejsでインクルードをするときに、パスをルート相対URLで指定したい
process.cwd()Node.jsのprocess.cwd()は、コマンドが実行されたディレクトリを返します。たとえば、次のようなファイル構成だったとしましょう。./project └ src/ └ *.ejs └ package.json └ gulpfile.js...
View ArticleJSON.stringifyで`TypeError: Converting circular structure to JSON`というエラーが出た時の対処法
オブジェクトをJSON.stringifyしたときに、循環参照が含まれていると以下のようなエラーが出ます。コードconsta={a1:"test"};a.aa=a;JSON.stringify(a);実行結果JSON.stringify(a); ^ TypeError: Converting circular structure to JSON --> starting at object...
View Articlenpm install --save firebase で発生したエラーの回避法
記事執筆時点で安定版のfirebase 6.2.4をインストールを試みたところ以下のエラーが出ました。$ npm install --save firebase@6.2.6 : npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! grpc@1.20.3 install: `node-pre-gyp install...
View Article