タグ

2021年4月4日のブックマーク (13件)

  • ユーティリティーファーストとTailwind CSSのススメ - Qiita

    Tailwind CSSは結構いいんでないの?というポエムです ユーティリティーファーストって考え方について まず、 ユーティリティークラスが何かということ ユーティリティークラスを使ってHTMLを書いていくということってどういうことか これは、ある程度CSSを書いている人であれば想像できることであろうと思う。 こんな風に、あらかじめユーティリティー的なクラスを用意しーの .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .align-top { vertical-align: top; } .align-middle { vertical-align: middle; } .align-bottom { vertical-a

    ユーティリティーファーストとTailwind CSSのススメ - Qiita
    diveintounlimit
    diveintounlimit 2021/04/04
    かつてはクラス名は見た目じゃなくて意味で付けろと仕様書に書いてあった。そんな時代にbootstrapが登場し、それを無視した。今はこの方法は一般的になってしまい、仕様書からも文言は消えてしまった。
  • 仏 スポーツ界の指導者400人以上が性的暴行や暴力などの疑い | NHKニュース

    フランスで、フィギュアスケートの選手だった女性が、かつてコーチから性的暴行を受けていたと告発したのをきっかけに、スポーツ省が進めていた調査結果が公表されました。それによりますと、性的暴行や暴力をはたらくなどした疑いがある指導者はフランス国内で400人以上に上ることが分かり、対策の強化を求める声が高まっています。 フランスでは去年、フィギュアスケートの元選手で、1998年の長野オリンピックにも出場したサラ・アビトボルさんが、10代のころ、コーチから性的暴行を繰り返し受けていたと告発したのをきっかけに、スポーツ省が1年間にわたって国内48の競技団体を対象に、実態の調査に乗り出していました。 今月、その結果が公表され、それによりますと、過去に選手などへの性的暴行や暴力、または何らかのハラスメントをはたらいたり、関わったりした疑いがある指導者は421人に上り、このうち96%は男性でした。 一方、被

    仏 スポーツ界の指導者400人以上が性的暴行や暴力などの疑い | NHKニュース
  • ブラウザフィンガープリント、その凄さ〜Torブラウザアクセスの識別可能性まで〜

    フィンガープリントとはブラウザフィンガープリント技術(以下、FP技術)とは、文字通り、ブラウザの指紋を使ってブラウザをサーバ側で識別する技術です。 ここでの「識別」とは、同一ブラウザからのアクセスを同一ブラウザからのアクセスと判定し、違うブラウザからのアクセスは違うと判断することを言っています(図1)。 図1 フィンガープリントの識別の概念よく誤解される方がおりますが、これはあくまでサーバ側での識別です。(追記:「Torブラウザがどのサイトへ接続しているのか?」を識別するWebサイトフィンガープリントとも違います)また、どこの誰がアクセスしているのかというように、利用者を特定しているわけでもありませんのでご注意ください。 クッキーによる識別をご存知の方には、「クッキーによるセッション管理やトラッキングでの識別と同じです」と説明した方が分かりやすいでしょうか。FP技術自体は、クッキーの代替技

    ブラウザフィンガープリント、その凄さ〜Torブラウザアクセスの識別可能性まで〜
  • アイリスオーヤマ、衝撃のゴミノートPCを発売数日で1万円ほどサイレント値下げ : 市況かぶ全力2階建

    決算発表が出ないことを怪しんでストップ高まで買われたエックスネット、TOBされるどころか逆に資提携解消で切られて過剰にお金が流出するお笑い劇場に

    アイリスオーヤマ、衝撃のゴミノートPCを発売数日で1万円ほどサイレント値下げ : 市況かぶ全力2階建
  • Engadget | Technology News & Reviews

    Apple’s OLED iPad Pro may come packing an M4 chip and an emphasis on AI

    Engadget | Technology News & Reviews
  • EC2 シリアルポートアクセスが可能になりました | DevelopersIO

    こんにちは。 ご機嫌いかがでしょうか。 "No human labor is no human error" が大好きな ネクストモード株式会社 の吉井です。 EC2 へのシリアルポートアクセスが開始されました。 私は Solaris 産まれ Solaris 育ちでして、きしめんケーブル片手に全国を飛び回り保守作業をしていたことが懐かしく思い出されます。 サーバーの初期セットアップや HW 障害調査時には、物理サーバー背面のシリアルポートに PC を接続し作業を行っていました。 きしめんケーブルを指した瞬間に Break が走ってマシンが一時停止する、なんていうインシデントもまれによくありました。 どのような機能なのか EC2 インスタンスへの接続は SSH やセッションマネージャーといったネットワーク接続が基だと思います。 ただ、ブート時にトラブルがありネットワーク接続性が失われる、i

    EC2 シリアルポートアクセスが可能になりました | DevelopersIO
  • :where() has a cool specificity trick, too. | CSS-Tricks

    There is a lot of hype on the :is() pseudo-selector lately, probably because now that Safari 14 has it, it’s supported across all the major browsers. You’ve got Miriam tweeting about it, Kevin Powell doing a video, Šime getting it into the Web Platform News, and Robin mentioning it. Bramus really puts a point on it with these “three important facts”: 1. The selector list of :is() is forgiving 2. T

    :where() has a cool specificity trick, too. | CSS-Tricks
    diveintounlimit
    diveintounlimit 2021/04/04
    あー詳細度の違いなのね
  • Terraform WorkspacesとAssume Roleで複数AWSアカウントに同じAWSアーキテクチャをプロビジョニングする | DevelopersIO

    Terraform WorkspacesとAssume Roleで複数AWSアカウントに同じAWSアーキテクチャをプロビジョニングする やりたいこと シングルテナントで提供するサービスを構想しています。つまり複数の(しかも結構な数の)AWSアカウントに同じAWSの構成をプロビジョニングする必要があります。これをTerraformで実現したいです。Stateファイルは各テナント(アカウント)毎に分けたいです。 実装方針 Terraform workspacesとIAMのAssume Roleを使って実現します。 テナントごとにworkspaceを作成し、aws providerのcredentialの設定をAssume Roleにし、workspace毎にAssume Role先を切り替えます。Assume Role元は、このプロビジョニング専用のアカウント内のIAMエンティティ(IAM R

    Terraform WorkspacesとAssume Roleで複数AWSアカウントに同じAWSアーキテクチャをプロビジョニングする | DevelopersIO
  • エンジニア採用の方法とか、技術組織の作り方とか|いわーく

    最近ほかの会社のCEOやCTOの人たちにエンジニア採用の方法や技術組織の作り方について相談をいただくことが増えてきました。 なので、相談いただいた際に自分が参照できるよう、殴り書きレベルでここに記しておこうと思います。 エンジニアの特異性について理解する優秀な"非"エンジニア経営者は「再現性」や「予測可能性」を高く実現するのが得意なようです。高度にシステム化されていて、誰が入っても一定以上に活躍でき、人を増やせば増やすほど企業に利益をもたらす。彼ら彼女らは、そんな形の組織を作るのが得意なのです。 しかし僕たちエンジニアは知っています。 エンジニアは人によって10倍、100倍の生産性の違いを発揮するということ。また「人月」は神話であり、人数と生産量が比例することは決してなく、人を増やすことで成果が減ってしまうことすら珍しくないということ。 ここに、優秀なビジネスマン経営者こそ陥ってしまう、モ

    エンジニア採用の方法とか、技術組織の作り方とか|いわーく
    diveintounlimit
    diveintounlimit 2021/04/04
    長いわりに大したこと書いてないなと思ったら1hで書いたのか。なるほど。
  • 違法配信のせいで公式動画が削除された... 人気ラジオ番組で不可解トラブル、文化放送は困惑隠せず

    文化放送のラジオ番組「おはよう寺ちゃん」が、予期せぬトラブルに巻き込まれた。 番組の違法配信が原因で、公式のユーチューブ動画が著作権侵害で削除された。現在は復旧したが、なぜこんな事態が起きたのか...。 なぜ公式が訴えられるのでしょうか 「おはよう寺ちゃん」は、フリーアナウンサーの寺島尚正さんがパーソナリティーを務め、平日午前5~9時に放送している。 番組改編に合わせ、3月29日からユーチューブで生配信およびアーカイブ配信をしていたが、なぜか29日の一部動画が削除されてしまった。番組の公式ツイッターが30日、「番組を違法でアップロードしているチャンネルからなぜか著作権侵害の警告を受け、動画を削除されてしまいました...なぜ公式が訴えられるのでしょうか...笑」とあきれ気味に伝えた。 削除された動画の画面には、「動画は再生できません。この動画は、〇〇(伏字は編集部、英語で個人とみられる名前が

    違法配信のせいで公式動画が削除された... 人気ラジオ番組で不可解トラブル、文化放送は困惑隠せず
    diveintounlimit
    diveintounlimit 2021/04/04
    DMCAってろくな話聞かないねぇ
  • twitterアカウント@yanmaが乗っ取られた - yanma

    字下げ.iconTwitterで拡散され始めているため、誤解のないように補足しておきます。私のアカウントが乗っ取られたことは事実ですが、私はTwitterセキュリティ設定のうち、「2要素認証」と「追加のパスワード保護」をいずれもデフォルト設定のままOFFにしていました。これらのいずれか一つでもONになっていた場合、今回の手口は使えない可能性があります(Twitterセキュリティ周りの仕様が不明なため推定)。 字下げ.iconしかし、「2要素認証」はともかくとして、「追加のパスワード保護」がデフォルトでOFFになっているのはWebサービスセキュリティ上正しい設計なのかどうかかなり疑問です。私はこの設定の存在を知らず、パスワードのリセット要求がされると少なくとも一回はログインアラートが来て阻止するチャンスがあると考えていました。

    twitterアカウント@yanmaが乗っ取られた - yanma
  • PlaywrightでフロントエンドのE2Eテストを自動化してみた話

    TL;DR Playwrightは導入コストが高くはない ひとまずスクリーンショットを全ページ撮るだけでも、QAの工数(もしくは自分の確認する時間)を削減できた 意外とやってみると書ける playwright-cliのコード自動生成が非常に便利! きっかけ プロジェクトPlaywrightフロントエンドのE2Eテストを書かせていただく機会がありました。 導入〜テストケース作成〜実装までやらせていただいて、知見がある程度溜まったので まとめてみることにしました。 至らぬ点もあるかと思いますが、その際はご指摘いただけますと幸いです。 ざっくりブラウザテストのこれまで 参考:https://blog.logrocket.com/playwright-vs-puppeteer/ Selenium ブラウザテストの自動化自体は新しい技術ではなく、2004年ごろからSeleniumがあった しかし

    PlaywrightでフロントエンドのE2Eテストを自動化してみた話
    diveintounlimit
    diveintounlimit 2021/04/04
    E2Eとは?という感じはするが
  • 「ASCIIをUTF-8にして」それが『できない』ことを理解してもらえなかった話 - Qiita

    物語の始まり 事の発端は納品後。 先方からメッセージが届きました。 クライアント様「このファイルの文字コードがShift_JISになっておりますので、UTF-8で再納品をお願いいたします。」 拙者(あれ…UTF-8にしてたと思うんだけどな) 拙者「確認いたします。」 文字コードを確認する 案件はいわゆる更新案件で、今回の納品時に言われていたのは、「文字コードがUTF-8ではないものは変換して納品してくれ」ということ。 そして、ご指摘いただいたのは、今回の更新案件で中身はいじらなかったJavaScriptファイル。 来ならば納品するファイルではないのですが、文字コード変換という要件があったため、納品ファイルとして加えられたものでした。 一括で文字コードを変えたので作業漏れかなぁと思っていました。 ファイルの中身は記事用にかなり適当につくったものですが、まあだいたいこんな感じです。

    「ASCIIをUTF-8にして」それが『できない』ことを理解してもらえなかった話 - Qiita
    diveintounlimit
    diveintounlimit 2021/04/04
    いやークソクライアント様ですねー(にこにこ