【ReactNative】Unable to resolve module path from ...
前提 ReactNativeにて、Unable to resolve module path from ...というエラーが出た。 . ├── api_dir │ ├── fuga │ └── fugafuga └── native_dir ├── hoge └── hogehoge エラーになる理由...
View ArticleTrelloっぽいのを作りたい
最近 MERN Stack と呼ばれる技術スタックをを学んだ。 ( MERN: MongoDB, Express, React, Node ) せっかく学んだので MERN な構成で Trello っぽいのをつくってみる。 段階的に作っていく。 ① ToDoItem の CRUD ② ユーザの認証 ③ Category の CRUD ④ ToDoItem を Draggable にする ⑤...
View ArticleMarkdownファイル校正手順 - 実務編
前提 Node.js - https://nodejs.org/ja/ VSCode - https://code.visualstudio.com/ VSCode の Textlint拡張 - https://marketplace.visualstudio.com/items?itemName=taichi.vscode-textlint 手順 npm...
View ArticleanyenvとnodenvでNode.jsのバージョンを管理
はじめに 自身のメモとして、本記事ではmacOSでanyenvとnodenvを活用し、Node.jsを一つのPCで複数バージョン使える環境の構築手順を記載します． Node.jsのバージョン管理をしたい理由...
View ArticleVideo on Demand on AWS Foundationにキュー・ホッピングを追加する
前提 AWS Elemental MediaConvertで動画の変換処理を実装している 以下のような構成 経緯 AWS Elemental MediaConvertで動画の変換処理を実装しましたが、通常１分程度で完了するはずの処理が５分以上かかる時がありました。詳細に見ていくと変換処理は１分程度で終わっているのですが、処理開始までの待機時間が長いことがわかりました。 原因...
View ArticleZeroMQを使ってPython-Node.js間でPUB/SUBする。
ZeroMQとは 公式サイトはこちら grpcとかddsとかと同じメッセージングミドルウェアです。 TCPベースで、他言語でのプロセス間でREQ-REPやPUB-SUBやPUSH-PULLなど様々な通信方式が手軽に実装でき、分散システムの構築に向いています。 実装 Windows10と、WSL2のUbuntu18.04上で相互に通信してみた。...
View ArticleReactに漬かっていた私がVue3に挑戦して感じたこと
Vue3に挑戦したきっかけ タイトルでも書いた通り、これまでメインで使っていたのはReactだったのですが、 そんな中、新卒1年目に勉強の一環で作ったjQueryのシステムを新しくすることになりました。 何を使っても良いという状況だったので、何で作り直すか考えてみたところ、 今回はReact以外のものに挑戦してみたい ドキュメントが分かりやすそう ググったら参考になるものが沢山出てきそう...
View Article【Node.js】AWS LambdaからMySQL(AWS RDS）のレコードの個数を取得
Node.jsで、AWS RDS（MySQL）のレコードの個数を取得するのに結構ハマったので、ここに記します。 環境・システム構成 ・node.js v14.5.0 ・AWS Lambda から AWS RDS(MySQL)の情報を取得 方法 SQL文でテーブルの中の数を取得するとき、 たとえば、 テーブル users の中の カラム userIDの数 を取得するには、以下のSQL文になります。...
View Articlenpm installとpackage.jsonのnpm-scriptsの意味と依存関係等など
Node package manager で、なんとなく打っているコマンドのそれぞれの意味を丁寧に追いかけた。以下も参考。 npm install npm install, npm i と package.json をドキュメントに沿って見る。 npmとpackage.json どう使うのか npm...
View Articletypeormの設定をormconfig.tsから読み込む
typeorm の設定ファイルはデフォルトで，ormcofig.json ですが，このままだと以下の問題点があると考えます． 環境変数を埋め込みづらい プロジェクトのルートディレクトリにファイルが増える 自動で読み込まれるのでデバックしづらい 環境変数を読み込むには ts ファイルの方が楽ですし，他の config とまとめることができるので，ormconfig.ts から読み込む方法を記述します．...
View ArticlePuppeteerを使ってみた
株式会社ココロファン - エンジニアリング事業部所属のhazamaです。 サイト制作・運用業務をメインに行っています。 業務の一環でサイトのスクリーンショットを取得することがあるのですが、便利なものがないか探しているうちに 「Puppeteer（パペティア）」というものを見つけたので、早速試してみようと思います。 Puppeteerとは Puppeteer is a Node library...
View ArticleGatsbyJSにいれたnode16系で[DEP0148] DeprecationWarning: Use of deprecated folder...
結論から言うと node15系（15.14.0）にしぶしぶ変更してエラーが消えました。 node12系からnode16系へバージョンアップさせる流れでぶち当たりました。（gatsbyのバージョンは3.7.2） エラー内容ですが [DEP0148] DeprecationWarning: Use of deprecated folder mapping "./" in the "exports"...
View Article外部API(リモート)で取得した画像URLを GatsbyJS の gatsby-plugin-image（前 gatsby-image）で最適化する方法
microCMSと連携したGatsbyJS製のサービスを開発&運営しています。 そこでmicroCMS側で設定したサムネイルの画像最適化を行いたいと思ったのですがせっかくGatsbyJSの強力な画像最適化プラグインである gatsby-plugin-image があるにも関わらずこれはローカルフォルダ（ ここでは gatsby-source-filesystem によるallFileスキーマ...
View Article【AWS】クライアント～API Gateway～Lambda～S3における、上手くいった型変換表および実装例
概要 AWS Lambda プロキシ統合からバイナリメディアを返すには、base64 で Lambda 関数からのレスポンスをエンコードします。 LambdaおよびLambdaプロキシ統合利用時（今回はAPI Gateway）は上記のように、base64にエンコードしておく必要がある。...
View Articlenode_modulesとさよならバイバイ。vnoを用いてVue.jsをdeno環境で使ってみる
はじめに 皆さんはDenoをご存知でしょうか？ Node.jsの作者様が新しくNode.jsの欠点を取り除くために開発を行なっているJS/TSのランタイムになります。 個人的に大きなメリットとしては従来package.json, npmで管理していたnode_modulesがなくなったこと、TypeScriptが標準でサポートされていることが挙げられます。 Node.jsに関する10の反省点...
View ArticleNext.js「'NODE_OPTIONS' は、内部コマンドまたは外部コマンド、 操作可能なプログラムまたはバッチ...
背景 「Next.js」で開発するときに、VSCodeでデバッグしたいと思い、 公式サイトを参考に進めてみましたが、 デバッグモードで起動コマンドを実行したら 下記のようにエラーが発生しました。 $ npm run dev > racsche@1.0.0 dev > NODE_OPTIONS='--inspect' next dev 'NODE_OPTIONS'...
View ArticleTypeScript 備忘録
概要 TypeScriptについて学んだことを自分の備忘録とかねて投稿しています。 目次 -Node.jsを使用してTSからJSにコンパイル -型注釈と型推論 -オブジェクトの型注釈の仕方 -Tuple型の型注釈 -Any型について -関数へ型注釈を適応させ方 Node.jsを使用してTSからJSにコンパイル...
View Article【Node.js編】DiscordRPCを使ってプロフィールに乗せるまで
今回はNode.jsで書きます。Python版はこちらにあります Discordにはプレイ中を乗せるDiscordRPCがあります こんな感じなのを指しています 今回は下のようなものは一切触れませんのでご注意ください 準備 Discord Developer Portalでアプリケーションを作成してる前提で話します。その方法は調べてください。 まずは node init -y...
View ArticleVPSにNode.jsをインストールする
[root@<ホスト名> ~]# curl -sL https://rpm.nodesource.com/setup_14.x | bash - ## Installing the NodeSource Node.js 14.x repo... ## Inspecting system... + rpm -q --whatprovides redhat-release || rpm -q...
View ArticleAlexaのAPLでゲームブックを作る
Alexaには、APL（Alexa Presentation Language）という機能があり、Echo ShowやFireタブレットによるShowモードで、画面付きのスマートスピーカのための画面表示をするための仕組みがあります。 手元に、Echo Showはないですが、ブラウザ上で試せるシミュレータがあるので、試しながらゲームブック実行環境を作ってみようと思います。...
View Article