semigraphy

個人の意見です

Electron のクイックスタートで Hello, World! アプリを作成する

こんにちはsemiguraです。最近暖かくなってきたので嬉しいです。 Electron アプリを作ってみたいなと思い、ひとまず公式のチュートリアルを触って Hello, World! アプリを作成してみたのでそのやり方を備忘録として残しておきます。 TL;DR yarn init && yarn…

Amplify を初めて触ってみる (下調べ編)

本題 最近 Next.js を用いたWebアプリケーション開発の勉強をしており、その一環として Amplify を触ってみることにしました。 Amplify のようなサービスに関してほとんど知識が無かったのですが、いろいろ調べつつ以下のような理解をしました。 Amplify は…

Next.js 製の Web アプリを PWA 化する

こんにちはsemiguraです。 TL;DR yarn add next-pwa で PWA 対応用プラグインを導入 manifest.json と各種 favicon を生成し public/ 以下に置く _document.jsx で呼び出す 確認は Chrome DevTools の Application タブで行う 環境 Next.js 12.0.10 + next-p…

Next.jsのプロジェクトにCypressを導入してGitHub Actionsで走るようにする

こんにちはsemiguraです。 TL;DR yarn add -D cypress 生成されたintegration以下にテストを書く GitHub Actionsで走らせるにはMarketplaceにある公式のcypress-io/github-actionを使う 環境 Next.js 12.0.8 + Cypress 9.3.1 本題 Cypress導入 yarn add -D c…

RecoilのAtomをlocalStorageに保存して読み込む

注意点 より良いやり方があると思うので教えてください AtomEffectは使っていません(今後試す予定) TL;DR setIntervalで1000ms毎に状態を取得して保存 RecoilRootのinitializeState に渡して読み込む 環境 Next.js 12.0.7 + Recoil 0.5.2 本題 Atoms の用…