Windows

Thumbnail of post image 024

Windows Terminalやコマンドプロンプト、Powershellなどのターミナル操作をしている際に、カーソル(ポインタ)をカスタマイズする際に、形状については以下のような選択肢があり簡単にカスタマイズすることができます。 アンダー ...

2021年4月25日React

Thumbnail of post image 096

とりあえずReactにTailwind CSSを導入したいcyan、greenなどの色の追加方法がわからない CSSフレームワークといえば、BootstrapやMATERIAL-UIなどが有名ですが、誰が作っても同じようなデザインになること ...

React

Thumbnail of post image 042

React から外部のAPIを呼び出すサンプルを作成してみました。 外部APIの題材としてYoutubeのData APIのSearchを利用し、動画の検索ページと再生ページも作成していきます。 システム構成 今回はAPI部分を中心に説明し ...

2021年3月5日Linux

Thumbnail of post image 080

WindowsとLinuxのデュアルブート環境で突然「grub >」が表示され起動しなくなったUSBメモリにLinuxをインストールすると本体側のLinuxで「grub >」が表示され起動しなくなった デュアルブート環境を構築したり、USB ...

2021年2月21日Google

Thumbnail of post image 107

Googleドライブを初期設定でインストールしたら「c:\Users\Google ドライブ」になってしまった2つ目のアカウントを追加すると「Google ドライブ (xxxxx@gmail.com)」というメールアドレスのフォルダ名にって ...

2021年2月21日Linux

Thumbnail of post image 051

Linux Mint を利用しているときに、Windows で利用している AutoHotKey で行っていたように、カーソルキー移動や Backspace キーをホームポジションを崩さすに操作したくなってきました。 Linux で Aut ...

Development

Thumbnail of post image 141

Markdown ファイルへの目次の自動生成やプレビュー時のデザインを CSS で整えるために Visual Studio Code の「Markdown Preview Enhanced」拡張機能を利用してみました。 Markdown P ...

Docker,Linux,kubernetes

Thumbnail of post image 032

今回は、Linux Mint MATE 20.1 に Docker と Kubernetes クラスタを構築する手順をまとめました。 最初に構築しようとした際に ...

Linux

Thumbnail of post image 051

今回は、Windows10 から Linux Mint MATE 20.1 への ssh での接続やデスクトップを操作するために xrdp を利用して Windows のリモートデスクトップ機能で接続できるようにします。 Linux Min ...

Linux

Thumbnail of post image 003

手元にある 古いノートパソコン(Lenovo ideapad 120S)があるのですが、 Windows10 で利用するにはスペック的に厳しいので、動作の軽いLinux Mint MATE 20.1 をインストールしてみようと考えたのですが ...

2021年1月31日Windows

Thumbnail of post image 187

ホームポジションを崩さずにタイピングしたい 長年、Windows でキーボードのカスタマイズは CapsLock キーを Ctrl キーに置き換えるのみでした。 しかし、カーソルキーを操作するとホームポジションが崩れることがストレスに感じる ...

Windows,git

Thumbnail of post image 187

GitBash で実行するとエラーになったり無反応だったりする Windwos で bash を利用している際に、GitBash が便利で利用してるのですが、うまく動作しないことがあります。 例えば、docker、telnet、python ...

2021年1月24日Windows,Development

Thumbnail of post image 114

Windows Terminal とは Windows Terminal は Microsoft から 2020 年にリリースされた新しいターミナルソフトです。 Windows は標準でコマンドプロンプト、Powershell、WSL など ...

Windows,Development

Thumbnail of post image 189

  WSL2のターミナル(Ubuntuなど)からVSCode (Visual Studio Code)を起動しようとすると、エラーとなる場合があります。 原因と対処方法についてまとめました。 WSL2でcodeコマンドを実行すると発生するエ ...

git-command

Thumbnail of post image 153

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

2021年1月18日React

Thumbnail of post image 058

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

React

Thumbnail of post image 002

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

Docker,Windows

Thumbnail of post image 191

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

git-reverse

Thumbnail of post image 152

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

2021年1月2日Development

Thumbnail of post image 179

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