MERNスタックをDockerでやっていく
はじめに３０代正社員経験のないクズ人間だけどSHUSHOKUできました！やったー！うれC！！！！！！！！うれC！！！ MERNスタック使って、ポートフォリオ用にWebアプリ作ってみたけど、大変だった気がします。正直全部大変だし難しいし自分が何やってるかよくわからない感じになります。頭が悪いので整理ができない……(´・ω・｀)...
View ArticleClik here to view.
Netlify Functions で API の URL を rewrite する
はじめにNetlify Functionsで作成する API の URL 形式を 初期設定の /.netlify/functions/example?hoge=10のような形から /example/10形式に rewrite する方法です。netlify.toml の指定Netlify ではプロジェクトのルートに配置する netlify.tomlで redirect...
View ArticleClik here to view.
よく使われるHTTPステータスコードをNode.jsの実例で勉強する
はじめに簡単なアプリを作りながらNode.jsと基本的なサーバーサイドプログラミングについて勉強していました。また、ステータスコードの扱いについて本で読んでいると、こういう場合にはこのステータスコードを返せばいいよと書かれてあったのですが、実際のコードでそれをどう表現すればいいのか本だけではイマイチ理解できませんでした。今回はNode.jsの復習を兼ねて手を動かしながら実例を作ってみました。対象のス...
View Article[WIP] part1 設計 | Node.jsで在庫管理アプリを作ってみる
次part2注意この記事は進捗報告のようなものです。アプリが完成するかは未定です。在庫管理アプリがほしい 私は物持ちです。我が家にはたくさんの食材や調味料などが貯蓄してあります。その量と言ったら私自身も把握が難しい程です。レトルトカレーでいうと、縦にして並べても0.7平方メートルくらいあります。平らに並べると多分卓球台の面積くらいあるんじゃないですかね。卓球が好きなわけじゃないですけど。...
View Article[WIP] part2 Express+TypeScriptを使い始める | Node.jsで在庫管理アプリを作ってみる
前次part1未定注意 この記事は進捗報告のようなものです。アプリが完成するかは未定です。 記事は見栄えがよくなるように書いていますが、実際の作業には手戻りもあったりしたので、コミット履歴とちょっと食い違ったりします。設計の続き 前回設計した仕様を実現するために、どういう構成にすればいいか考えてみました。プラットフォーム: Node.jsフロントエンド: React,...
View Article重複しない任意長のランダム文字列を生成する方法
TL;DR高速で安全、手軽にランダム文字列を生成したいときはai/nanoidを使う。特徴README.mdより意訳しています。手軽：サイズ108bytes (min &...
View ArticleNode.js Worker Threads: TypeScriptのワーカーを起動する方法 〜ts-node、ts-node-devに対応する方法〜
Node.jsのWorker Threadsは、本物のスレッドプログラミングができます。ワーカーの処理を記述したJavaScriptを与えて、ワーカーを起動するわけですが、TypeScriptのファイルを指定するにはどしたらいいのでしょうか？本稿でわかることts-nodeとWorker...
View ArticleNodeでmultipart/form-dataを送る
form-dataを使う。form-data/form-data: A module to create readable "multipart/form-data" streams. Can be used to submit forms and file uploads to other web...
View ArticlePHPファイルをhtml-loaderにかけたときにエラーが出るときの対策
PHPプロジェクトをejs（ejs-html-loader）で管理していて、共通ヘッダーのincludeなど、?>で終わらないファイルが存在する場合、productionビルドでエラーが出る。Parse Error: <?php これは html-loader（正確にはそこから利用される...
View ArticleClik here to view.
Spotify Developer Platform: Spotify APIアクセスしてデータ取得してみてみた
Spotifyは2019年現在、2億3,200万人(うち有料会員数1億800万人)のユーザー音楽配信サービスとしては世界最大手で、5000万以上の音楽やコンテンツが揃っていて、ドライブ、エクササイズ、パーティやリラックスタイムなどに、気分に合った音楽、また、友達、アーティストが作ったプレイリストを聴いたりできます。そんなSpotifyでは Developer Platformが用意されており、Web...
View Article[Node.JS] StreamAPIを使ったCSVの書き読み出し
今回は、Stream使って配列をCSVにして保存したり、CSVから配列を読み込んだりとかを業務で使ったのでそれの共有です。今回やることdata.write(['a','b'])みたいに書いたらファイルにa,b\nみたいに追加されて欲しい。逆にファイルにa,b\nって書いてあったら、['a','b']みたいに1行づつの情報が欲しい。そもそもStremAPIとは？streamAPIの素晴らしさを知らない...
View ArticleClik here to view.
JavaScript (Node.js) の非同期処理とシングルスレッド
本記事の目的JavaScriptや Node.jsはよくシングルスレッドだ〜、と言われますが、では非同期処理はどうやって実行されているのか (Non-Blocking I/O) をざっくりと (私の身内に) 説明する為のサンプルコードです。Node.js,...
View ArticleClik here to view.
nowのデプロイで古い書き方からのマイグレートメモ
now.shを使うときにv2系の書き方でも警告が出るようになってますね。もう1系は使えないのかも。nowで詰まった人がいたのでメモ。今まで書いてたやり方と修正点これまでは、これでよかったのですが......now.json{"version":2,"name":"mylinebot","builds":[{"src":"server.js","use":"@now/node"}],"routes":...
View ArticleLINE BOTで天気を返すサンプルがngrokで動いてnowで動かない件
こちらのサンプルがngrokで動いて、Nowだとうまく動かない件の対応。axiosを使って別のサーバーにリクエストを出してるので非同期処理のあたりが怪しいですね。もとのコードこれだとngrokでうまく動くけど、now上でうまく動かないというレポートserver.js・・省略・・functionhandleEvent(event){if(event.type!=='message'||event.me...
View ArticleClik here to view.
Raspberry Pi 4(1台)でKubernetes環境を構築 (Raspberry Pi 4 + Ubuntu 19.10 + MicroK8s)...
前回の記事Raspberry Pi 4(1台)でKubernetes環境を構築 (Raspberry Pi 4 + Ubuntu 19.10 + MicroK8s)前回の記事では「Raspberry Pi 4」に「Ubuntu...
View ArticleClik here to view.
LINE botから画像送信～問いかけると柴犬の画像を返してくれるLINE botを作ってみた
概要 LINE botでできることを調べていたら、画像を返すことが可能とのことで試してみました。ただ画像を返すだけでは面白くないので、柴犬APIで画像を拾ってきて表示することにしました。最後にソースコードの全体を載せています。 柴犬APIについてはこちらをご参照ください。実際の動きは次のようになります。【デモ】LINE...
View ArticleClik here to view.
Glitchで、ERROR EACCES: permission denied がコンソールに表示され動かないときの対処法
対処方法Terminalを開くコマンドライン (プロジェクトのパッケージが強制的に再インストール コマンド)$enable-pnpmを実行する。 2. しばらくたつと動く。 3. 以上！！
View Article【knex】this.dialectに関してのエラー解決
エラー文Using 'this.dialect' to identify the client is deprecated and support for it will be removed in the future. Please use configuration option 'client'...
View Articletypescriptを使ってjavascriptのシンタックスシュガーを理解する
背景typescriptを勉強していて、アロー演算子構文の読み方がわからない。ドキュメントを読んでもよくわからなかった、ということがありました。そんな時、tscコマンドを使うことで難解なシンタックスシュガーへの理解のヒントになることに気が付きました。それについて紹介します。https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/F...
View ArticleClik here to view.
nowでアプリケーションエラーが出たとき対応したこと
nowでハマったメモ状況@n0bisukeのこの記事を参考にやっていたつもりがこんなエラーと遭遇。An error occurred with this application. This is an error with the application itself, not the...
View Article