2024年のブラウザならCSSの:has()疑似クラスが使えます。この:has()疑似クラスは非常に強力なポテンシャルをもっています。というのも:has()疑似クラスを使えば、どんな関係のセレクターも指定可能になります。これを使えば多彩なセレクターが記述できるようになり、より表現力豊かなCSSを実現できます。この記事では:has()疑似クラスを使ったCSSの表現手法やテクニックを紹介します。 サンプルを別ウインドウで開く コードを確認する :has()疑似クラスの基本的な使い方 :has()疑似クラスの使い方について簡単に説明します。:has()疑似クラスは渡したセレクターを持つ親要素を選択します。たとえば、次のようなHTMLとCSSがあるとします。 <p class="text"> <strong>メロス</strong>は激怒した。必ず、かの邪智暴虐の王を除かなければならぬと決意した。

最近「ああ、これ前職でも前々職でもやったことあるなぁ」という仕事があった。データエンジニア(やその関連職種)として働き始めて約5年、3社でフルタイムとして働いてきて「このスキルは業界や組織規模が変わってもデータエンジニアとしてスキルを求められることが多いな」と感じたものをまとめてみることにした。棚卸し的な意味はあるが、特に転職用などではないです。 前提 どこでも必要とされたスキル データマネジメントに関する概要レベルの知識と実行力 セキュリティや法令に関する知識 事業ドメインに関する興味関心 他職種とのコミュニケーション能力 コスト管理 / コスト削減のスキル ソフトウェアエンジニアとしてのスキル DataOpsやアラートのハンドリング能力 分析用のSQLを書く力 古いテーブルやデータパイプラインを置き換えていくスキルや胆力 あるとやりやすいスキル 関連部署の動きを何となく把握しておく力

前回の記事で少しだけ紹介したツールボックスに関して詳しく知りたいというリクエストがありましたので今回はそのツールボックスについて紹介したいと思います。 そのツールボックスがこちら。 チームメイトの幸太のお勧めで自分も購入してみたものです。 最近このようなマルチボックス系のものをツールボックスにするの流行っていますよね。 蓋を開けると中身はこんな感じです。 仕切りは自由に変える事が出来ます。 蓋が倒れないようにするベルトがあるのも良いですね。 そしてここが便利ポイント！ ツールスタンドがここにすっぽり入るんです。 なので作業する時はここにツールを立ててあげると作業効率が高まります。 自分はHUDYのツールスタンドを使用していますが、各社のツールスタンドが入ると思います。 このツールスタンド、実は発売当初に購入したのですが、ツールボックスからツールを出してここに立て、最後にまた片づけるという作

社内向けにちょこちょこUserScriptを書いているが、作成時や更新のたびに、メール添付したりSlackなどのチャットツールでソース流したりと、配布するのが面倒だった。 今回、更新頻度が高くなりそうなスクリプトを書くついでに、UserScript配布サイトのように、リンククリックからのダウンロードや自動更新を行えないか調べたのでメモ。 環境 Tampermonkey v4.10にて確認。 配布方法 TampermonkeyのFAQ、Q102に記載があった。 www.tampermonkey.net URLの末尾を「.user.js」にしてやると、そのページを開いたときにTampermonkeyやGreasemonkeyといった拡張機能がブラウザに追加されていれば、そのURLのスクリプトをインストールするか確認してくれる。 また、すでにインストールされた状態でアクセスすると、バージョン番号

読み飛ばしてください おはようございます、しなもんです。 Pythonの公式ドキュメントを読んでたら、なんか知らない便利機能がたくさん出てきました。 なんだこれ。 というわけでまとめてみました。 参考になれば幸いです。 f-stringsの拡張機能 f-strings、便利ですよね。大好きです。 そんなあいつには裏技があるみたいです。 デバッグ用の=演算子 Python 3.8以降、f-stringの中で=演算子を使用することで 変数名とその値を同時に表示できるらしい。

2011年7月15日にオープンしたノンフィクション書評サイトHONZ。本日2024年7月15日をもちまして13年間のサイト運営に終止符を打つこととなりました。 2011年の東日本大震災から、記憶に新しいコロナ禍まで。はたまたFacebookの時代からChatGPTの到来まで。その間に紹介してきた記事の総数は6105本。 発売3ヶ月以内の新刊ノンフィクションという条件のもと、数々のおすすめ本を紹介する中で、様々な出会いに恵まれました。信じられないような登場人物たち、それを軽やかなエンターテイメントのように伝える著者の方たち、その裏側で悪戦苦闘を繰り広げていたであろう版元や翻訳者の皆さま。さらに読者へ届ける取次会社や書店員の皆さま、そしてHONZを愛してくださったすべての皆さま、本当にありがとうございました。 サイトを閉じることになった理由に、明快なものは特にありません。こんなサイトがあったら

2000年以降の小説ランキング NewYork Timesが、数百人の小説家、学者、編集者、ジャーナリスト、評論家、出版社、詩人、翻訳家、書店員、図書館員、などあらゆるジャンルの著名人にアンケートを募り、21世紀のベスト小説100を作成。 ランキングの集計の仕方も面白く、 それぞれに「何がベストなのか？」の定義を聞いたり、 ランダムに2冊選び、各々にコメントを求めたりしたとのこと。 あのスティーブン・キングも選定者として参加。 www.nejimakiblog.com ・The 100 Best Books of the 21st Century (※下記リンクより全文読めます) www.nytimes.com 読んだことある・読んでいる途中の作品 掃除婦のための手引書 / ルシア・ベルリン(79位) 掃除婦のための手引き書 ――ルシア・ベルリン作品集 (講談社文庫 へ 11-1) 作者:

