エンジニアのはしがき

プログラミングの日々の知見を書き連ねているブログです

React

ポートフォリオサイトをNext.jsからReact.jsに置き換えました

最近ずっと放置していたポートフォリオサイトをアプデしました。 My Portfolio 元々はNext.jsで構成していたのですが、今回React.jsに置き換えをしました。 何で置き換えたの? ビルド、デプロイはGitHub Actionsで実行されるようにしていたのですが、その際…

React + TypeScript + CSS ModulesでChrome拡張機能の開発環境を構築する

前回、webpack + TypeScriptの構成でChrome拡張の開発環境を構築しました。 tm-progapp.hatenablog.com ただ、DOMを拡張機能側で動的生成したりするよう場合、TSXで書きたいなァ…🤤という思いから構築してみました。

GitHub Actionsでポートフォリオサイトのデプロイ自動化した

前々から触ろう、触ろうと思っていて触れていなかったGitHub Actionsの話です。 先日Dependabotくんがプルリクを出していたので、そろそろ手を出すかと思い試してみました!

ポートフォリオサイトが完成しました!

空き時間を見てはちまちまとNext.jsで書いていたポートフォリオサイトを公開しました! 今後も追加する内容があればマイナーアップデートを続けていくつもりです😊 portfolio.ts-soda.net github.com

serverless-nextjsを使うもTypeError: Object(...) is not a functionエラーでビルドに失敗した

AWS環境にNext.jsをお手軽にデプロイするツールにserverless-nextjsというものがあったので、最近試してみていました。 serverless-nextjsとは 記述例 原因 ビルドに失敗したバージョン ビルドに成功したバージョン 参考 serverless-nextjsとは github.com S…

フロントエンド(Node.js)でスタイル指定したExcelを出力する

Excelは好きですか? 僕は嫌いです。(UTF-8のCSVを開こうとしたら文字化けさせてきたり、0埋め数字を勝手に数値型に変えてくる辺りとか) しかし、日本はExcel大国ですので基本的にどう足掻いてもExcelから逃れることはできません…。Excel出力機能の実装を…

RaspberryPi+Node.js+Reactで赤外線リモコンをつくろう(2/2)

※この記事は前の記事の続きです。 tm-progapp.hatenablog.com

RaspberryPi+Node.js+Reactで赤外線リモコンをつくろう(1/2)

こんにちは! 仕事から帰ってくると部屋が寒い…エアコンが効くまでがツラい…そう思う時期になってきました。 せめて事前にエアコンを自宅外から操作できればいいのに…という思いから、今回は余っていたラズパイを引っ張り出して、赤外線リモコンアプリを作っ…