（続完）洗面台下の収納を考えた - 還暦過ぎたエンジニアの挑戦
娘が可愛がっていたIKEAのぬいぐるみ用の椅子を作りました！ なんちゃって 余った材料で作る隙間家具 仕上げに 完成 まとめ そんなわけはありません。 だいぶ出来上がった手作りの洗面台ですが、 この隙間から見える給水管や排水管、 なんだか見苦しいですね。 洗面台の一連のリフォームの最後に お化粧というか、 身だしなみ 兼 見せる収納💕 見せる収納というのは、Hikaru夫婦の今回のリフォームのテーマの一つでした。 素人ですが、 これでも機能美は追い求めているつもりです。 で、見つけた答えの一つがこれ。 キャビネや収納ボックスの 余った材料で作る隙間家具 素人DIYの「失敗あるある」は 計画や設計と実際の製作物の間にある大きさの誤差 つまり、 加工の未熟さ、 製作技術の未熟さ だと思っています。 なので、今回の一連の洗面脱衣場リフォームも 洗面台下のスペース活用では、 主たる目的のキャビネ
スイッチでランプを点けよう２【スイッチ】 - 還暦過ぎたエンジニアの挑戦
こんな記事（ディシジョンテーブルのこと ）で前置きが長くなってしまいましたが、 Vue.jsで簡単にブラウザ上の表示をコントロールできることに感激したので第2弾は 「3路スイッチの回路」 イメージです。 材料 スイッチはwebで使えるスイッチ で紹介したマテリアルアイコンを使います。 今回は2か所あります。 画像はランプがOFF状態の時のものとONの状態の時のものをソースの imgBathPath に指定したディレクトリに用意します。 スイッチのon/offで画像を差し替えるので、onの画像とoffの画像は大きさを揃えておくのがポイントです。 ランプがOFFの時の画像 ランプ点灯時の画像 スイッチライン左上 スイッチライン左上 スイッチライン右上 スイッチライン右上 それぞれの画像の名称は何でもよいのですが、 on/offの画像の差し替え用共通メソッド function imageColo
ディシジョンテーブルのこと【スイッチ】 - 還暦過ぎたエンジニアの挑戦
先日、スイッチでランプを点けようというこんな記事を書いたのですが、blog.yutenji.biz あの時は単純に スイッチをオンにする → ランプが点く スイッチをオフにする → ランプが消える でしたので、その動作をブラウザで表現するプログラムは比較的簡単でした。 ですが、今度は電気工事士を目指すエンジニアとして、😏 一歩進んで「3路スイッチの動作」を Vue.js を使ってブラウザで表現することを考えてみたいと思います。😄 3路スイッチとは 例えば、階段の照明を階上と階下と両方から点けたり切ったりできるようにするときに使うスイッチのことで、図示するとこんなイメージです。 普通のスイッチ（左図）と3路スイッチ（右図）のイメージ ちょっとプログラム的なハードルは上がりそうですね。 この3路スイッチの図のスイッチAをポチッと押した時 が になるとすると、 ランプが点くかどうかは スイッ
スイッチでランプを点けよう【スイッチ】 - 還暦過ぎたエンジニアの挑戦
前回（というべきか昨日ですが）、 webで使えるスイッチ という記事を書いたのですが、せっかくですので今日はその続き。 そのものずばりで 「スイッチでランプを点けよう」 ということで今日のサンプルはこれです スイッチのアイコンをクリックすると ランプが点いたり消えたりする画像 完全に遊んでいますね。😅 しかしVus.jsおそるべしです。 こんなに簡単にできるとは。。。 ソースはこんな感じ <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <div class="sampleMaterial"> <h1>スイッチ2</h1> <sp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
すぃ～っと合格を目指す - 還暦過ぎたエンジニアの挑戦