ページ閲覧 AutoPagerize chromewebstore.google.com ページネーションされたウェブページを自動で読み込み続けます。無かったら違和感あるレベルで日常になっています。 daily.dev chromewebstore.google.com 開発者向けニュースを空タブに表示します。 タブを開くときに自然に視界に入るのに加えて、検索で「過去話題になったもの」から探したりします（はてなブックマークやHacker Newsも似た用途で使います） ホームタブとは別です。ホームはperplexity.aiにしてます。 Google Scholar PDF Reader chromewebstore.google.com 標準のPDFビュワーを科学論文を読みやすく強化します。参考文献の追跡や引用、ジャンプ機能を提供します。ついでに官庁資料やクリプト系のホワイトペーパーなど

Bookmarklet とは ブックマークの URL に登録して使う、javascript のプログラム アラートを出したり入力欄に自動入力したり、いろいろできる コードには以下の特徴がある 先頭にjavascript:をつける コードは一行だけ 例）以下のコードをブックマークの URL に登録し、ブックマークをクリックすると、Hello Bookmarkletとアラートが表示される 経緯 開発やテストの時は名前などを入力フォームに何百回も入力する（よね？）。今まで手入力だったので、ボタン一つで入力できるようにしようと考えた しかし Vanilla JS なら簡単だが、React はひと手間増えるようだった。そこで詰まったので備忘録をかねて投稿する 作成手順（Vanilla JS） 普通の javascript なら簡単にできる。 コード作成 以下のコードを作成する コンパイル Closu

日本デザインスクールでは年間1500名ほどの受講生を、未経験からWEBデザイナーに育ててきました。受講生を指導する中でよくあがってくるのが「参考がなかなか見つからない」というお悩み。 私も受講生にお伝えすべく、これまで100サイト近くの「参考になりそうなギャラリーサイト」を見てきました。 そこで今回は、これまで見てきたギャラリーサイトの中で、みなさんのデザイン制作のお役に立ちそうなサイトを全部で61個ご紹介していきます。 全てのサイトを おすすめ度 サイト内検索の可否 いいね/保存機能の有無 ランキング機能の有無 掲載サイト数 を基準にランクづけし、おすすめできるサイト順に載せているので忙しいという方は、とりあえず上から順にチェックしていただければ大丈夫です！みなさんのデザイン制作に活かしていただけると嬉しいです。 【全サイト徹底比較】超参考になるおすすめギャラリーサイトTOP38 ちょう

このメディアを運営している日本デザインスクールでは、毎月120名ほどの受講生にデザインの指導をおこなっています。 WEBデザインを教えている中でよくあがってくるのが 「フォントって、奥が深すぎる……」 「けっきょく、どのフォントを使えばいいかわからん…」 という声。 その気持ち、めちゃくちゃわかります。 最近はCanvaなど無料のツールでも簡単にデザインが作れるようになりましたよね。 デザインのテンプレートが使えてすごく便利ですが、フォントの選び方がわからず、何度も何度もフォントを変えていた経験が私にもあります。 そこで今回は、プロのWEBデザイナーもよく使っているおすすめのフォントをジャンル別に33個まとめてみました。 ほぼ全て無料（※）でダウンロードできるフリーフォントなので、気になるフォントがあればぜひ使ってみてくださいね。 ※第一章でお伝えしている「おすすめの見やすいフォントTOP

プログラミングのためのBGMや環境音など。仕事や勉強の邪魔にならない無料で使えそうな音源集。2024年版 在宅で仕事や勉強をしている時間が増えてくると、ずっと無音だと寂しい気がして、できればあまり気にならないBGMや環境音があるといいなあ、と思ったことはありませんか？ 昨年、そうした音源集を記事として紹介しましたが、1年が過ぎると紹介した音源の多くが配信を終了したりURLが変わったりしています。そこで、現在配信中の音源にアップデートしつつ、昨年の記事のコメントやブックマークで教えていただいた読者のお気に入りの音源なども加えた音源集まとめの2024年版を作りました。 記事の前半は音楽、後半は環境音を中心に紹介します。紹介した音源のほとんどは無料で聴けるものにしましたので、仕事や勉強に気軽に役立てていただければ幸いです。 作業用BGMの定番としてのLoFiチャンネル 今回も、まずはBGMの定番

ヤフー時代の部下から突然メッセンジャーが。 「以前宮坂さんが緊急対応時に残して頂いた言葉を今度セミナーで使っていいですか？」 と。 リーダーの仕事はいっぱいあるけどなかでも大きな仕事の一つは重大事故の発生の時の陣頭指揮。平時は部下で回せるようにするのがマネジメントだけど、危機の時まで部下にまかせるわけにはいかない。 お恥ずかしながらヤフー在職中の22年で何度か重大事故を起こし関係者の人に多大な迷惑をかけてしまった。その度にその陣頭指揮をとった。 結果的にヤフーのなかでもっとも深刻な事故対策をやった人の一人じゃなかろうか。そのなかからノウハウ的なものがたまってきたものを部下にメモしておくってあげたものを彼は覚えていてくれたらしい。 彼いわく危機対応の時にすっごく役にたって指針になったといってくれて送ってくれた。 ひょっとしたら他の人にも参考になるかとおもって（若干訂正してますが）ここに残して