git-command

Thumbnail of post image 021

git switchコマンドとは git switchコマンドはブランチの切り替えを専用に行うコマンドでバージョン2.23でリリースされました。 git switchコマンドがリリースされるまではgit のブランチの切り替えにはchecko ...

2021年1月18日React

Thumbnail of post image 105

Webページをレスポンシブ対応する場合に、cssの@media クエリを利用する以外にjavascriptのwindows.matchMedia()を利用する方法があります。 javascriptのwindow.matchMedia()の使 ...

React

Thumbnail of post image 138

react のデザインで styled components (CSS in JS)で行う場合、「全てのスタイルを1から作成するのは嫌だ」というときに、material-uiと組み合わせて利用することで省エネでデザインすることができます。 ...

Docker,Windows

Thumbnail of post image 011

Windows 10 Home上のWSL2でUbuntu(18.04 | 20.04)をインストールする手順についてまとめました。 Windows 10 HomeにWSL2を設定する Ubuntu18.04をインストールする前に、WSL2を ...

git-reverse

Thumbnail of post image 088

  .gitignoreの内容が反映されない gitの管理対象に含めたくないファイルやディレクトリは .gitignore ファイルに記述することで対象外とすることができるのですが、 .gitignoreファイルに追加したのに、git st ...

2021年1月2日Development

Thumbnail of post image 199

Windows 開発環境の構成 Windows で大丈夫? プログラミング開発環境としては Windows よりも Mac の方が人気が高いです。 人気の理由は、 本番環境は Li ...

git-reverse

Thumbnail of post image 084

gitコマンドで コミット時にコミットメッセージだけを間違えることがよくあります。 コミットメッセージだけを修正したい場合には、以下のコマンドで簡単に修正できます。 git pushする前に実行しましょう。 git commit --ame ...

git-reverse,GitHub

Thumbnail of post image 144

GitHubでプルリクエスト(Pull Request)を発行したがコンフリクト(conflict)が発生した場合に、コンフリクトを解消するまで「Merge Pull Request」ボタンが非活性でマージが出来ません。 GitHubのPu ...

2020年12月18日GitHub

Thumbnail of post image 190

GitHub公式のGitHub CLIツールghのインストール方法とコマンドの使い方をまとめました。 GitHub CLIを利用するとリポジトリの作成やプルリクエストを発行をブラウザではなくターミナルから実行できます。 シェルなどにも組み込 ...

Windows

Thumbnail of post image 054

WSL2上で実行しているUbuntuの設定を変更し再起動が必要な場合に、PCの再起動を行うことは面倒です。 そこで、WSL2のUbuntuやCentOSのみをシャットダウンや再起動する方法をまとめました。 WSL2をシャットダウンする方法 ...

2020年12月13日TypeScript,express(node.js),Development

Thumbnail of post image 150

フロント側ではReact、Vue、Angularなどは静的型付け言語であるTypeScriptでコーディングされることが一般的になってきました。 今回は、Node.jsのフレームワークであるExpressについてもJavaScriptではな ...

git,GitHub

Thumbnail of post image 140

CI/CD環境はこれまでCircleCIを利用してきたのですが、Reactのversion17でcreate-react-appしたプロジェクトをCircleCIでbuildすると以下のエラーが発生するようになりました。 The build ...

2020年11月28日Windows

Thumbnail of post image 060

WSL2を利用していると、Windows側で「このディレクトリやファイルを開きたい」と思うことがありますよね。 具体的には、以下のようなことを考えたことはないでしょうか。 Windows側とWSL2(Ubuntuなど)のファイルをやり取りす ...

2020年11月23日git-reverse

Thumbnail of post image 012

gitで追加や変更したファイルを取り消したい場合のコマンドをまとめました。 に追加・変更したファイルやディレクトリの取り消し方法 追加と更新を同時に取り消すことはできないため、追加用と更新用で別のコマンドを実行します。 ポイント 全ディレク ...

2020年11月10日Chrome

Thumbnail of post image 038

Google Chromeの「パスワードを保存できるようにする」が利用できない 会社のPCなどでは、グループポリシーで「パスワードを保存できるようにする」が制限されている場合があります。 このような感じでロックされている場合です。 Goog ...

CircleCI

Thumbnail of post image 112

circleciでビルド中に以下のようなエラーが発生した場合の原因と対処方法についてまとめました。 #!/bin/bash -eo pipefail yarn build yarn run v1.22.4 error Couldn't fi ...

Firebase

Thumbnail of post image 046

firebase loginで表示されるエラー firebase でloginする際やtoken文字列を取得する際に以下のコマンドを実行します。 firebase login や firebase login:ci URLが表示され、 Vi ...

2020年10月17日Linux

Thumbnail of post image 047

Linux上にWindows端末から利用できるファイルサーバを構築したい場合に、あまり複雑なアクセス権などを考えず、簡単に構築する手順をご紹介します。 構成イメージ sambaで公開するディレクトリを作成 sambaで公開するディレクトリを ...

2020年9月13日Docker

Thumbnail of post image 110

Dockerfileのapt-getでエラーになる dockerで開発していると、昨日まで動作していたのに突然apt-getコマンドでエラーにあることがあります。 こんなエラーです。 Err:1 buster InRelease Tempo ...

2020年9月13日Docker,kubernetes,React,Development

Thumbnail of post image 165

最近は、開発環境をDockerで構築することが多くなってきたので、Reactアプリの開発環境構築手順をまとめました。 また、本番デプロイ用にDockerHubへのPushとkubernetesへのデプロイ用YAMLの作成手順についてもまとめ ...