PharoからOracle/MySQLに接続するnode.jsのapiサーバーを構築する
はじめに いままでSqueak4.4とPharo7でWebアプリサーバーを構築していましたが、DBXTalkのインストールが失敗するためOracleデータベースへの接続にはperlのDBI/DBDライブラリを利用していました。...
View Article【Node.js】ダウンロードアプリ版のアンインストール、nvmでの再インストール（mac版）
Node.jsのインストールはどのように行いましたか？ 公式サイトからアプリをダウンロードしてインストールするのは簡単な方法ですが、あまりオススメしません 理由はバージョンコントロールが面倒になるからです。nvmまたはnodebrewを使ってインストールする方法がオススメです。 既にダウンロードアプリ版でNode.jsをインストールしてしまった方向けに、...
View ArticleWEBアプリ『ひとこと日記』概要
この記事は、関口 厚がポートフォリオ用に開発したWEBアプリの紹介記事です。 アプリの概要 アプリ名：ひとこと日記ver2 日々の記録をテキスト形式で保存する、シンプルな日記アプリです。 コードはGithubにてご覧いただけます。(フロントエンドのコード・バックエンドのコード) 作成環境 ・インフラ：AWS ・バックエンド：node.js ＋ Express ・フロントエンド：Vue.js...
View ArticleVisual Studioでnpmを使う方法
マイクロソフトの公式ドキュメントを参考 参考URL Node.jsプロジェクトの場合 1.「新しいnpmパッケージのインストール」をクリック 2.パッケージを検索し、「パッケージのインストール」をクリック 画像はjQueryをインストールしている。 .Net Coreプロジェクトの場合 1.拡張機能タブ > 拡張機能の管理 > 「Package Installer」をインストールする...
View Articlenode.js + puppeteer + axios でポケモンカードの画像（漆黒のガイストのカードリスト）をスクレイピングしてみる
はじめに sveltekitでホームページつくりました。良かったら見てください。 安全にインターネットを楽しもう Twitter やりたいこと ・公式のカードページから画像をスクレイピングしたい ・最新弾である[漆黒のガイストのカードリスト]の画像を全部保存したい 必要なもの ・node.js ・puppetter ・axios 手順 まずはnpm init -yでさくっと環境をつくる。 npm...
View ArticleMySQLで"Unknown column 'xxx' in 'where clause'"が出たときの対処法
MysqlでSELECTを使うときの注意点 対象者 これからSQLを学ぶ方 少し触ったことのある程度の方 今回の気づき 例えばmysqlを使用してデータを抽出したいと考えます。 SELECT * FROM users WHERE id=xxx その際、このようなSQL文を組み立てるとは思うのですが、idの部分に入ってくるものは変数で管理したいですよね？？ そしたら変数で管理してみましょう！...
View Articlenodenvでインストール済みのバージョンリストを表示させる
nodenvでインストール済みのバージョンリストを表示させる 検索してもなかなか出てこなかったので自分用にメモ ↓でいけました。現在利用しているバージョンについても教えてくれます。 nodenv versions system 14.4.0 * 15.10.0 (set by /Users/barabara/.anyenv/envs/nodenv/version)...
View Articlegyp: No Xcode or CLT version detected!のエラー対処
事象 ReactにTypeScriptを導入しようと思い、npm install関連のコマンドで環境構築していた時に下記のようなエラーと遭遇しました。 gyp: No Xcode or CLT version detected! 解決策 Xcodeはインストール済みだったのでアップデートを促すエラーかなと思いアップデートを試しましたが変わりませんでした。...
View ArticleNestJSでHMR(Hot-Module Replacement)でホットリロードする
NestJSはnest newしたあとにnest start:devするだけで、ホットリロードする開発環境を整えることができます。しかし、これはファイルの変更を監視し、変更が検知されたら再度ビルドしているだけなので、プロジェクトが大規模になるとTypeScriptのビルドの処理が重くなります。 そこで、WebpackのHMR(Hot-Module...
View ArticleLaravelにReactとTypeScriptを導入する
前提 Laravelでプロジェクトを作成していて、nodeはインストール済みの想定で進めていきます。 TypeScriptをインストールする webpack.mix.js（webpackのラッパーライブラリ）を下記のように編集する mix.ts('resources/ts/index.tsx', 'public/js') .sass('resources/sass/app.scss',...
View ArticleVue.jsとReact.jsのプロジェクト作成から公開準備（※コーディングは含みません。）
Vue.jsとReact.jsのプロジェクト作成から公開準備 Javascriptで使用できるフロントエンド側のフレームワーク、VueとReactのプロジェクト作成コマンドを忘れないためと、ビルドしてからの流れについての説明が見当たらず、せっかく個人開発でやってみても誰にもリリースすることがないように記す。...
View Articleobnizで猫背になったら音が鳴る椅子を作って首コリ頭痛を防ぐ
前回の整体通院から1週間とたたずにこめかみが締め付けるような頭痛がしはじめ、整体師さんから「首の上の筋肉まで固まってますね。」と首と頭の付け根に鍼を6本も打たれたので、次の2週間後の整体までに頭痛を起こさないように猫背になったら音で注意してくれるシステムを作りました。 実際に動いているところの動画...
View Article超リアルなザクを目指して！obnizでぐぽーんと音がしてモノアイが光るプロトタイプを作成！！
ぐぽーんと音がしてモノアイが光るのは男のロマン ガンダムの色んな作品でよく見かける演出として、 格納庫でスタンバってるMS（モビルスーツ）の目が「ぐぽーん」という音と共に光る というのがあります。（ザクやドムなどバリエーションも豊富） この演出、個人的に大好物なんですが、いつかこれをガンプラで再現したいなーと思っています。...
View Articlezodを使ってJSON.parseしたオブジェクトをvalidationして型安全にしたい
やりたいこと JSON.parse(json)して得られたオブジェクトをTypescriptの型でバリデーションしたい なぜやりたいか...
View Articleテレワーク中の旦那さんに「お昼だよ！」を間接的に伝えるためのしかけを作ってみた！
作った目的 こんにちは。wataminoです。 旦那さんとテレワークがかぶるときは、いつも別々の部屋で仕事をしているのですが、お昼時は私から「お昼だよー！」と知らせに行きます。 なぜならお昼を忘れるほど彼は真剣(?)に仕事をしているからなのです。 でも真剣(?)すぎるあまり９割は声をかけても無視をされるか、嫌な顔されてしまいます。 せっかく、貴重なお昼時間を教えてあげているのに、、、...
View Articleobnizでわが子と一緒に「オリジナル目覚ましBot」を作って、実際に起きられるかどうかを試した結果
今回の目的 ～わが子に"オリジナル目覚まし"を作りたい！～ 来年の今頃は、わが家の息子は小学校１年生。 今後のために、朝は１人で起きられるようになって欲しい！！ そんな思いから、先日学習したobnizで「オリジナル目覚ましBot」を作ってみよう！と考えました。 そもそも、わが家の息子は、朝がとっても苦手。 毎日、必死に起こすのが日課となっていますが、寝起きがとっても不機嫌です💦...
View Articlenvm-windowsでnode.jsのバージョン管理をする【Windows】
Node.jsのバージョン管理をwindowsPCでやりたくなったので入れ方を備忘録として。 どなたかの参考になれば幸いです 手順 windowsはnodistが有名っぽいんですが、 以前なぜかめちゃくちゃ苦戦したのでnvmを入れてみます！ ※正確にはnvm-windowsというMacで使うnvmのwindows版みたいなやつです。...
View Article平成生まれのエンジニアが初めてIoTに触れるのに丁度良い、生き残りゲーム～令和最新版～のプロトタイプをobnizで作る
先日、手軽にIoTに触れられると噂の「obniz」を入手しました。 ラズパイに比べて、圧倒的に早く、楽に電子デバイスを操れるのでうっかりスキルが向上したか？と錯覚するほどです。 この手軽さを活かす先は、プロトタイプでしょ？！ということで、さっそく行動してみました。 生き残りゲームの令和最新版をプロトしよう 時代背景・コロナ感染予防・働き方・IoT・サーボモーターの動き、、、パッとピラめいたのが...
View Articleコロナ禍で半年母親に会えないのでobnizとtwilioで見守りシステムを考えてみた。
１．はじめに コロナによる緊急事態宣言により帰省が出来なくなり、一人住まいの母親とは電話では話しているものの全く顔を合わせる事もなく半年以上経ってしまいました。 母親は高齢のためガラケーを使っておりしかもメールやSNSも全く使えない世代。今更メールやLINEの使い方を教えることもできない。 一時期Apple...
View ArticleGoogle Cloud FunctionsからGoogle Cloud Translationを試してみる
前回、FirebaseでGoogle Cloud Functionsを使ってみました。 FirebaseのCloud FunctionsからGoogle Cloud Translationを試してみる 今回はFirebaseを使わずに、素のGoogle Cloud Functionsで同じ題材をやってみました。 Cloud FunctionsのHello, World! function.js...
View Article