2025年3月
GitHub ActionsをMarketplaceに公開してみる
現在このサイトで使っているサーバが、さくらインターネットの共有サーバなのでアップロードする際にSFTPを利用することにした。パーミッションやディレクトリ設定をまとめておこないたかったのでlftpを利用することに。 あまりFTPを使うことは ...
PHPでメール送信テストする環境を作る
PHPでメール送信するプログラムを作る必要があったので、DockerでPHPの環境を構築する。 さくらインターネットで使っていたPHPのバージョンは7.4系だったので、「php:7.4-apache」イメージを使う。このままだとメール送信 ...
Vimの設定を見直してみる
最近はもっぱらVSCodeばかりになってしまったが、新しいMacを購入したのでVimやらShellを見直してみることに。 Shellをfishに変えてみた 今までzshを使っていましたが、fishがよさそうなので変更してみます。 まず ...
RemixのSPAモードでお問い合わせフォーム
SPAでお問い合わせフォームを作ってみる。当然必要なのはメールを送信する機能だが、サーバサイドの機能は使えないのでどうするものかと考える。 最近ではSendGridを使ってメール送信したりすることが多いようだ。でもクライアントサイドのみで ...
RemixのSPAモードでNavLinkが上手く動かない
ヘッダーのナビゲーション部分で各ページに移動するとリンクにアンダーラインが付くようにしていて問題が…。 https://www.greenstudio.jp yarn run buildでSPAモードで出力したあと動作をチェックしてみる ...
YarnのPnPモードを使ってみる
サイトリニューアルするにあたり、YarnのPnPモードを使ってみることにした。 PnPモードとは、node_modulesに依存せずに.pnp.cjsに依存関係のパッケージ情報を出力して管理するタイプのものらしい。別途キャッシュディレクト ...
Remixでindexに複数ルート割り当て
indexページを共通ページとして、複数のルート(パス)を割り当てるのにハマった。 下記URLを見ると分かるようにポートフォリオのリンクを開くと、モーダル画面が開いてポートフォリオの詳細画面が開く。このときにポートフォリオごとに固有のUR ...
サイトリニューアル
Remixを使ってサイトをリニューアルしてみました。 今回は複雑な機能もないので、さくらインターネットの共有サーバで動かせるSPAモードで作成しました。お問い合わせのメール送信は、クライアント側では難しいため、PHPで実装しました。 デ ...