Development

Thumbnail of post image 043

Web 開発をしている際に html ファイルや JavaScript をローカル環境の Web サーバとして公開しブラウザから確認してみたいと思ったことはあると思います。 Apache や nginx をインストールしてもよいのですが、簡 ...

AWS

Thumbnail of post image 125

Redshift のテーブルやビューの所有者を調べる方法がわからないRedshift のテーブルやビューの所有者を変更する方法がわからない この記事では AWS Redshift のカタログテーブルを用いたテーブルやビューの所有者の確認方法 ...

Windows

Thumbnail of post image 186

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

2021年4月25日React

Thumbnail of post image 043

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

React

Thumbnail of post image 010

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

2021年3月5日Linux

Thumbnail of post image 088

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

2021年2月21日Google

Thumbnail of post image 137

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

Linux

Thumbnail of post image 096

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

Development

Thumbnail of post image 090

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

Docker,Linux,kubernetes

Thumbnail of post image 187

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

Linux

Thumbnail of post image 164

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

Linux

Thumbnail of post image 141

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

2021年1月31日Windows

Thumbnail of post image 017

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

Windows,git

Thumbnail of post image 139

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

2021年1月24日Windows,Development

Thumbnail of post image 047

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

Windows,Development

Thumbnail of post image 160

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

git-command

Thumbnail of post image 065

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

2021年1月18日React

Thumbnail of post image 131

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

React

Thumbnail of post image 067

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

Docker,Windows

Thumbnail of post image 180

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