- 0.1. [初心者向け]AWSを経由しkintoneから取得したデータを外部サイトに表示
- 0.2. Express app.use 呼び出しタイミング
- 0.3. ? Node.jsのバージョン管理ツールとは
- 0.4. ? Node.jsバージョン管理ツール「fnm」のインストール方法と使い方
- 0.5. ? Node.jsのバージョン管理ツールを改めて選定する【2021年】
- 0.6. ‘AmplifySignOut’ is not exported from ‘@aws-amplify/ui-react’.を解消する
- 0.7. Node.jsのバージョン管理アプリ「NVM for Windows」は管理者権限で実行する
- 0.8. Angular開発環境サンプル(NestJS版)
- 0.9. WindowsにNode.jsをインストールする
- 0.10. EC2インスタンスでMark Textのビルド環境を作成する手順
- 0.11. 何故この世界は馬鹿で溢れてどうしようもないのか
- 0.12. Electron + WebMSX でデスクトップ PC 向け MSX ソフトを作ってみる
- 0.13. VSCodeでESLintを使いたかった、ただそれだけなのに。
- 0.14. CHIRIMENをNode.jsで使用してみる⑷ ー I2C編 part2 ー
- 0.15. Use LEDs With Only One AA Battery! – Super Simple Joule Thief(ジュール泥棒)
- 1. 単三電池1本でLEDを使用!-超シンプルなジュール泥棒
[初心者向け]AWSを経由しkintoneから取得したデータを外部サイトに表示
#やりたいこと#
マスタ(kintone)からデータを取得し、外部サイトに表示したい#はじめに#
GAS(Google Apps Script)感覚で外部サイトから直接JavaScriptやPHPでkintoneからデータを取得しようとしましたが、クロスドメイン制約によりできなさそうだったので断念しました…
AWS経由だとうまくいきそうな記事があったため、そちらを参考にさせていただきました。#動作確認環境#
作業端末:windows10
マスタデータ:kintone#テストの流れ#
1. kintoneアプリ作成
2. AWS Lambda関数の作成
3. AWS Lambda環境構築
4. AWS API Gateway環境構築
5. 外部ページの作成#1.kintoneアプリ作成#
####1-1.テスト用のアプリを作成####
○アプリ名:テストアプリ
○項目1:レコード番号
○項目2:文字列(1行)
➤フィールド名:テキスト
➤フィールドコード:text
![kintone1.png](https://qiita-image-store.s3.ap-n
Express app.use 呼び出しタイミング
# ソースコード
“`javascript
const express = require(‘express’)
const app = express()
const port = 3000var count = 0;
app.use(function(req,res,next){
count++;
console.log(count);
next();
})app.use(function(req,res,next){
count++;
console.log(count);
next();
})app.use(function(req,res,next){
count++;
console.log(count);
next();
})app.get(‘/’, (req, res) => {
res.send(`Hello World! ${count}`)
})app.listen(port, () => {
console.log(`Example a
? Node.jsのバージョン管理ツールとは
Node.jsとはパソコンの中でJavascriptを動かすためのソフトウェアです。
本稿では、そんなNode.jsのバージョン管理・切り替えを行うツールとは何かをご紹介します。https://nodejs.org/ja/
1つのプロジェクトだけで作業しているなら、1つのバージョンで問題ありませんが、
複数のプロジェクトにかかわっていくと、そのうち異なるバージョンのNode.jsが必要になってきます。## バージョンを切り替えなければならないシーン
一般的には、古いバージョンで動かせたJavascriptファイルは新しいNode.jsでも動作させられますが、
新しいバージョンを想定して書かれたJavascriptファイルは、古いバージョンでは動きません。これは、依存パッケージが古いバージョンに対応していなかったり、新しい構文の登場などが原因です。
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/142709/10504045-370c-aa1c-6a00-3dc8f1d6aece.jpeg
? Node.jsバージョン管理ツール「fnm」のインストール方法と使い方
https://github.com/Schniz/fnm
? **fnm(Fast Node Manager)**はWindowsユーザの方に一番おすすめなNode.jsのバージョン管理ツールです。
Windowsでは少々インストール作業が細かいので、実際の使い方も含めてこちらにまとめておきます。
なお、どんなツールも[**公式のREADME.md**](https://github.com/Schniz/fnm/blob/master/README.md)が最も信頼できる正しいドキュメントなので、そちらも併せてご覧ください?**Node.jsのバージョン管理ツールがなんだかわからない方はこちら:**
https://qiita.com/heppokofrontend/items/1746c73a34d59b124013
## 1. まずは`fnm`のインストール
**macOS/Linuxの場合**は次のコマンドをインストールして終了です。
“`shell
curl -fsSL https://fnm.vercel.app/install | bash
“`
? Node.jsのバージョン管理ツールを改めて選定する【2021年】
開発者「すみません、なんか`npm i`とか`npx`コマンドがうまくいかなくて…」
ワイ「でたー、`cb.apply is not a function`って書いてません?」
開発者「書いてます」
ワイ「ちょっと見てみますね」
https://qiita.com/heppokofrontend/items/0d224c8a77f517a6c9a0
ワイ「うーん解決しない…これは入れなおしたほうが早そうですね…」
カタカタ…
ワイ(うーん…なぜ未だにnodistで消耗しているのか…?)
## TL;DR
– nodistはもうやめよう
– 選定するときは、まず関連ツールの特徴を洗い出そう
– 自分たちの環境にどれくらいマッチするかで比較しよう
– Windowsなら`fnm`がオススメ!※ バージョン管理ツールがなんだかわからない方は「[【余談】Node.jsのバージョン管理ツールとは](#余談nodejsのバージョン管理ツールとは)」からお読みください。
## うわっ…私の現場、nodist使いすぎ…?
Node.jsの利用が本格化してきたころ、私の周りでは
‘AmplifySignOut’ is not exported from ‘@aws-amplify/ui-react’.を解消する
##はじめに
この記事は、AWS Amplifyハンズオンである「[AWS で React アプリケーションを構築する](https://aws.amazon.com/jp/getting-started/hands-on/build-react-app-amplify-graphql/)」を行っていた際に詰まった箇所のメモになります。###つまづきポイント
「[モジュール 3 – AWS で React アプリケーションを構築する](https://aws.amazon.com/jp/getting-started/hands-on/build-react-app-amplify-graphql/module-three/)」の後半、
「アプリをローカルで実行する」のところで“`npm start“`してもうまく動かなかった。
具体的には以下のエラーが出て進めなくなってしまう。“`
./src/App.js
Attempted import error: ‘AmplifySignOut’ is not exported from ‘@aws-amplify/ui-rea
Node.jsのバージョン管理アプリ「NVM for Windows」は管理者権限で実行する
##はじめに
WebアプリやWebサイトを構築するような複数の案件に関わっていると、Node.jsをプロジェクトごとに切り替える必要性が出てくるため、「NVM for Windows」を導入しています。
使い初めたころ、基本にも関わらず私が躓いてしまった「管理者権限での実行」についての説明をします。##動作環境
Windows 10##まずは「NVM for Windows」をインストール
[https://github.com/coreybutler/nvm-windows/releases/](https://github.com/coreybutler/nvm-windows/releases/)からNVM for Windowsのインストーラをダウンロード。
![node-03.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2217806/ba55ef14-74e2-27a3-690d-9fd02d0deddd.jpeg)
nvm-setup.zipを選択します。
![node-04.j
Angular開発環境サンプル(NestJS版)
はじめに
—
以前作成した Angular + Express の開発環境サンプル、Express を NestJS に置き換えてみたので、また公開。[Angular + Nest Example](https://github.com/kyv28v/angular-nest-example)
機能や基本的な構成などは、「[Angular + Expressの開発環境サンプル](https://qiita.com/kyv28v/items/92c0480aef9b77b7880e)」参照。
以下、置き換えの手順を記載します。Nxワークスペースの作成
—
create-nx-workspace で angular-nest のワークスペースを構築し、Angular + Express の開発環境サンプルをマージしていきます。[create-nx-workspace](https://www.npmjs.com/package/create-nx-workspace)
まずは
“`
> create-nx-workspace
“`でワークスペースを作成しま
WindowsにNode.jsをインストールする
##はじめに
Windows環境にNode.jsをインストールする手順です。
仕事でVueCLIを使用することになり、新しいデバイスにNode.jsやnpmを入れる必要があったため備忘録として記録。関連:[Node.jsのバージョン管理アプリ「NVM for Windows」は管理者権限で実行する](https://qiita.com/iraimirai/items/e6b3133857f0af3a3f97)
##動作環境
Windows 10##Node.jsをインストールする
まずは、Node.js 公式サイト([https://nodejs.org/ja/](https://nodejs.org/ja/))からインストーラをダウンロード。
左側の推奨版を選択します。
![node-01.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2217806/97cee90a-7c2b-defb-5750-fbedf5af9768.jpeg)
インストーラに沿って進めていきます。
途中で表示される
EC2インスタンスでMark Textのビルド環境を作成する手順
### はじめに
Mark Textのバグを修正したくなったので、Mark Textのビルド環境を作ってみました。
Mark TextはLinux/macOS/Windowsで動作するMarkdownエディタです。
[GitHub – marktext/marktext: ?A simple and elegant markdown editor, available for Linux, macOS and Windows.](https://github.com/marktext/marktext)
![2021-11-21-11-57-22-image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/33561/246ba596-32af-afc4-3387-cc7a3ae432cb.png)—
### ビルド用に用意したバージョン一覧
| 名前 | バージョン | コメント
何故この世界は馬鹿で溢れてどうしようもないのか
現在この世界はメタバースだのコンピュータサイエンスだの横文字を並べて射精しているパソコンカタカタ君に占領され、食事は低糖質高タンパクという戯言を合言葉にパサパサした肉や味の薄いドレッシングがかけられた聞いたことねー野菜が持て囃され、連絡ツールはDiscord,Instagram,slackなどヒキニートゲーマー、オシャレボッチ飯クン、社畜が各々の色を出したがる為に統一感が無く、現実を見たくない20代30代のアニメファン達はいつからか異世界転生モノしか見れない鳥頭になってしまった。
何故こんなにも狂った世界になってしまったのか。答えはパソコンカタカタヒョロガリ短小眼鏡クンに何かの間違いで世界の覇権が移ってしまったからである。
これまでの世界の歴史を紐解いてみるといつでも覇権を握っていたのは我々筋骨隆々カリ高日焼けマンだった。
それがITの進歩とかいうオタク革命によりドSマッチョ自民党からマゾオタク民主党に政権が移ってしまったのである。私から言えることは一つ。オタクに支配は無理。
君たち隠キャ君はトイレでボッチ飯がお似合い。
キミたちの短小チンチンでは集合体のニーズというポルチオに到
Electron + WebMSX でデスクトップ PC 向け MSX ソフトを作ってみる
# はじめに
Steam などで自作 MSX アプリを販売するにはどうしたらよいのだろうか :thinking:
という訳で、Electron と WebMSX を使ってお手軽にデスクトップ PC 用のスタンドアローン MSX アプリを開発する方法を紹介します。
> なお、私は Windows のパソコンを持っていないので Mac でしか検証していませんが、多分 Windows でもほぼ同じ手順で問題無いと思われます。
# 1. Node.js を 準備
まずは、以下の記事あたりを参考にして Node.js をインストールしましょう。
https://qiita.com/kyosuke5_20/items/c5f68fc9d89b84c0df09
# 2. Hello, World!
手始めに、Electron で Hello, World! を表示する空プロジェクトを作ります。
> 既に色々な紹介記事があるのでサクッと紹介リンクだけ貼って済まそうと思ったのですが、色々な環境条件の都合(electron の Global インストールは避けたいetc)のため、簡単に
VSCodeでESLintを使いたかった、ただそれだけなのに。
![https://images.unsplash.com/photo-1623677618704-2170e726c984?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb](https://images.unsplash.com/photo-1623677618704-2170e726c984?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb)
ESLintを知っているだろうか?
javascriptファイルのコードを修正してくれるツールである。このESLintをVScodeで使うために、VScode の拡張機能が用意されている。はじめ、このESLintの拡張機能をインストールするだけで使えるようになる、そう思っていた。
しかし、単にインストールするだけでは機能せず、ESLintのダウンロードと有効化が必要であることがわかった。さらに、Xcodeのコマンドラインツールが必要であったり、それに付随したHomebrewのアップデートも必要であったりと、有効化するまでに多くのことを行った。そ
CHIRIMENをNode.jsで使用してみる⑷ ー I2C編 part2 ー
## はじめに
本記事では、複数回に分けてCHIRIMENコミュニティが提供しているnpmパッケージnode-web-gpioとnode-web-i2cを使用してNode.jsからGPIOとI2Cを制御するために私が実施した方法とそのサンプルコードを記載した備忘録になっています。今回はI2C編の第2回で、CHIRIMENから下記5種類のGroveセンサー/ディスプレイを使用する方法について説明していきます。前回の記事は[こちら](https://qiita.com/okojon/items/5de137b651cada660a3e)。
### 使用センサー
– I2C-Grove-Accelerometer
ADXL345搭載の三軸加速度センサー。– I2C-Grove-Gesture
PAJ7620U2搭載のジェスチャーセンサー。– I2C-Grove-Light
TSL2561で搭載の光センサー。– I2C-Grove-OledDisplay
SSD1308搭載の小さなOLED(有機EL 128x64px)ディスプレイ。– I2C-Grove-Touch
MP
Use LEDs With Only One AA Battery! – Super Simple Joule Thief(ジュール泥棒)
単三電池1本でLEDを使用!-超シンプルなジュール泥棒
OTHERカテゴリの最新記事
- 2024.09.19
JavaScript関連のことを調べてみた
- 2024.09.19
JAVA関連のことを調べてみた
- 2024.09.19
iOS関連のことを調べてみた
- 2024.09.19
Rails関連のことを調べてみた
- 2024.09.19
Lambda関連のことを調べてみた
- 2024.09.19
Python関連のことを調べてみた