Clik here to view.
webpackをかんたんに使う（Zero Configulation）
5年前の記事のメンテを行っていたんですが、流石にBrowserifyは実務で使う可能性は低いよなあとは思います。 Browserifyの単純さも初心者にはとっつきやすいのですが、今の主流はwebpackです。 webpack入門記事はたくさんあるはずですが、設定ファイルの各パラメータの羅列だったり、BabelやReact,...
View ArticleClik here to view.
Node + OpenAPI + ReDocでおしゃれなAPI開発環境を作る
はじめにこんにちは。夜に見てくれている方は、こんばんは。どうも @little555です。夏季休暇なうでヒャッハー！しております。この記事は株式会社富士通システムズウェブテクノロジーが企画するいのべこ夏休みアドベントカレンダー...
View ArticleNode.js C++ アドオンの開発 (作業メモ)
この記事についてサンプルレベルの Node.js アドオンを C++ で書いてみた際の作業メモです。内容:ソースは node-addon-examplesをベースにしてます足し算をする add という関数を JavaScript 側に見せる 2_function_argumentsにちょっと手を入れた程度ですNode.js アドオンとはC++ addonsの説明が分かりやすいので引用。Addons...
View ArticleClik here to view.
OSがCatalina以降の環境構築
Command Line Toolsを用意Command Line ToolsはWebアプリケーション開発に必要なソフトウェアをダウンロードするために必要な機能です。ターミナルからCommand Line...
View ArticleClik here to view.
【JS】Node.js と GoogleSpreadsheet で業務効率化
google-spreadsheetというパッケージを使用し、スプレッドシートへの書き込みの実装をしたので、その備忘録です。google-spreadsheet - npm下記の記事をみておけばほぼわかります。【Node.js】 Googleスプレッドシートを簡易データベースとして使う - 一日一膳(当社比)GoogleスプレッドシートからNode.jsでシフトデータを読み出す方法 -...
View ArticleClik here to view.
ytdlでYoutubeダウンロード+Macでファイル変換&編集
もう、無限に広告がポップしてくる詐欺ソフトに悩まされることはありません。我々エンジニアはプログラミングとCUIという頼れる味方がいます。この記事を読むとターミナルから簡単&爆速にYoutubeから動画をダウンロードできます。ファイル形式の変換と時間指定の切り抜きのお勧め方法もカバー環境Macbook Pro 2017 13インチMacOS Catalina...
View ArticleClik here to view.
Node.jsⅠ
◆Expressを導入する$ npm install express →入力してenternodejs_lesson@1.0.0/home/..express@4.17.1→入力結果◆インストールしたExpressを利用するconst express = require('express') ; const app =...
View ArticleClik here to view.
SAP Cloud Platform 上で WebSocket を使ってみた
はじめにこの記事は chillSAP 夏の自由研究2020の記事として執筆しています今回は、 SAPUI5 の API Reference を眺めていると WebSocket( sap.ui.core.ws.WebSocket )のライブラリを発見したので試してみました。WebSocket...
View ArticleClik here to view.
Static Web Appsでは現状TimerTriggerは使えないっぽい
Azure Functions のタイマー トリガーを使ってStatic Web Appsに紐づいたAPIプログラムもタイマー実行できないかと思いましたがどうやらできないっぽいのでメモ。ビルドでこんなコケかたします。Error in processing api build artifacts: the file 'myTimer/function.json' has specified an...
View ArticleClik here to view.
Serverless Framework でエラーを検知して Webhook で Slack に通知を飛ばす方法
はじめにAppSync の Lambda リゾルバを書く際に Serverless Frameworkを使用したのですが、デプロイ後のバグ調査の際、毎回ブラウザから AWS Console を開いて該当 Lambda の CloudWatch のログを見に行くのが面倒でした。。 そのため、エラーレポートの仕組みが欲しくなり、Lambda のエラーを Slack に通知する仕組みを...
View ArticleClik here to view.
json-serverでstaticを指定してもプレビューのページを表示する
json-serverわたしは自分のことをxRアプリエンジニアだと思っていたのですが、最近はいろんなサーバをいっぱい立てています。そのうちのモックサーバなんてjsonを返せればいいのでjson-serverを使いました。Get a full fake REST API with zero coding in less than 30 seconds...
View ArticleClik here to view.
Eclipse 2020-06 で、“Node.js version could not be determined” と言われる件
Eclipse 2020-06 で、“Node.js version could not be determined”対象バージョンのnodeはインストールして、パスも通っているのに、eclipse起動時に下記の画像のメッセージが出るEclipseのバージョンEclipse IDE for Enterprise Java Developers (includes Incubating...
View ArticleClik here to view.
Node.js Ⅱ
◆MySQLに接続しようconst mysql = require('mysql'); →mysqlパッケージを読み込みconst connection = mysql.createConnection({ //データベース名、パスワード });◆クエリの実行connection.query('クエリ', クエリ実行後の処理)と書くことで、...
View ArticleNode.js Ⅲ
◆削除機能をつける 削除ボタンの準備①ルーティングを用意 app.post('/delete',(req,res) => {処理 });②削除ボタンを用意③リダイレクト app.post('/delete',(req,res) => { res.redirect('/index'); });◆削除の処理①index.ejs
View ArticleClik here to view.
【第3回】「みんなのポートフォリオまとめサイト」を作ります~SNSログイン編~ 【Cover】成果物URL: https://minna.itsumen.com
ワイ 「この記事のカバーです」https://qiita.com/kiwatchi1991/items/58b53c5b4ddf8d6a7053バックナンバー【第1回】「みんなのポートフォリオまとめサイト」を作ります~プロトタイプ作成編~【第2回】「みんなのポートフォリオまとめサイト」を作ります~REST...
View Article【第4回】「みんなのポートフォリオまとめサイト」を作ります~フロントエンド編~ 【Cover】成果物URL: https://minna.itsumen.com
ワイ 「この記事のカバーです」https://qiita.com/kiwatchi1991/items/58b53c5b4ddf8d6a7053バックナンバー【第1回】「みんなのポートフォリオまとめサイト」を作ります~プロトタイプ作成編~【第2回】「みんなのポートフォリオまとめサイト」を作ります~REST API編~【第3回】「みんなのポートフォリオまとめサイト」を作ります~SNSログイン編~...
View ArticleClik here to view.
npmのライブラリの比較と評価方法：npm trends & Github
人気のあるライブラリをnpm trendsで探す npm trendsは、指定したライブラリのカテゴリと近いものを提示し、選択するとダウンロード数を比較してくれます。 たとえば、dom parserを比較すると以下の用になります。npm trends: dom parserの比較とりあえず、ネットで一つライブラリを探してきて、npm...
View Articlenvmをインストールしたのに、-bash: nvm: command not foundになる。
https://github.com/nvm-sh/nvm#install--update-scriptこちらのcurl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash を使ってnvmをインストールし、特にエラーもなく完了したはずなのに$ nvm --version で -bash: nvm:...
View ArticleExpress 入門
公式ドキュメントもかなりシンプルでわかりやすいですが、自分用メモとして。Express（日本語ドキュメント）最小構成最低限、これで動かせるよ！というコードですさくっとWebサーバ立ててなにか試したい時にインストール$ mkdir myapp $ cd myapp $ npm init # entry point: app.js => 任意のファイル名$ npm install express...
View Article