HTTP APIでLambda関数にPOSTしたbodyの値が '[object Object]' になる時の解決法
AWS Lambdaの関数にHTTP APIで値をPOSTする際につまづいたのでメモ。環境macOSAWS Cloud9Node.js 12問題Node.jsのfetch()メソッドで、自作したLambda関数にPOSTで値を送信しました。 Lambdaの呼び出しはAPI GatewayのHTTP...
View ArticlePromiseでお手軽に並列処理
概要ある処理を行うのに事前に複数の事前処理が必要な場合、並列してできると処理が速くなる場合がある。コールバック地獄にならない記述がnodeだとできる。例3つのタスクが全て完了したら本処理を実行する例。varTask1=newPromise(function(resolve,reject){//事前処理１resolve();//これで事前処理１が終わったことを宣言する});varTask2=newPr...
View Article簡単に始める仮想通貨EOSプログラミング（eosjs v16.0.9）
今回プログラミング初心者でも、仮想通貨EOSプログラミングを始められるように、コピペで実装できるプログラム総集編を紹介したいと思います。javascriptのnode.jsとscatterウォレット操作を行う基本的なプログラミングになります。もしプログラミングを始める際はテスト環境であるテストネットのアカウントを作っておきましょう。・...
View ArticleBox UI ElementsのContent OpenWithでファイルの更新に反応してみた クライアントサイド編
この記事のシリーズ：Box UI ElementsのContent OpenWithでBox EditをつかってみたBox UI ElementsのContent OpenWithでG Suiteを開いてみたBox UI ElementsのContent OpenWithでファイルの更新に反応してみたBox UI ElementsのContent OpenWithでファイルの更新に反応してみた...
View Article[discord.js] グローバルチャットを作る！
概要discord.jsのバージョンがv12になり、グローバルチャットの機構を作ったので、メモしとこうかなと思います。...
View ArticleVue.jsでAPIを返してみる
概要LINEで写真を撮るBotがGyazoに写真を溜めていくので、お友達ではない人にも見せられるような簡易なWebサービスをVue.jsで作成してVercelとfreenomで独自ドメインのサイトを作るというものです。できたものvue.jsでnekoBotで表示する写真をパラパラと見れるものを作った。Deployしたら動かなくなったけど。。。https://t.co/ifiicmRP6b#proto...
View Articlenode-fetchをwebpackすると実行できない・・・
やりたかったことシンプルにとあるWebサイトをスクレイピングして、情報を取得したかった。過去にもスクレイパーを作成したことはあるのだが、その時リクエストを送信するのにrequestモジュールを使用していたが、どうやらパッケージが2020年2月に廃止されたらしい…そこで見つけたのが「node-fetch」。試しにこれを使って指定したページのHTML要素を取得したい。使ってみるTypeScriptをイン...
View Articlenode.jsとnpmとwebpack、nodenvとanyenvとは(初心者向け)
ここら辺の用語が今だに混乱するのでこの機会にまとめておきます。node.js昔node.jsでExpressを使ってシステムを組んだりした関係でJavaScriptをサーバサイドで使えるようにするもの、ぐらいの理解だったので、なぜフロントエンドでnode.jsが必要なのかわからなかった。以下の方の説明がわかりやすかった。https://qiita.com/kobalab/items/e0c2a3d5...
View ArticleClik here to view.
2020年から始めるAzure Cosmos DB - 目次
はじめに本記事は、2020年3月6日 (米国時間) にて、Azure Cosmos DBに新しく Free Tier (無償利用枠)が登場したことに伴い、改めて Azure Cosmos DB を色々と触っていこうということで書いた記事を一元管理できるよう、目次ページとして作成しているものです。※新しい記事を作成するたびに、この記事は随時更新する予定です。環境環境構築アプリ開発Node.js で...
View ArticleClik here to view.
[Node.js]Firestoreのコレクションにサーバーサイドから最速でドキュメントを書き込む書き方
OverviewFirestoreの一つのコレクションに1万件ほどデータを書き込んでいたが2分は要して遅かった。公式ドキュメントのみではなかなか最速にたどり着けないためメモとして残しておく。Target...
View ArticleClik here to view.
CloudWatch Synthetics & Puppeteer ことはじめ
今さらながらCloudWatch SyntheticsでWebサイトの監視をしたのでまとめます。この記事の内容CloudWatch Syntheticsのために手動でS3バケットとIAM Roleを作るローカル環境にPuppeteerをインストールしてNode.jsのコードを書く Googleのトップページに「猫...
View ArticleClik here to view.
Visual Studio Code で GAS のコードを編集する環境を作ってみた（Windowsだよ）
はじめになにやら世の中には「VSCode」という素晴らしいものがあることを今更知った。orzなんだか、TypeScriptで書けて、JavaScriptに変換までしてくれるらしいのですが！？ GASでこういう↓ものを作成したので、だったら「VSCode」で書けないのかしらん？スプレッドシートをDB代わりにGASのWebアプリを作成しデータ更新させてみた。Vue版...
View ArticleClik here to view.
AWS IoTボタンを押すと動物の鳴き声をgoogle homeで再生する２歳児向けおもちゃを作ってみた
AWS IoTボタンを押すと動物の鳴き声を再生する２歳児向けおもちゃを作ってみました。きっかけは動物好きな子どもが親の真似をして 「おけーぐるぐる ぞうの声」 とgoogle homeに向かって何度もしゃべっても認識できない→親に「おけーぐるぐる ぞうの声...
View Articlesystemctlってめちゃくちゃ便利なんだな...
nodeのアプリをforeverでデーモン化しようと思っていたところ、そもそもsystemctl使えば必要なかったという話です。前提ts-nodeのexpressアプリをデーモン化したいサーバー起動時にも起動したいAWSのEC2systemctlの設定を書くsystemctlは昔のserviceコマンドに替わるものですがだいぶ便利になっています。昔はinit.dにややこしい起動スクリプトを書く必要が...
View ArticleClik here to view.
VercelでLINE BOTを動かす 2020年5月版
よく使う記事(↓)のソースコードを元にVercel（旧: now.sh）にLINE BOTをデプロイします。https://qiita.com/n0bisuke/items/ceaa09ef8898bee8369dちなみに、Vercelはnow時代から仕様がちょくちょく変わる印象があるのであくまでも現時点版だと思った方が良さそうです。事前準備: LINE...
View ArticleShopifyアプリをTypescriptで開発する方法
はじめにShopifyアプリとは、Shopifyストアに機能を追加するWebアプリケーションです。下記URLのチュートリアルでは、Node.js、React、GraphQLを使用して埋め込みShopifyアプリを構築するプロセスについて説明されておりますが、Typescriptで開発したいと思い、実装する方法を調べて実現できたのでご紹介したいと思います。https://shopify.dev/tut...
View ArticleClik here to view.
【超初級】Node.jsの始め方 〜 2020.05.22ver〜
📗 Node.jsをインストールしてみよう♪https://nodejs.org/ja/こちらをクリックするとHPに行くと以下のような画面が出てくると思います。どっちでも良いですが、推奨版をインストールするほうが安定的かもしれません。流石に、インストールの方法は皆さんご存知かと思うので割愛します。📗...
View ArticleHTMLから画像を生成するシンプルな方法（Node.js）
どうもこんにちは、@y_temp4です。最近、趣味で個人開発している Web サービスの AnyMakeにて、画像を動的に生成するプログラムを書く機会があったのでその方法についてまとめてみます。関連記事：埋め込みコンテンツを追加しました！｜ AnyMake ｜...
View ArticleClik here to view.
あなたのnpmパッケージ、脆弱性の塊説。急いで最新にするよ！
npm便利ですよね。昨今フロントweb開発でNode.jsが登場しないことはないので、みなさんお使いかと思いますが、ちゃんとバージョン管理していますか？私はしがないweb制作者ですが、npmパッケージなしでの開発はありえないです。ただそういえばバージョン管理をしていないなと思い、現在バージョンと最新バージョンを比べてみることに。そしたら...$ npm outdated...
View ArticleClik here to view.
ts-node と ts-node-dev の違い
どちらもtypescriptでの開発には持って来いなパッケージ達ですが、初めて調べた時、似たような名前でどっちを使えばいいのか結構悩んだので、違いをまとめておきます。ts-nodets-nodeパッケージを追加します。npm install typescript ts-node...
View Article