コーディングもするデザイナーが知っておきたい SVG 最適化（svgo v3 対応）
Docker Desktop と SVGO プラグインでしている SVG 最適化について、覚書を残しておきます。 設定ファイル（imagemin.js） const keepfolder = req…
View Article(Node.js) @mapbox/tilebeltモジュールを理解する
はじめに node.jsのコードの中で@mapbox/tilebeltモジュールを使用する機会があったので、どのようなモジュールであるのか簡単にまとめたいと思います。 @mapbox/tilebel…
View ArticleNestJSでCloud Runのコンテナ自URLを正しく取得する方法
はじめに NestJS を使って Cloud Run 上にデプロイされたアプリケーション内で、自サービスの URL を取得する際に、req.protocol が http になってしまうことがありま…
View ArticleLambdaからFargateへの切り替える際にNode.jsアプリのタスクスペックをどう決めたか？
最近、LambdaからFargateに移行して、Node.js(NestJS)アプリの動作を最適化するためにタスクスペック(CPUやメモリの割り当て)についていろいろ試行錯誤しました。この経験を踏ま…
View ArticleNode.jsのunzipperで解凍したらファイルが少なかった件
初めてunzipperを使いました unzipperの最も基本的な使い方ですが、初歩の初歩で躓いてしまいました 具体的にはZIPを解凍したら解凍先のディレクトリにあるはずのファイルがなかったという感…
View Articlepnpmの "not found: node" エラーを解決する方法
はじめに pnpmを使用してプロジェクトの依存関係をインストールしようとした際に、以下のようなエラーに遭遇することがあります： ENOENT not found: node pnpm: not fo…
View Articleインポート機能、エクスポート機能APIの作り方（Node.js、Springboot）
今回はインポート機能、エクスポート機能APIの作り方を記事にしました。 インポート機能とエクスポート機能を実装するAPIの作り方をステップバイステップで説明します。一般的には、CSVやExcel形式…
View ArticleNestJSのルーティングでハマらないために：静的パスと動的パスの順序に気をつけよう
はじめに NestJS(express.js)のルーティングにおいて、静的パスと動的パスの定義順序がアプリケーションの動作に重大な影響を与えることがあります。この順序を理解して正しく設定することで、…
View ArticleReact_Webアプリケーション開発入門① ～React開発環境構築〜
1. 本ページについて Reactの導入および環境構築の手順書を示す。 また、基礎理解と動作確認を兼ねた簡単なHello World表示をゴールとする。 2. 前提 以下を満たしているとなお良いです。 ・HTML/CSSの基本は理解している…
View ArticleAlmaLinux+Reactの環境構築
AlmaLinux+Reactの環境構築 1. 事前準備 2. 投稿主の実装環境 3. 各ソフトウェア・ツールの説明(Node.js,npm,nvm,CreateReactApp,React) 4.…
View ArticleReact_Webアプリケーション開発入門② 〜画面遷移を学ぶ〜
本ページについて 本ページではReactとnode.jsを用いた超簡潔な勤怠登録アプリケーションを開発します。 環境構築および動作確認は完了しているものとします。環境構築から始める人は下記記事を参照…
View ArticleGitHub Actionsでスケジュールされたバッチ処理の自動実行
毎朝6時にsupabaseのテーブルを自動でリセットしたい！ということで ①毎朝6時にトリガーされる.ymlで ②supabaseの指定したテーブルを全部削除する.tsを実行することにしました na…
View ArticleStorybookのストーリー数の数え方
背景 運用中のStorybookのストーリー数が知りたかった。 でもGoogleで検索したりChatGPTに聞いたりしても、知る方法を見つけられなかった。 (ChatGPTは近いことを教えてくれまし…
View Articleテスト環境を外部公開してみた(AlmaLinux+ngrok+react)
Nginxの導入方法 1. 事前準備 2. 投稿主の実装環境 3. ngrokとは 4. 環境構築 5. nginx便利コマンド 1. 事前準備 ・今回はngrokがメインのため、Reactの構築は…
View Article(Node.js) @mapbox/geojson-areaモジュールを理解する
はじめに node.jsのコードの中で@mapbox/geojson-areaモジュールを使用する機会があったので、どのようなモジュールであるのか簡単にまとめたいと思います。 @mapbox/geo…
View Article休憩時間をライフゲームに委ねるアプリをつくってみた
こんなものをつくります デスクトップで動く休憩時間管理アプリです。 開始してから黒いセルがなくなるまで休憩できる！というルールになっています。 休憩中 休憩終了 これは**Game of Life…
View Articleエージェンシーのウェブサイトを作成する方法
My website: https://alleekhan.exblog.jp エージェンシーのウェブサイトを作成する方法 エージェンシーのウェブサイトは、クライアントに対してサービスを提供するた…
View ArticleNode.jsを学ぶ ＃１
Node.jsに関する要点まとめ Node.jsとは？ JavaScriptのサーバーサイド環境： 通常、JavaScriptはフロントエンド（HTML、CSSと組み合わせて動的なWebページを作る…
View ArticleNode.jsを学ぶ #2
学習の内容説明 ポケモンデータの詳細情報を非同期処理で取得し、表示する部分です。以下のように概要をまとめます ローディング表示の追加 ポケモンデータを取得する際に、非同期処理が完了するまで「ロード中…
View ArticleOpenAI Realtime APIを動かしてみた
作成日：2024年10月20日(日) １．はじめに 私たちがこれまでに生成AIで使用してきた自然言語処理(NLP:Neuro Linguistic Programming)はChatGPTなどのチ…
View Article