開発日誌

開発した時に躓いたこととかの記録

tech

devドメインをGoogle DomainsからCloudflareに移管した

ついに!Cloudflareが.devドメインに対応しました!! TLD Policies | Cloudflare Google Domainsの売却が発表された当初はClouflareは.devドメインは『Available soon』ステータスでした。 soonってどのくらい!?と思いながら首を長くして待…っていたわけ…

Yew(Rsut)をGithubActionsで自動デプロイする

いつかに作ったYew(Rust)のサイトを自動デプロイにのせたい 上記サイトの作り方の参考サイトはこちら → Web フロントエンドエンジニアのための Rust 製 Web フロントフレームワーク Yew 入門 検討 Vercel, Cloudflare 両方試したが、リポジトリ接続はfaile…

React Hook Formとreact-dropzoneとZodでファイルアップロードフォームを作って、nodemailerでファイルをメール送信する

React Hook Formとreact-dropzoneを組み合わせた時にバリデーションを発火させるのに手間取ったのでメモ。知ってれば難しいことはない。 Next.jsのAPIでnodemailerを使ってメールを送るのアップデート版 textareaのinputをメール送信するだけの機能に、下記…

はてなブログからmicroCMSにデータ移行する方法

既存CMSからmicroCMSに移行できるのか気になった 個人でCMSを持ってないので、はてなブログをmicroCMSにデータ移行をやってみた データ移行だけ試してみるだけなのでこのブログは引き続きはてなブログで運営する 題材のブログは読書記録ブログの方 ※諸注意 …

VPSのSFTP接続設定をして、CalckeyをWindowsでPWAした時のアプリアイコンを変更したかった

【追記】 packagesの中を自分で置き換えるのは推奨されないようで、customディレクトリ内にファイルを置いてpnpm run gulpするのが推奨のやり方のようです。 が、Calckeyの最新のstableバージョンである13.1.4.1 ではassets配下のディレクトリの中身のコピー…

Sassを利用しているNext.jsをStorybook6から7に移行する

Storybookのv7がでてたのでアップデートしてみる。2023/5/18時点の7.0.12にアプデする。 リポジトリ 道のり 6 -> 7に移行し、起動できるようになるまで 公式の Migration guide for Storybook 7.0 のupgradeコマンドをたたくも、何故かupgradeされない 仕方…

Next.jsのAPIでnodemailerを使ってメールを送る

メール通知を作ってくれ。Next.jsのAPI Routesで。と言われて『できるんだ……』ってなったのでやってみるなど。 Routing: API Routes | Next.js ざっくり仕様 メールはGmailを使う ライブラリはnodemailerというやつを使う FWはもちろんNext.js 結果 textarea…

個人サイトをポコポコ作るには

最近個人サイトをポコポコ生やしてるので書く。 更新間に合ってないが作った主な個人サイトは https://manasas.dev に適宜まとめている)。 前提 使うもの Github ホスティングサービス Firebase Vercel Cloudflare ホスティングサービス、どれを選ぶ? やり…

Svelteの書き方の特徴をざっくり語る

mana's tools というのをSvelteで作ったので、他フレームワークに比べて特徴的な書き方だと思った点を語る コンポーネントのファイルの構成 コンポーネントの引数定義 jsの変数をCSSに渡したい時 headの書き換え方 学習用コンテンツ おわりに コンポーネント…

Next.js(app directory)でMarkdownを読み込む

やりたいこと Next.jsのapp directoryモードで.mdファイルを読み込んでページの途中に表示するやつをやりたい やり方 公式にもやり方は書いてある Render Markdown - Dynamic Routes | Learn Next.js ただし上記の方法はapp directoryでは使えないのでapp di…