開発日誌

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

2023-05-01から1ヶ月間の記事一覧

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

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

Newtの複数参照フィールドで絞り込みをする

個人ブログのタグで絞り込みの書き方がイケてないのを思い出した APIによるタグの絞り込みが方法がわからなかったので下記のように全記事を取得してきてjsでフィルタをしていた。記事が少ない&ページングもしてない今は良いが、記事が増えたら破綻するので…

はてなブログから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 ホスティングサービス、どれを選ぶ? やり…

Astroでいにしえの個人サイトを作った

いにしえの個人サイトをつくった。 ここでいう『いにしえの個人サイト』とは『1ページ1ページ真心込めてHTML+CSSを凝り凝りしてるサイト』のことをさす。 サイトはコレ↓ 北極の とある倉庫 やりたかったこと いにしえの個人サイトをpushで自動デプロイで作り…

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…

README

manasas tech journal 開発の時に詰まった些細なことをとかを書き残しておく 『自分が詰まったら書く』のでどんな些細なことでも書く 書いてる人 まなさす 6年目くらいのエンジニア 現フロントエンド、元バックエンド 色んなフレームワーク試すのが趣味、浅…