Express(Node.js)で対応していないメソッドに対して405を返す
はじめに ExpressでAPIを実装する際に、ルーティングとしては定義されているが、メソッドが対応していない場合に405エラーを正しく返す方法を考えます。 APIの実装 APIの実装を下記のように行います。 この場合、http://localhost:3000/api/userにGETを行うとgetHandlerが実行されますが、同URLにPOSTを行うと404エラーとなってしまいます。...
View ArticleHerokuにデプロイ
PERNアップをHerokuにデプロイする流れ 背景 初めて、Postgresql＋Express＋React+Node.jsでアプリを作った際、全面的にThe Stoic ProgrammersのHow to Deploy a PERN app on Herokuという動画にお世話になったのですが、忘備録も兼ねデプロイの流れをまとめておきます。 対象...
View ArticleNodeJSのrequestモジュールで同期処理する
requestモジュールは、2020年2月の時点で非推奨になってしまったので、 最新の方法は以下のサイトを見てください。 Node.jsでAysnc/Awaitを使ってHTTPリクエストを行う5つの方法 非推奨とはいえ、requestは未だに使用されているので以下に書いておきます。 request= require('request'); const rqt = (url) => {...
View ArticleYoutube Data APIでNode.jsから動画をアップロードする
Youtubeへの動画アップロードの自動化を行いたいなと思って調べてましたが、ある程度まとまってきたので記事にしてみます。 調べてもあまり実装サンプルが見当たらないですね、Youtubeに動画をアップロードするサンプルは調べてすぐ出てくるものが古いものが多くて調べるのに苦労した感あります苦笑 未来の自分やどなたかの参考になれば幸いです。 Youtube Data API Youtubeは...
View ArticleNext.jsをのビルドでwebpack4を使うと失敗するので5に切り替える方法
以下エラーが出てBuildができない場合の対処方法のメモ 発生したエラー ❯ yarn build 7.3s Thu Apr 22 12:00:15 2021 info - Using webpack 4. Reason: future.webpack5 option not enabled https://nextjs.org/docs/messages/webpack5 info -...
View ArticleReact×Firebase(create-react-app)連携時の注意事項
本ページの趣旨 FireBaseに記載されているドキュメントを流し読みすると、つまづきやすいポイントを記載する。 Node.jsのバージョン 最新版は対応していない、必ずFareBaseのドキュメントを確認すること。 farebase init 時の注意事項 基本はコマンドラインに書いている通りに進めてOKだが、注意が必要な個所がある。 そもそも英語をまじめに読めば回避できる。 indexの上書き...
View ArticleChromaticのtokenをenv経由で使用する。
事前 ChromaticはStorybookを共有するツール。 共有するツールというのは語弊がありそうな気がするが、共有もできるツール、というイメージ。 共有するので、プロジェクトを共有している相手と一緒に更新ができるように tokenを直接package.jsonに登録するか聞かれる。 ⚠ No 'chromatic' script found in your package.json Would...
View ArticleMCUの映画公開とQiitaユーザーの動向の関係について分析してみた！
はじめに Qiita初投稿になります！ 役に立つ記事も書きたいなと思いつつも皆さんに面白いなと思ってもらえるような記事が書けたらと思いますので暖かい目で見守って下さい！ 背景 QiitaAPIを使って何か面白い分析ができないかと思い表題をやってみよう！となりました。 なぜMCUを絡めての分析かというと半分は純粋に大好きだからです！（フェーズ4も始まったし）...
View ArticleNuxt + Vuetifyで背景色をSASS変数の上書きで変更したいとき
概要 今回は、いつもVuetifyばかり使ってデザインをさぼっていると、 デフォルトテーマカラーに飽きてしまって、イメチェンしたい！と思ったら意外と時間がかかってしまったので、誰かの為に書いておこうと思います！ Before 変更後はこちらです リポジトリ バージョン Version Mac OS Catalina 10.15.7 Node 15.4.0 npm 7.10.0 Nuxt 2.15.4...
View Articlenpm run buildできなくなった話
忘れないように書いておきます きっかけ Catalinaで動かしていたWailsのプロジェクトをBigSurの環境にクローンした。 あれ、ビルド出来ないじゃないですか... WAIT Compiling... 2:33:34 98% after emitting ERROR Failed to compile with 1 error 2:33:35 error in...
View Article非同期処理について改めて理解する
はじめに ある処理が完了した後に、それに続いて順番に走らせたい処理の実装をするのに非同期処理の理解が必要だった。JavaScriptにおける非同期処理について理解が浅かったので、改めて復習。 用語定義 並行処理 複数の処理を同時に進行させること 逐次処理 複数の処理を一つずつ完結させながら順番に進めること グローバルコンテキスト...
View ArticleSlackBotでオンライン質問対応システムを構築した話
はじめに 2020年、コロナ禍による影響で大学の講義は一変しました。弊大学では上半期は完全オンライン講義、下半期は対面・オンライン混合のハイブリッド講義が実施されました。 上半期で得たオンライン講義での知見を元に、夏休みの自由研究としてSlackで学生と教員・TAの質問対応をサポートする質問対応システムを作成しました。 質問対応業務の難しさ...
View Articleよそ様の情報を簡単に参照できるWEBAPIが本当に簡単なのか体験してみた。
WEBAPIとやらを使うと簡単に情報を参照したりサービスを受けられるというので体験してみました。 今回、Qiitaのアカウントも作ってみたので、やってみたことを投稿します。 １．やってみたかったこと WEBAPIを使うと簡単にインターネット上の情報を参照したり、サービスを受けたりできるらしいが、本当に簡単なのか体験してみたい。...
View ArticleQiitaAPIでユーザーの属性情報を抜いて”居住地”という切り口で考察してみる
はじめに 5年ほどまともな開発（≒プログラミング）から離れていたシステムエンジニアです。 久方ぶりにモノヅクリがしたいと殆ど開発経験のないJavaScript＆APIの活用に挑んでいます。 生暖かい目でご覧ください。 目的 何をするにもやっぱり一人じゃ無理！ってことでQiitaには色々お世話になっています。 そのQiitaの偉大な先輩方は「どの辺に住んでいるんだろう？」ということで調べて行きます。...
View Articleマインドフルネスの記事は新月にアップされるのが多いのか？を検証してみた！
はじめに 4日前にJavaScriptを始めたばかりの初心者です。 これがQiita初めての投稿です。 まだまだ未熟者ではありますが、これからも興味のあるものをどんどんアウトプットしていければと思っています。 ご指摘、アドバイスなどいただけると嬉しいです！ 目的...
View Articleあらためて noble でガジェットを扱う話に着手する： toio と micro:bit を複数混在させてスキャン、toio の複数制御（6台分）
以前、Mac上での「@abandonware/noble」を使った BLEスキャンで、特定のデバイスがスキャンできないことがあり、最近それが解決できたという流れがありました（以下の 2つが、その関連記事）。 ●【IoTLT 2019】新しい obniz で obniz-noble を試す（2019/12/22） - Qiita...
View Articlewinユーザーがnodeをインストールするまで Chocolatey & nvm
はじめに windows10でnodeを入れた記事になります。 nodeを入れるにあたり、色々調べつつ何とかインスコできたので その手順を公開しておく！ 手探りでインストールしたため不正確な部分があるかもしれませんが 誰かの役に立てば幸いです。 nodeインストールまでの流れ Chocolatey → nvm → node この順番で進めていく...
View ArticleNode - Koa - Typescript Project の始め方
はじめに 業務でKoaを使うことになったので、Githubのサンプルに沿って勉強していきます。ありがたや。 Node - Koa - Typescript Project の始め方 サンプルをクローン mkdir sample-pjt && cd sample-pjt git clone...
View ArticleAWS LambdaからCloudWatchへの出力の際に、ログイベントが分割される場合の解決方法
※個人の備忘録です 実行環境 ・Node.js ・AWS Lambda 内容 AWS LambdaからCloudWatchへログを出力させた際に、なぜかログイベントが改行されて表示されており、 原因が分からず困ったので、その際の解決方法を記載します。 lambdaにはサーバーにssh接続した後、サーバーのソフトウェアを取得するコマンドを記載しており、...
View Articleはてぶで「Wasp」というのを見つけたのでサイトを見たら5分でお試しできるということなので試してみた
はじめに タイトルで記事を書いたきっかけ全部書いた Waspについて サイトに書いてる説明をそのまま引用 A simple language for developing full-stack web apps with less code. Describe high-level features with Wasp DSL and write the rest of your logic in...
View Article