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

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

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

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

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

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

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

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

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

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

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