還暦過ぎたエンジニアの挑戦

いくつになっても好奇心だけは忘れないエンジニア Hikaruのブログ

MENU

部品集

Qiita風にコードをクリップボードにコピー【リメイク版】

以前、 Qiita風にコードをクリップボードにコピーする という記事を書きましたが、今回はそのリメイク版です。 前回のバージョンでは はてなブログで使うには 最初にJqueryを使えるようにしておきます 記事を書くとき 編集モードには注意して コードの書き方…

Vue.jsでシンプルな汎用チェックボックスを用意してみた

チェックボックスって意外と面倒なところがあって、 これこそVue.jsをうまく使いたいなと思います。 なるべく使いまわしできそうな感じっていうと こんな感じでしょうかね。 [v-cloak] { display: none } #checkbox1 { width: 100%; max-width: 300px; font-…

Qiita風にコードをクリップボードにコピーする

解決したい事 ソースコード Qiita風にコードをクリップボードにコピーするコード うんちくをちょっと あとがき 解決したい事 以前からこれだけは作ろうと思っていたんです。 Qiitaのサイトだったら、 参考になるコードを見つけると、 「ありがとう」 と心の…

Vue.jsで超簡単ベーシックスライドショーを作った

Vue.jsの良さにやっと気付いてきた感のあるHikaruです。 スライドショーって意外と面倒なものと レッテルを貼ってなんとなく避けてきましたが、 (あ、正確にはそのあたりはデザイナーさんの範疇なので あまり携わったことがないということです) Vue.jsのv-…

ブログに灯りを 【スイッチ】

このところの記事でVus.jsを使ったスイッチの記事を書いてきましたが、今日はそれを少しアレンジしてみたいと思います。 はてなブログはかなり柔軟にscriptやstyle sheetも使えるので、こんなツールをちょっとした遊び心で。 hikaruのブログはダークなイメー…

スイッチでランプを点けよう【スイッチ】

前回(というべきか昨日ですが)、 webで使えるスイッチ という記事を書いたのですが、せっかくですので今日はその続き。 そのものずばりで 「スイッチでランプを点けよう」 ということで今日のサンプルはこれです スイッチのアイコンをクリックすると ラン…

webで使えるスイッチ【スイッチ】

今日は新しいカテゴリーを作りました。 題して「これだけ知りたい 部品集」 「知りたい~」 っていうのとはちょっと違うかもしれませんが、 要するにエンジニアとして仕事をする上で 「使いまわしのきくコード」 とか 「共通のデザイン」 とか、もしかすると…