Web技術 inputタグやbuttonタグにonclickを使ってリンクを設定する方法
リンクを設定する方法は<a href="index.html">遷移</a>だが、今回紹介するのは、inputタグやbuttonタグに設定する方法だ。inputタグ<input type="button" onclick="location...
Web技術 Web技術 【JavaScript】同じクラス名を持つ複数のオブジェクトのクリックを区別する方法
HTML<button type="button" class="btn" id="1">1</button><button type="button" class="btn" id="2">2</button><button type="...
Web技術 【CSS】CSSのみで作るハンバーガーメニュー
ある案件でハンバーガーメニューを作成する機会があったので、メモしておく。 See the Pen RwpZLXx by 山崎毅 (@nbudjgzu) on CodePen.ベースとなる部分だけをメモしてあるので、このコードを基に色々と調整...
Web技術 【JavaScript】分割代入のやり方
See the Pen MWpERej by 山崎毅 (@nbudjgzu) on CodePen.
Web技術 【CSS】CSSのみで作るメガメニュー
ある案件でメガメニューを作成したので、メモしておく。今回はベースとなる部分のみのメモなので、好みにカスタマイズしてほしい。 See the Pen GRWvOJd by 山崎毅 (@nbudjgzu) on CodePen.
Web技術 【CSS】JavaScript不要！CSSのみ！自動スライドショーの実装方法
CSSのみで可能な限り色々実装したいとおもっている筆者、先日自動スライドショーを作る案件があったので、メモしておく。 See the Pen bGqeXRP by 山崎毅 (@nbudjgzu) on CodePen.アニメーションの箇所は...
PC周辺 【予想外】nuro光がマンションに導入されることに！これは期待したい！
今住んでるマンションに住み始めてはや5年。当時（現在進行形）はeマンションという回線しか使えないと言われていた。eマンションはガチで遅いeマンションはガチで遅い。特に夕方になるとガチで遅くなる。最近リモートワークが増えたので、ネットが遅いと...
Web技術 【CSS】JS不要!CSSのみでアコーディオンを実装する方法
CSSのみでアコーディオンを実装する機会があったので、メモしておく。input type checkboxをうまく使うとJSを使わなくてもアコーディオンが表現できる。JSが苦手な人は参考にして欲しい。 See the Pen ExZdomK...
PC周辺 【おすすめ】iMacの動作が重くなった時にやること
iMacを愛用している筆者。使っているとどうしても動作が重くなるのはしょうがないことだ。そこで今回は月に一度必ず行っているiMacのメンテナンスを紹介する。デスクトップの整理まずは、デスクトップの整理をしよう。不要なファイルは削除。ゴミ箱を...
PC周辺 Surface Laptopをデスクトップ化したらガチでよかった！
完全リモートワークになって約１ヶ月たった・・・・最初は、大丈夫だろうと思っていたが、やはりsurface laptopの画面が小さいくて、なかなか大変だと認識し始めた。こうなったら、surface laptopをデスクトップ化して効率アップ...