GitHub Organizationから専用のNode.jsのパッケージを展開する
はじめに この記事ではGitHub Organization内でのみ利用可能なNode.jsのパッケージを公開する方法を紹介します。 パッケージはGitHub内の権限などを活用して公開するため、通常のnpm public registr…
View ArticleOpenShift 上の container に Dev Containers でアタッチする
要約 OpenShift 上の container に Visual Studio Code ( 以降 VSCode ) の Dev Containers extension で接続できたら便利かも…
View ArticleNode.jsでTCP通信する簡易クライアントとサーバを作ってみた
はじめに JavaScriptアプリケーションで簡易的にサーバに接続して状況確認する機能を実装できるか検討する必要があり、調査したところNode.jsのnetライブラリを使用することで実現できそうな…
View ArticleGitHub Actions上でのprocess.stdout.clearLine is not a function
ローカル開発では問題なく使えていたprocess.stdout.なんとかがGitHub Actions上だと使えなかったです。 process.stdout.clearLine(); ^ TypeE…
View ArticleSymbolノードリスト取得Script
Symbolのノードリストが欲しいときにどうぞ。 ノードリストは変動するので最新のリストは https://symbolnodes.org/nodes/ にあります。 下記のコードをサイトにアクセス…
View Articlesveltekit-view-transitionを使ってSvelteKitでView Transition APIを簡単に使う
View Transition APIとは MDN Web docによると ビュートランジション API は、異なる DOM 状態間のアニメーション遷移を簡単に作成する仕組みを提供し、同時に DOM…
View ArticleAstroのススメ
Astroとは Astroはコンテンツ重視の高速なWebフレームワークです。サーバサイドの実装もできるので認証を組み込んだりヘッドレスCMSと連携することもできます。 Astroは比較的新しいフレー…
View ArticleSvelteKitで稀にchunkファイルがNot foundエラーになる問題に遭遇した
発端 クライアントでページ A を表示したまま放置して、サーバに新しいバージョンをデプロイした後、放置していたクライアントでページ B へ遷移した際、下記のようなエラーが発生しました。 Not fo…
View ArticleReactからffmpeg.wasmを使って動画にウォーターマークを埋め込んでみる
概要 Reactでffmpeg.wasmを使って、選択した動画ファイルに対してウォーターマーク（透かし）を埋め込むツールを作ります。 ffmpeg.wasmとは ffmpeg.wasmは、FFmpe…
View Articleデジタルお小遣い帳を作ってみたい！by初心者 第1回目
はじめに この記事は、初心者がWebアプリ制作を通して力をつけていこう！という趣旨の記事です。 途中で躓くかもしれません。その際はごめんなさい。 アドバイス等はとてもうれしいのですが、誹謗中傷はおや…
View Article「Error: error:0308010C:digital envelope routines::unsupported」エラーでビルドができない
問題 「Error: error:0308010C:digital envelope routines::unsupported」というエラー発生してビルドができない。 環境 Mac OS 原因 N…
View Articlenpx コマンドでCLIを実行したら"could not determine executable to run"って言われた
動作環境について デスクトップのWindows環境と、ラップトップのChromeOS(CrostiniでDebianが動作)環境の2種類で開発していた。Nodejsのバージョンはどちらもv20.22…
View ArticleNodejsでS3にファイルをアップロード・ダウンロード
概要 こちら記事では、NodeJSでローカルでS3アップロードとダウンロードの基本的な方法を書かせていただきます。 内容として５つあります 1.環境 2.前提 3.初期設定 4.アップロード 5.ダ…
View ArticleQiitaの記事をGithub で管理したくて、WSL にvolta でnode インストールしてQiita 記事をpull まで
今回の趣旨 Qiita の記事をQiita 内で管理してもよかったのですが、どうせならGithub で管理してみたいなという欲望があったので、設定をしてみることにしました。その時にWSL と普段は連…
View ArticletypescriptでExpressをやってみる（10分で？）
はじめに typescriptでAPIを作ってみたいなぁと思い、expressを始めてみました。そこで、めっちゃ初期のところは簡単だったので、書いてみる Step1: フォルダの作成 最初に、プロジ…
View ArticleGoogle Cloud Runでdeployできないエラー備忘録
場面 GCP Cloud Runの公式tutorial実行中 環境 WSL2 Ubuntu Google Cloud SDK 463.0.0 node v21.5.0 エラーメッセージの確認 公式t…
View ArticleDocker環境のNode.js + TypeScriptでDatadogAPMを検証する
前提として、ローカル環境にDockerインストール済み、Datadogのアカウント作成済みの方を対象としています。 Datadogにて前準備 APM導入に必要なAPIキーとアプリケーションキーを作成…
View Article【Node.js】Error: error:0308010C:digital envelope routines::unsupportedの解決法
Reactのwebアプリをローカルサーバーで起動できなくなった あるwebサイトを久しぶりにアップデートしようと手を加えて確認しようとした。 $ npm start すると見たことも無いエラーが表示…
View ArticleSpringBootで包み込むVue.js開発環境 カンタン構築
はじめに こんにちは。バックエンドエンジニアを目指して奮闘中のひろえです。 突然ですが、未経験・独学の身では、何から勉強を始めて、何に重点を置くかって大事ですよね。 私自身も Java や Spri…
View ArticleSpringBootアプリ上にTypescript環境を作ってみた
はじめに フロントエンドにTypescriptを導入してみます。 SpringBootのプロジェクトにTypescriptの環境を構築し、フロントエンドを動かしてみます。 環境 OS：macOS V…
View Article