office takec - パート 14

【CSS】JS不要!CSSのみでアコーディオンを実装する方法

CSSのみでアコーディオンを実装する機会があったので、メモしておく。 input type checkboxをうまく使うとJSを使わなくてもアコーディオンが表現できる。JSが苦手な人は参考にして欲しい。 See the […]

iMacを愛用している筆者。使っているとどうしても動作が重くなるのはしょうがないことだ。そこで今回は月に一度必ず行っているiMacのメンテナンスを紹介する。デスクトップの整理まずは、デスクトップの整理をしよう。不要な

完全リモートワークになって約１ヶ月たった・・・・最初は、大丈夫だろうと思っていたが、やはりsurface laptopの画面が小さいくて、なかなか大変だと認識し始めた。こうなったら、surface laptopをデスク

バックエンドエンジニアの方から「サーバでは文字数指定ならできるんだけど、CSSで***行目で指定できる？」という問い合わせがあったので、久しぶりに下記のCSSを使って対応した。注意して欲しいのは、必ず下記の記述を全て指

コメントする / 生活 / takec23com / 2021年3月4日

先日の夜、妻の体調がいきなり悪くなり、吐き気、下痢の症状が止まらなくなった。コロナか！？と一瞬焦ったが、妻は基本外出したりしていなかったので、それはないかと思った。妻に何か心当たりがあるか聞くと、「花粉症の薬を飲んだ

ラジオボタンがクリックされたら（changeイベント）を実装する場合は下記のような記述をすればOKだ。今回は、ラジオボタンがクリックされたら、バリューに設定されてるテキストをアラートで表示するという内容だ。表示結果

input typeのcheckboxを使って、モーダルを実装する方法を紹介する。 JavaScriptのコーディングは不要なので、JSが苦手な人にもおすすめだ。簡単かつシンプルな、モーダルを実装したい場合は、検討して

Google Mapのマーカーとinfowindowのカスタマイズを実装する機会があったのでメモしておく。実装内容は、下記2つだ。基本的にCSSは自由にコーディングしてもらってOKだ。 google mapのマーカー

先日、ディレクターからinput type numberの矢印ボタンを削除できるかと聞かれたので、CSSで対応できると伝えた。その時のコードをメモしておく。 input type numberのスピンボタン（フィールド

コメントする / 読書 / takec23com / 2021年2月7日

“「空腹」こそ最強のクスリ”という本を読んだ。著者は、医学博士の青木厚さんだ。結論は、16時間何も食べない時間を作ればOK。これだけだ。もっと詳しいく知りたければ、是非この本を購入すると良い