Web技術 buttonタグをクリックした時に新しいウィンドウで開く方法
buttonタグをクリックした時に新しいウィンドウで開く方法をメモしておく。 See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.
Web技術 メルマガ 【メルマガコーディング】Gmailで画像と画像の間にできる隙間の解決方法
最近メルマガコーディングをする機会が増えてきたので、今回はテスト配信した際にハマったGmailでの表示崩れ（画像と画像の間にできる隙間）の解決方法を記載する。結論該当するimgタグに以下のstyleを追加することで解決できるstyle="d...
Web技術 【JavaScript】最後までスクロールしたらチェックボックスからdisabledを外す方法
今回はJavaScriptで最後までスクロールしたらチェックボックスからdisabledを外す方法を紹介する。 See the Pen by 山崎毅 (@nbudjgzu) on CodePen.
PC周辺 【nuro光】ケーブルとスイッチングハブを購入して、PC２台を有線化してみた
リモートワークの時間が増えてきたことでネット環境をさらに良くしたいと思ってきた。どうしても夕方から夜にかけて回線が混むためか、画面がカクカクして思うように作業ができないと感じることもある。nuro光マンションにしてからは、かなり改善された！...
Web技術 【JavaScript】複数選択したチェックボックスをボタンをクリックして全て外す方法
とある案件で複数選択したチェックボックスをボタンをクリックして全て外すというコーディングをしたのでメモしておく。CSSは今回設定していないので、好みにカスタマイズしていただければと。 See the Pen by 山崎毅 (@nbudjgz...
Web技術 【Vue.js】FullCalendarを使ってカレンダーを実装してみた。
Vue.jsのFullCalendarを使ってカレンダーを実装してみた。まずは、head内にfullcalendarのcssとjsを読み込む。今回は、一番簡単なCDNでの読み込み方法を記載しておく。デモ外部ファイル読み込み<link hre...
生活 【ヤバっつ】nuro光に変えたらネット回線速度が2倍以上に！
eマンションからnuro光マンションにネット環境を変更して1週間が経過したので、その感想などをまとめておく。回線速度２倍以上！！回線速度がすごいことに！なんと２倍以上の速度が出ているのだ。これは、回線速度を重視する人は、絶対導入した方がいい...
Web技術 【CSS】videoタグをレスポンシブ化する方法
とあるあんけんでvideoタグをレスポンシブ化することがあったのでメモ。非常に簡単なので、是非参考にして欲しい。HTML<video controls id="video"> <source src="ファイルパス/ファイル名.mp4" t...
Web技術 【JavaScript】input type numberの値を取得し計算する方法
evalという関数を使うとスムーズにinput type numberで入力された値を数値として計算することができる。eval関数を使わないと入力された数値を結合するだけになってします。HTML<form action="" class="...
Web技術 swiper.jsを使ってタブ切り替えを実装する方法
まずはhead内にswiper.cssとswiper.jsを読み込むswiper.jsはからダウンロードHTML<div class="wrapper"> <!--タブメニュー（スライド）--> <div class="swiper-con...