個人用メモとして書いているが、少し自分以外にも読まれていそう。 検索性も良いので、githubだけにしかメモしていない内容なども、こっちに書いても良さそう。

eclipse自体の問題では無いが、設定周りややこしい場合、 cli併用に逃げるのが応急処置としては良さそう。

git commit --amend -m "編集後のコミットメッセージ" zenn.dev

概要 58GB→7.8GBくらいまでに減った 参考記事 qiita.com qiita.com

# ビルドしたい内容を取るためのFROM FROM ビルドしたい内容が含まれるイメージ as builder # バイナリの場所を確認する RUN which node && echo "キャッシュ対策文字列" # イメージを作るステージ FROM ベースイメージ COPY —from=builder 確認したバイナリ…

Markdown記法の便利な使い方 Markdownはシンプルで読みやすい文章のマークアップ言語です。一般的な要素（見出しやリストなど）のフォーマットは多くの人が知っていますが、いくつかの便利な機能が意外と知られていないことがあります。本記事では、そのよう…

エラーの解析の原理原則 エラーの解析は、問題の原因を特定し、適切な解決策を見つけるためのステップバイステップのプロセスです。 エラーメッセージの読解: エラーメッセージには、問題が発生した場所や原因が示されることが多い。 再現性の確認: エラーが…

ドキュメンテーションの重要性 ドキュメンテーションはソフトウェア開発において不可欠です。正確で簡潔なドキュメントは、他の開発者がコードを理解し、変更や拡張を行う手助けとなります。 ドキュメンテーションのポイント 目的の明確化: 何のためのドキュ…

Linuxコマンド入門 Linuxには、システム管理やファイル操作に役立つ多数のコマンドが用意されています。このセクションでは、よく使われる基本的なコマンドをいくつか取り上げ、その使い方を解説します。 1. 基本のコマンド ls: ディレクトリの内容を一覧表…

シェルスクリプト入門: 基本から実用的なテクニックまで シェルスクリプトは、LinuxやUNIX系のOSで動作するコマンドラインベースのスクリプト言語です。この記事では、シェルスクリプトの基本的な書き方から、少し高度なテクニックまでを解説します。 1. シ…

Linuxのgrepとfindコマンドの強力な組み合わせ Linuxには多数のコマンドがありますが、特にテキストやファイルの検索に役立つgrepとfindは非常に便利です。この記事では、これらのコマンドの基本的な使い方から高度なテクニックまでを解説します。 1. grepの…

historyコマンド：使い方と豆知識 コマンドライン操作の履歴を追跡し、以前に実行したコマンドを素早く参照するための強力なツール、それがhistoryコマンドです。この記事では、historyコマンドの基本的な使用法と、この便利なコマンドを最大限に活用するた…

エラー $ bundle exec cap production deploy (Backtrace restricted to imported tasks) cap aborted! NoMethodError: undefined method `match' for nil:NilClass 対応 bundle exec cap production deploy SERVER_IP=IPアドレス で一旦動作することを確認…

対応 以下を追加してbundle installで解決 group :development do # 〜略〜 gem 'ed25519' gem 'bcrypt_pbkdf' end エラー $ bundle exec cap production deploy SERVER_IP=IPアドレス #<Thread:0x00007fe0069f1bc0@/Users/username/.rbenv/versions/2.5.1/lib/ruby/gems/2.5.0/gems/sshkit-1.21.4/lib/sshkit/runners/parallel.rb:10 run> termin…</thread:0x00007fe0069f1bc0@/users/username/.rbenv/versions/2.5.1/lib/ruby/gems/2.5.0/gems/sshkit-1.21.4/lib/sshkit/runners/parallel.rb:10>

概要 Reactをv17→v18で変えた時に発生。 対応するようにNext.jsをv12→v13で変更し改善。 感想 この辺の対応は個人でプロトタイプを色々いじっている方が、 現場でコードをいじっているより気づいて試しやすそう。

概要 Next.jsのv13へバージョンアップ時、pタグでdivタグをネスとしていたことが原因で発生。pタグをdivタグに変更して改善。 エラーメッセージ Error: Hydration failed because the initial UI does not match what was rendered on the server. Warning: …

import '@testing-library/jest-dom'を書いて、 yarn add -D @testing-library/jest-dom yarn add -D @types/testing-library__jest-dom で解決 qiita.com

import React from 'react'を書けばOK

jest.config.jsでtestEnvironment: 'jsdom',にして、 yarn add -D jest-environment-jsdomすれば良い。

エラーメッセージ $ yarn jest yarn run v1.22.19 $ /Users/username/Desktop/products/next-various/node_modules/.bin/jest ts-jest[ts-jest-transformer] (WARN) Define `ts-jest` config under `globals` is deprecated. Please do transform: { <transform_regex>: ['ts-</transform_regex>…

react, react-domとjestのバージョンが合っていないことが原因 zenn.dev

iOSデバイス上でのWebアプリのズーム動作は、多くの場合、ユーザーのアクセシビリティを向上させるための機能です。ただし、デザインや機能の観点からこの動作を制御したい場合は、以下のようなCSSのプロパティを利用することで、ズームやピンチズームの動作…

qiita.com

const obj = { hoge: ComponentName } const obj = { hoge: () => ComponentName({props}) }

GitHub 手順書の作業を実行するのが面倒なので作った github.com コマンド実行ツールの使い方 このツールは commands.txt ファイルに記述されたコマンドを順に実行します。コマンドとそれに関連する説明を#で区切って記述することができます。 commands.txt …

github.com

// pages/fetch.tsx import React, { useEffect, useState } from 'react' const FetchPage = () => { const [data, setData] = useState(null) useEffect(() => { async function fetchData() { const url = 'https://jsonplaceholder.typicode.com/todos/1…

qiita.com

jest // src/utils/fetchData.ts import axios, { AxiosResponse } from 'axios'; // fetchData関数の引数であるurlの型を定義 type Url = string; // fetchData関数の戻り値の型を定義 interface Data { id: number; title: string; } // fetchData関数の定…