Blogホームセンターグッツでダボ穴治具にも使えるドリルガイド
DIYされている方でしたらお分かりと思いますがドリル穴を垂直に意外と難しいですよね。 色んなメーカーから便利なドリルガイドが販売されていて、買えば便利なのでしょうけどもったいないので自作しました。 ホームセンター等で簡単に購入で...
Blog
HTML･CSSJavaScriptでOSとブラウザを判定する方法
window.navigator.userAgentプロパティを使うと簡単にOSやブラウザを判定できます。 では簡単にHTMLを書いていくのですが、簡単なコードなのでJavaScriptはHTMLにscriptタグを使って書きます。 ...
Blogソーホースブラケットとバイ材で作業台の馬を作る
現在のDIY環境 現在はこんなも物が1つあるだけ！！。 まことに不便です。 簡易的な作業台が欲しい。 作業台の馬を作る 馬の作り方をネットでチラチラ見ていたらいい物、見つけました...
HTML･CSSSASS(SCSS)の基本的な使い方
SASS(SCSS)の開発環境 SASS(SCSS)を使った開発はMicrosoftの無料で使えるエディター、Visual Studio Codeを使うことをお勧めします。 面倒なコンパイルを自動化できます。 セレクタのネスト...
BlogランダムサンダーRYOBI RS-115マジックパッド再生
ランダムサンダーを長く使っているとラバーパッドについているマジックシートがくっつかなくなります。 本来ならラバーパッドごと交換するのですが、これがけっこうなお値段なんです。 そもそも古すぎて交換パーツが見ありません。 ネットで調べ...
BlogDIYでローテーブル（こたつ）の天板をリメイク
古い、安いのこたつの天板が見難い状態になっています。 塗装は浮いているいるし剥げるしなんともひどい状態です。 そこで100円ショップグッツでリメイクしてみました。 BEFORE 画像では分かりにくいですが中央部分は塗装が...
HTML･CSSCSSのflex-growプロパティの意味と使い方
CSSのflex-growプロパティとは？ flex-grow プロパティは、フレックスコンテナー内の残りの空白のうち、どれだけがそのアイテムに割り当てられるかを設定します。 残りの空間とは、フレックスコンテナーの寸法からすべてのフ...
ItWordPressホームページ用オリジナルテーマVer2.0
ランディングページ用WordPressのオリジナルテーマです。 どんなテーマなのかを簡単に紹介します。 ホームページ用WordPressオリジナルテーマVer2.0の特徴 ホームページを作りたい！！、現在のWebページをWordPre...
HTML･CSSVisualStudioCodeの拡張機能を使ってSass開発
Sassって規模が大きくなればなるほど効率的なのは分かっているけどコンパイルとかそのコンパイルの環境を構築するのが面倒だから導入さてれいないそうです。 でもVisualStudioCodeを使えば拡張機能で簡単にコンパイルできちゃうん...
HTML･CSSSassって何者？Sassを使うメリットとデメリット
HTMLやCSSに興味があればSassって言葉を聞いたことがあるのではないかと思います。 聞いたことはあるが「よー分かんっ！！」って！！。 Sassについて簡単に解説します。 Sassとは？ SassはCSSプリプロセッサの1つ...