PROGRAMMING プログラミング

Google Search Console ではサイトの検索アナリティクスを確認・調整できますが、このブログではいつからかソフト404エラーが多発するようになってしまってました。 今回その原因がわかったので備忘録として記録しておきます。 ソフト404エラーとは そもそもソフト404エラーとはなんでしょうか？ Google によると サーバーサイド インクルード ファイルがない。 データベースへの

つい先程、storybook8が公開されましたね。 7のときからargTypesが自動的に設定されない不具合がありましたが、8になってどうなったでしょうか……

CSSのみでメディアクエリの簡単な管理方法ができますので、ご紹介（ただし注意点あり）

問題発生 sveltekitでWebサービスを作っている中、node_modulesで取り込んでいるsvelteコンポーネントが単独でルーティングとして呼び出される事情が発生しました。（server側のevent.url.pathnameで取得できる） そしてサーバーサイドのログにはError: Not found: /TideImageBox.svelteのエラーが…… このSvelteToas

はじめに、筆者はフロントエンドエンジニアです。なので細かい知識などはないです。

テーマカラーを実現するために、テーマ切替時にはcssの色変数の値を書き換えるようにしています。 そのときに背景色も文字色も同時に変数を変更しているので、期待値としては実際に表示される各色も同タイミングで変更されるものだと思っていました。 でも実際には実装方法によってはタイミングがずれるらしいです。

Nuxt3-rc10からrc14を経由して安定版に更新しましたが、その際に変更になった点でいくつか修正が必要な部分がありましたので、備忘録として残しておこうかと

Nuxt3の安定版が6月にリリース予定でしたが延期され、代わりにRC4が公開されました。今回はRC4でAPIのデータが取得できない事象に見舞われましたので、その解決策です

pm2を使ってnodeアプリのプロセス管理を行っていますが、大抵のアプリは複数の環境が存在していると思います。 本番環境：production ステージング環境：stg など。 pm2ではecosystem.config.jsで各設定が可能です。 module.exports = { apps: [ { name: 'product', exec_mode: 'cluster', instance

console.logって意外な使い方ができるってご存知ですか？ 文字を赤くしたり…… console.log( '%c赤い文字', 'color: red;', ); 文字を大きくしたり…… console.log( '%c20pxの文字', 'font-size: 20px;', ); URLのリンクを表示したり…… console.log( 'https://shigurezuki.jp の