並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 77件

新着順 人気順

pinkの検索結果1 - 40 件 / 77件

pinkに関するエントリは77件あります。 css社会労働 などが関連タグです。 人気エントリには 『どうしてHTML5が廃止されたのか | フューチャー技術ブログ』などがあります。
  • どうしてHTML5が廃止されたのか | フューチャー技術ブログ

    フロントエンド連載の5記事目です。 HTML5が2021年の1月に廃止されました。 Webエンジニアとしてバリバリ活躍されてる方やエグゼクティブテックリードのような肩書きを持つ方にとっては「何をいまさら」という話題かと思います。 しかしながら、今年も新人さん入ってきてくださったので、プログラミングを学習中にHTML5という文字列に悩まされないように、そもそもHTML5とは何かや、廃止された経緯をまとめてみます。 HTML5とはWebサイトを作るときに必ず書くことになるHTML。Webサイトのコンテンツ、つまり中身や構造を作るために使うマークアップ言語です。 そして、その最近版として10年ほど前に登場したHTML5。当時は Webニュースなどで盛んに特集が組まれていましたが、このHTML5がついこないだ、2021年1月28日に廃止されました。 広義のHTML5 / 狭義のHTML5HTML5

      どうしてHTML5が廃止されたのか | フューチャー技術ブログ
    • 「たすけてください」縫製工場で働いているベトナム人技能実習生から送られてくる携帯動画の絶望的な現実 #ノーナレ

      NHK大阪放送局 @nhk_osaka_JOBK 【#ノーナレ】 ▽画面の向こうから― ▽24日(月) 午後10:50〔総合〕 「たすけてください」 縫製工場で働くベトナム人 #技能実習生 から、番組関係者に次々と送られてきた携帯動画。 ある日、工場を抜け出した女性にカメラは密着。その驚くべき実態とは。 www4.nhk.or.jp/P4253/x/2019-0… 2019-06-23 19:00:49 リンク ノーナレ - NHK ノーナレ - NHK ベトナム人技能実習生から、番組関係者に次々と送られてきた携帯動画。そこには、劣悪な住環境、厳しいノルマを課され、低賃金労働を強いられる日常が映し出されていた。 13 users 3198

        「たすけてください」縫製工場で働いているベトナム人技能実習生から送られてくる携帯動画の絶望的な現実 #ノーナレ
      • これまで2社のブラック企業を経験したんだが共通点が物凄く多くて驚いた

        ブラックな面に関しては、ネット上ですっかり広まってるような「ブラック企業あるある」では全然挙がらないようなものがかなり多かったのに、 俺が経験した2社では色んな点で被ってたから本当に不思議だった。 以下、どっちの会社でも見られたブラックな面。 〇障害者差別言動。 鬱病休職者が出た時に「うわぁマジかあ……あいつ遂に障害者になっちゃったのかあ!!!」と顔を覆う同僚がいた点。 鬱病休職者が復帰した後、女性社員の一部が『挨拶されたこと』、『(仕事にまつわる)内線がかかってきたこと』を涙を流さんばかりに怖がって周りの同僚たちに慰められているという光景。 社内の常識的にメンタル休職=人の形をしたバケモノの誕生だった。 〇セクハラ セクハラはブラックあるあるなんだろうけど、具体的な手口まで全く同じセクハラがいくつかあった。 同期飲みのときに、男性陣がニヤニヤしながら大人しいタイプの女同期に遠回しのセクハ

          これまで2社のブラック企業を経験したんだが共通点が物凄く多くて驚いた
        • 「ブラック企業」に「黒人差別」の指摘 どう思いますか:朝日新聞デジタル

          ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

            「ブラック企業」に「黒人差別」の指摘 どう思いますか:朝日新聞デジタル
          • 実はHTMLだけで多くのことが実現できる!知っておくと便利なHTMLの使い方

            HTMLだけで多くのことが実現できるのは素晴らしいことです。一昔前までは、CSSやJavaScriptを使用しなければできなかったこと、かなり複雑なコードを書かなければできなかったことが、実はHTMLだけで多くのことが実現できます。 知っておくと便利なHTMLの使い方をまとめて紹介します。 HTML can do that? by Ananya Neogi 先日紹介した「CSSでここまでできるのか!」の続編です。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. datalist -フォームに入力候補を表示 2. dialog -ダイアログ ボックス 3. progress -プログレスバー 4. detailsとsummary -開閉パネル 5. inputmode -スマホで入力時に適したキーパッドを表示 6. inpu

              実はHTMLだけで多くのことが実現できる!知っておくと便利なHTMLの使い方
            • 奴隷貿易の暗い歴史、DNA研究で明らかに

              1515~1865年にアフリカ大陸から奴隷として南北米大陸へ連れて行かれた人数と目的地を示した図。(c)AFP 【7月27日 AFP】遺伝学的に残されたレイプの爪痕から、致命的な条件下で労働を強いられた人々が病気で滅びていった可能性まで、奴隷貿易の暗い歴史を明らかにする新たなDNA研究の結果が23日、米科学誌「アメリカン・ジャーナル・オブ・ヒューマン・ジェネティクス(American Journal of Human Genetics)」に発表された。 この研究では大西洋を隔てたアフリカ大陸と米大陸の両方で、同意を得た5万人の遺伝子データを収集。それらと、1515~1865年の間に1250万人の男女と子どもたちを運んだ奴隷船の詳細な記録を相互参照した。この間、奴隷船に乗った人々のうち約200万人は途上で死亡している。 その結果、アフリカの人々が遺伝的に大きく関与している点は、歴史記録に基づ

                奴隷貿易の暗い歴史、DNA研究で明らかに
              • 株式会社クローバーフィールドの考える「信用できない社員」とは

                株式会社クローバーフィールド @cloverfield_inc 実をいうと、この7月1日施行の賃金規定から職階手当が大幅に増額になっています。 また、次回の更新時には住宅手当や家族手当の導入を検討しています。 大っぴらには表明していませんが、ある特定の層を優遇する意志を明確にしたということです。 2019-06-29 18:42:12 株式会社クローバーフィールド @cloverfield_inc あまり大っぴらに発言するとお叱りを受けそうなのですが…… 結局のところ、いい歳していつまでも独身の人は信用しないし、既婚でも子どもがいるかどうかで信用度は異なるということなんです。 結婚以前に一人暮らし経験の有無も重要です。 2019-06-29 18:45:31 株式会社クローバーフィールド @cloverfield_inc 既婚か否か、子どもの有無で差別するようなことは実際にはありません。

                  株式会社クローバーフィールドの考える「信用できない社員」とは
                • 「ホワイト企業」宣伝のワタミで月175時間の残業 残業代未払いで労基署から是正勧告(今野晴貴) - エキスパート - Yahoo!ニュース

                  またしても労基法違反、過労労災‥ ワタミは変わらなかったのか 今年9月15日、元参議院議員の渡邉美樹氏が代表取締役会長及びCEOをつとめる「ワタミ株式会社」に対して、高崎労働基準監督署から残業代未払いに関する労働基準法37条違反の是正勧告が出された。 労基署に申告したAさんは、「ワタミの宅食」で正社員として勤務し、長時間労働によって精神疾患に罹患して現在休職中だ。Aさんの長時間残業は、精神疾患に罹患する直前の1ヶ月前である6〜7月には、過労死ラインの2倍となる月175時間に及んでいたという。Aさんはすでに高崎労基署に労災を申請済みだ。 2008年の新入社員の過労自死事件を機に、「ブラック企業」批判が相次いだワタミは、「ホワイト企業大賞」(実際には応募した企業のほとんどが何らかの賞を受賞している。詳細は下記の記事を参照)の特別賞受賞をアピールするなど、対外的に労働条件の改善を宣伝することに邁

                    「ホワイト企業」宣伝のワタミで月175時間の残業 残業代未払いで労基署から是正勧告(今野晴貴) - エキスパート - Yahoo!ニュース
                  • 差別された黒人に差別された私がいま思うこと(熊川 鮎子)

                    5月25日に起きた黒人男性ジョージ・フロイド氏の死亡事件から1ヶ月半。現地アメリカでは今月9日、トランプ・タワー正面の通り(5番街)に「BLACK LIVES MATTER」の大きな文字が黄色いペンキで描かれるなど、BLM運動の勢いはまだ続いている。 幼い頃、アメリカに住んでいたライターの熊川鮎子さんは、そんなBLMに関する報道を日々目にするなかで、昔のある記憶が蘇ってきたという。それは、目の前で黒人女性が白人から差別を受けたときのこと。その時に黒人女性から言われた言葉の意味を、熊川さんは今も考え続けている。 ※以下、熊川さんによる寄稿。 黒人女性がプールに入った途端 白人の子たちが出ていった 私は80年代後半、アメリカ中西部にあるオクラホマ州で、幼稚園から小学校3年までを過ごした。オクラホマは1830年代にアメリカ東部に住んでいたネイティブアメリカンが強制移住させられた地で、いまもネイテ

                      差別された黒人に差別された私がいま思うこと(熊川 鮎子)
                    • 竹中平蔵パソナ会長「世界は数年痛い目を見る」 いやあなたのせいですでに散々痛い目を見ています(藤田孝典) - 個人 - Yahoo!ニュース

                      派遣労働、非正規労働者を急増させてきた竹中平蔵元経済担当相(現・パソナ会長)(写真:つのだよしお/アフロ) 竹中平蔵元経済財政担当相の雇用改革は今でも甚大な効果を発揮している4月18日、19日に弁護士、司法書士、社会福祉士、労働組合員などが企画し、全国一斉なんでも電話相談会が開催された。 新型コロナウイルスの影響により、生活困窮する人たちが多いため、全国の専門職などの有志が立ち上がった。 私も埼玉県で活動する仲間たちと電話相談を受け、経済危機の実態が深刻であることを改めて実感するに至った。 朝10時から夜10時まで、埼玉会場の5回線は受話器を置けばすぐに着信がある状態が2日間続いた。 2日間合計で、埼玉会場には、全産業から雇用形態に関係なく420件を超える相談が寄せられている。 他にも、中小企業の社長、自営業者やフリーランスの方たちからも生活苦が語られた。 そして、なかでも立場の弱い派遣労

                        竹中平蔵パソナ会長「世界は数年痛い目を見る」 いやあなたのせいですでに散々痛い目を見ています(藤田孝典) - 個人 - Yahoo!ニュース
                      • SEOのプロ解説! HTMLの効果的な書き方やタグの使い方とは | JADEのSEOプロフェッショナル相談室

                          SEOのプロ解説! HTMLの効果的な書き方やタグの使い方とは | JADEのSEOプロフェッショナル相談室
                        • 2019年版 最先端のフロントエンド開発者になるために学ぶべきこと - Qiita

                          こちらの記事は、『Learn to become a modern Frontend Developer in 2019』の和訳になります。 本投稿は転載であり、本記事はこちらになります。 はじめに 新年になって以前書いた記事を少し簡潔にして理解しやすいように書き直してみました。この文章に以前私が書いた文章と違ったことが書いてあったり、少し矛盾する内容が見つかってもあまり気にする必要はありません。 昨年私が書いた記事はGitHubで公開しています。 Web開発は絶えず変化する分野です - 今日私たちがWebサイトを構築する方法は、2~3年前のやり方とは全く違ってきています。利用できるツールが沢山あり、新しいツールも毎日出てくるので、ウェブ開発者はいつもどのツールを使えばよいのか迷ってしまいます。 私は、ウェブ開発に係るフロントエンド、バックエンド、または運用を学びたいと思う人を対象にしたツ

                            2019年版 最先端のフロントエンド開発者になるために学ぶべきこと - Qiita
                          • 光の98%以上を反射する「最も白い塗料」が開発される、白すぎて塗った物体が冷える

                            by Purdue University/Jared Pike 光の98.1%を反射する「史上最も真っ白な塗料」が、アメリカ・パデュー大学の技術者によって開発されました。光の最大99.9%を吸収する「地上で最も黒い物質」ことベンタブラックと対を成すこの塗料は、可視光だけでなく熱を伝える赤外線をも反射し、物体が日光で温められるのを防ぐため、冷房や地球温暖化対策に役立てることが可能です。 The whitest paint is here – and it’s the coolest. Literally. - Purdue University News https://www.purdue.edu/newsroom/releases/2021/Q2/the-whitest-paint-is-here-and-its-the-coolest.-literally..html World’s

                              光の98%以上を反射する「最も白い塗料」が開発される、白すぎて塗った物体が冷える
                            • PCでBlu-rayを簡単に見る方法がないのは本当に不便で不便で不便

                              チゲ♨️8y+2y®︎ @chigenabe Blu-rayで見たいのがあるんだが、ネカフェやカラオケに行ってBlu-rayプレイヤー借りるのが1番手軽かもしれない…… twitter.com/frozen_frog_8/… 2022-06-21 19:22:02

                                PCでBlu-rayを簡単に見る方法がないのは本当に不便で不便で不便
                              • HTMLとCSSも進化している!JavaScriptを使用せずに、HTMLとCSSだけで実装できるUI要素のまとめ

                                以前まではJavaScriptでないと実装できないと思われていたものも、最近ではHTMLとCSSのみで実装できるものが増えてきました。HTMLとCSSには新しい機能が追加され、そして古いブラウザのサポートも必要なくなり、より簡単に実装できます。 実はJavaScriptを使用せずに、HTMLとCSSで実装できるUI要素を紹介します。 You can create these elements without JavaScript by Adrian Bece (@AdrianBDesigns) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに レスポンシブ対応のテキスト省略 スター レイティング ツールチップ・ドロップダウンメニュー モーダル フロートするラベル アコーディオン・トグル 終わりに はじめに スマホやWeb

                                  HTMLとCSSも進化している!JavaScriptを使用せずに、HTMLとCSSだけで実装できるUI要素のまとめ
                                • 【2021】モダンなPython開発環境の紹介 - Qiita

                                  📌 はじめに Pythonで開発を行うにあたり、リンタやフォーマッタ、パッケージマネージャ等のツールの選定は非常に重要な問題です。一方で歴史的な経緯もあり、沢山の選択肢から何を選ぶべきか情報がまとまっていないように感じました。この記事では2021年9月時点でモダンと言えるであろう開発環境を紹介します。基本的にはシェアが高いこと、著名なパッケージで使用されていることを主な選定理由としており、また特定のエディタに依存しないことを前提とします。 本記事で紹介する内容は一つのテンプレートに近く、必要に応じてカスタマイズするもよし、そのまま使ってもよし、として参考になればと思います。(CI/CDについてはPythonとは独立した問題なので触れません。またドキュメント生成はSphinxを推しますが、必須ではないので今回は割愛します。) 📄 要約 "モダン"な開発環境を箇条で列挙すると下記の通りです

                                    【2021】モダンなPython開発環境の紹介 - Qiita
                                  • 【独自】ワタミ「ブラック企業に逆戻り」騒動 内部取材で明らかになった、衝撃のウラ話を暴露する

                                    【独自】ワタミ「ブラック企業に逆戻り」騒動 内部取材で明らかになった、衝撃のウラ話を暴露する:告発された「パワハラ」の実態(1/10 ページ) 居酒屋大手「ワタミ」に対して、高崎労働基準監督署から残業代未払いに関する是正勧告が出されたとの報道があった。本件を報道したYahoo!ニュースの記事によると、被害者であるAさんは「ワタミの宅食」で正社員として勤務していたが、長時間労働による精神疾患のため現在休職中という。また同社においては長時間残業が常態化しており、6~7月には過労死ラインの2倍となる月175時間の残業があったとして、「長時間労働で労働者を使い捨てにする『ブラック企業』ぶりを改めて露呈」と厳しく批判している。 筆者は、ワタミがブラック批判にさらされていた2013年前後、ワタミを批判する側の筆頭のような立場にいた。しかし、同社のその後の変革と改善を目の当たりにし、現在はむしろ同社のホ

                                      【独自】ワタミ「ブラック企業に逆戻り」騒動 内部取材で明らかになった、衝撃のウラ話を暴露する
                                    • あなたがまだ使っていないかもしれないHTML5の便利機能10選 - Qiita

                                      こんにちは、たかとーです🧑‍🎤 こちらは、10 useful HTML5 features, you may not be usingの翻訳記事になります。 当記事は、Tapasさんの許可を得て翻訳しています。Tweet 10 useful HTML5 features, you may not be using HTML5は新しいものではありません。最初のリリース(2008年1月)以来いくつかの機能を使用してきました。100DaysOfCodeの取り組みの一環として、HTML5の機能リストをもう一度よく見てみました。何か見つけたかな?私は今のところあまり使っていません。 この記事では、過去にあまり使ったことがなかったが、今では便利になったHTML5の機能を10個挙げています。また、Netlifyでホストされている、実際に動作する例を作成しました。参考になることを願っています。 htt

                                        あなたがまだ使っていないかもしれないHTML5の便利機能10選 - Qiita
                                      • もうPythonの細かい書き方で議論しない。blackで自動フォーマットしよう - Make組ブログ

                                        「ここで改行するほうがキレイで良いと思います」 『いや、私はこちらのほうがキレイ良いと思います』 コードレビューでこういう議論をしたことはありませんか? 大切なことだとは思いますが、生産性にはあまり直結しません。議論を避けるために書き方を決めるほうが良いでしょう (個々の問題について逐次議論するのがエネルギーを無駄にしてしまいます。一度決めて、再利用するようにしたいものです)。 今日はそのために使える black というツールを紹介します (「私はflake8を使ってるから結構です」と思われるかもしれませんが、少し違う話なので読んでみてください)。 blackを使おう Pythonのコードを自動でフォーマットしてくれる black を紹介します。 github.com blackはPythonのコードフォーマッターで、自動的にPythonプログラムの書き方を修正してくれます。 PEP8 と

                                          もうPythonの細かい書き方で議論しない。blackで自動フォーマットしよう - Make組ブログ
                                        • Republic Records が今後音楽ジャンルにおいて“アーバン”という用語の使用禁止を発表

                                          「Universal Music Group(ユニバーサル ミュージック グループ)」傘下の「Republic Records(リパブリック・レコーズ)」が、全米に拡がるBlack Lives Matter運動を受けて、所属アーティストの音楽性を定義するジャンルにおいて、“アーバン”という用語を今後使用しないことを公式声明で発表した。 「Republic Records」は、Drake(ドレイク)やThe Weeknd(ザ・ウィークエンド)、Lil Wayne(リル・ウェイン)、Kid Cudi(キッド・カディ)、Nicki Minaj(ニッキー・ミナージュ)、Ariana Grande(アリアナ・グランデ:*母方の曾祖父がアフリカ系アメリカ人)といった多くの才能のある黒人アーティストを擁するレーベル。そんな同レーベルがこの声明を発表したことの意義は大きい。 “アーバン”という用語自体は、

                                            Republic Records が今後音楽ジャンルにおいて“アーバン”という用語の使用禁止を発表
                                          • 【CSS】「なんかグラデーションが汚くなるんだけど」を解決する。 - Qiita

                                            概要 このグラデーションは、#ff0000 → #00ff00のグラデーションになります。 みなさんは、このクラデーションを見てどう思いますか? 真ん中あたりの色が茶色っぽくなって あまり綺麗なグラデーションとは感じないですよね? この記事では、これが発生する原因と綺麗なグラデーションの作り方を 解説していきます。 この記事を読んで理解すれば、綺麗なグラデーションが簡単に作れるようになるでしょう。 原因 1. RGBについて理解する RGBは、赤(Red)、緑(Green)、青(Blue)の3つの色を それぞれ、0~255の値を指定することで、色が作られます。 例えば、 R: 255, G: 0, B: 0 → 赤 R: 255, G: 255, B: 0 → 黄色 このように色が指定されます。 では、RGB全てが同じ値の時はどんな色になるでしょうか? 答えは、↑このようにグレースケールカ

                                              【CSS】「なんかグラデーションが汚くなるんだけど」を解決する。 - Qiita
                                            • 必要なのはHTMLだけ、一行加えるだけでスマホ対応のWebページができてしまう超軽量スタイルシート -MVP.css

                                              用意するのはHTMLだけ、一行加えるだけでスマホ対応のクリーンなデザインのWebページができてしまう超軽量スタイルシートを紹介します。ダークモードにも対応しています。HTMLにclassを加えるなど、CSSの知識は必要ありません。 また、それをベースにして再利用可能なコンポーネント、CSSリセットの拡張版としても利用できます。 MVP.css MVP.css -GitHub MVP.cssの特徴 MVP.cssのデモ MVP.cssの使い方 MVP.cssの特徴 MVP.cssはHTMLのさまざまな要素にすぐに使えるスタイルのコレクションで、外部スタイルシートとして利用するだけで簡単にページを作成できます。クリーンなデザインで、再利用可能なコンポーネントとして利用できます。class名などをHTMLに加える必要もありません。 用意するのは、HTMLだけ MVP.cssはHTMLの各要素にス

                                                必要なのはHTMLだけ、一行加えるだけでスマホ対応のWebページができてしまう超軽量スタイルシート -MVP.css
                                              • 富士そばで休業水増し指示 「タイムカード押さないで」:朝日新聞デジタル

                                                ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

                                                  富士そばで休業水増し指示 「タイムカード押さないで」:朝日新聞デジタル
                                                • Engadget | Technology News & Reviews

                                                  Parrots in captivity seem to enjoy video-chatting with their friends on Messenger

                                                    Engadget | Technology News & Reviews
                                                  • 知っておくと便利なHTML5の機能、要素や属性のまとめ

                                                    今まであまり使用されていなかったけど、現在の環境では有用であるHTML5の便利な機能、要素や属性を紹介します。 10 useful HTML5 features, you may not be using by Tapas Adhikary 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに details要素 contenteditable属性 map要素 mark要素 data属性 output要素 datalist要素 値range meter要素 input要素 次に学ぶべきこと はじめに HTML5は、新しいものではありません。すでにわたし達は最初のリリース(2008年1月)からいくつかの機能を使用してきました。#100DaysOfCodeの取り組みの一環として、HTML5の機能リストを詳しく調べました。私が見つ

                                                      知っておくと便利なHTML5の機能、要素や属性のまとめ
                                                    • CSSでロゴのようにサイズが異なる画像を美しく揃えて配置するスタイルシートの実装テクニック

                                                      ロゴ画像のようにさまざまなサイズ、さまざまな形の画像を美しく揃えて配置するスタイルシートのテクニックを紹介します。 CSSのテクニックだけでなく、デザイン上の注意点も解説されており、実装時の参考になります。 Aligning Logo Images in CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ロゴを配置する時のデザイン上の注意点 ロゴを配置するグリッドの実装 CSSブレンドモードを使用してホワイトの背景を削除する ロゴの最後の行の中央揃え 実装時の注意点 終わりに はじめに フロントエンドのデベロッパーとして、複数のロゴを配置したことがあるでしょう。この実装は最初は簡単に思えるかもしれませんが、ロゴを揃えたり、中央配置にする時に悩ますかもしれません。さらに、ロゴにはさ

                                                        CSSでロゴのようにサイズが異なる画像を美しく揃えて配置するスタイルシートの実装テクニック
                                                      • [CSS] button要素のスタイルシート、最新テクニックを徹底解説

                                                        <button></button>は最も使用されている要素の一つです。フォームの送信、モーダルを開く時、データを表示する時など、インタラクションのトリガーとして使用されています。button要素の詳細とすべてのブラウザで機能するようにスタイルを完璧に定義する方法について紹介します。 さらに、よく使用されるボタンのスタイル方法をはじめ、ボタンの実装時にある落とし穴の解決方法についても明らかにします。 Styling The Good Ol' Button Element by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 button要素のデフォルトのスタイル button要素の基本的なデザイン アイコン付きのボタン 複数行のボタン アンカーリンクとしてのa要素とbutton要素 アウトラインボタンの

                                                          [CSS] button要素のスタイルシート、最新テクニックを徹底解説
                                                        • こんなことができるんだ!CSSのボーダーを破線や点線にするスタイルシートのテクニック

                                                          ただし、このCSSでは破線や点線の大きさや長さをコントロールできません。また、ボーダーに傾斜やフェードやアニメーションを与えることもできません。 しかし、いくつかのテクニックを使用することで、それが実現できます! Amit Sheenが作成したDashed Border Generatorで簡単に実現できます。 See the Pen Dashed Border Generator by Amit Sheen (@amitsheen) on CodePen. このテクニックのポイントは4つの背景(background)を使用することです。backgroundプロパティはカンマ区切りの値を取るため、4つの背景(上下左右に沿って1つずつ)を設定し、それらをボーダーのようにサイズ変更することで、borderプロパティの制約を解除することができます。 ジェネーターで自分好みのボーダーを簡単に作成で

                                                            こんなことができるんだ!CSSのボーダーを破線や点線にするスタイルシートのテクニック
                                                          • 今甦る真月譚,新生「月姫R」クリエイターインタビュー。奈須きのこ&BLACK両氏が語る世界の裏側,そしてこれから

                                                            今甦る真月譚,新生「月姫R」クリエイターインタビュー。奈須きのこ&BLACK両氏が語る世界の裏側,そしてこれから 編集部:touge ライター:菅(Suge) 123→ 「月姫」新生――。 Fateシリーズをはじめ,TYPE-MOON作品に魅せられた多くのファンが待ち望んだリメイク作「月姫 -A piece of blue glass moon-」(PS4 / Switch,以下,月姫R)が,2021年8月26日に発売された。 伝説の同人ソフトとして名を馳せ,数多くのフォロワーを生み出した伝奇ノベルゲーム「月姫」。20余年の時を経て,その物語を現代に甦らせた本作は,ファンの期待に応えるクオリティだと反響を呼んでいる。 本稿ではその作品世界にさらに深く踏み込むべく,シナリオを手がけた奈須きのこ氏へのインタビューをお届けする。またインタビューの後半では,スクリプトを担当したBLACK氏にも同席

                                                              今甦る真月譚,新生「月姫R」クリエイターインタビュー。奈須きのこ&BLACK両氏が語る世界の裏側,そしてこれから
                                                            • CSSでブロック要素の幅をコンテンツのサイズぴったりにしたい時のこれからの記述方法

                                                              sectionやdivやpなど、ブロック要素をボーダーで囲うと、全幅(親要素の幅)になります。そのブロック要素の中のコンテンツが少なく、ボーダーの幅をコンテンツのサイズに合わせたい場合は、どう実装していますか? ブロック要素のままでは親要素の幅になってしまうので、通常はdisplay: inline;やdisplay: inline-block;を加えると思います。 しかし、ブロック要素のwidthにfit-content値を使用すると、ブロック要素のまま(displayの値を変更せずに)コンテンツのサイズに合わせることができます。 「古い方法」「より良い方法」としたのは、上記画像の直訳です。古いからダメということではなく、より良い方法が使えるようになり、ケースバイケースで使用するのがお勧めです。 古い方法

                                                                CSSでブロック要素の幅をコンテンツのサイズぴったりにしたい時のこれからの記述方法
                                                              • Web制作に役立つ超便利ツールが登場! HTMLやCSSやJavaScriptのさまざまなツールがひとまとめになったツールボックス -He3

                                                                HTMLやCSSやJavaScriptの軽量化・整形、FlexboxやGridやbox-shadowのジェネレーター、各種エンコード・デコード、データの暗号化、ダミーテキスト・ダミーデータ・ファビコン生成、テキスト比較(Diff)など、Web制作に役立つさまざまなツールがまとめて利用できる『He3』を紹介します。 Windows, macOS, Linux対応の無料アプリで、今までオンラインであちこちの各ツールを利用していた人とかにかなり便利なツールだと思います。 He3: Modern Developer Toolbox He3の特徴 He3のダウンロードとインストール He3の使い方 He3の特徴 He3は、200種類以上のWeb制作に役立つ便利ツールが詰め込まれたデベロッパー向けのツールボックスです。 200種類以上あるツールは、カテゴリ別にまとめられており、スマート検索機能ですぐに

                                                                  Web制作に役立つ超便利ツールが登場! HTMLやCSSやJavaScriptのさまざまなツールがひとまとめになったツールボックス -He3
                                                                • ブラック・ナード・カルチャー:それは現実逃避(escape)ではない | elabo

                                                                  ‍ センシティブな話題についても臆せず繰り出されるタイラーのユーモアは、多様性を本当に実現したいなら必ずや必要になる懐の深さを思い起こさせてくれる。思わず笑顔にならずにはいられないこのインタビュー公開後のクリスマスには、タイラーと同じOdd Futureに所属していたカリスマ、フランク・オーシャンが、ピアノの演奏をバックにした優しく内省的なフリースタイルをドロップし、音楽ファンを狂喜させた。 そして12月26日には、ラッパーであると同時に多彩なクリエイターであるドナルド・グローヴァーが手がけるTV番組「アトランタ」シーズン3のティザー映像も流れた。「アトランタ」シーズン3では、有名大学を中退しうだつが上がらない主人公アーンと彼の従兄弟でありアトランタの地元スターであるラッパー・Paper Boiと仲間たちが、欧州ツアーに出るという。白人至上主義社会とその中でサバイブする黒人コミュニティがは

                                                                    ブラック・ナード・カルチャー:それは現実逃避(escape)ではない | elabo
                                                                  • GLAY 公開のライブ動画 自然公園内に無許可でステージ設け撮影 | NHKニュース

                                                                    人気ロックバンド「GLAY」が、今月公開した北海道函館市での無観客ライブの動画が、自然公園内に無許可でステージなどを設けて撮影されていたことがわかり、北海道は動画の制作会社に行政指導を行う方針です。 新型コロナウイルスの感染が広がる中でも、多くのファンに音楽を届けようと先月下旬、「GLAY」の地元、函館市の恵山道立自然公園で撮影され、山肌に設けたステージ上で雄大な自然をバックに6曲を演奏しています。 ところが北海道によりますと、自然公園内の特定の区域にステージなどの工作物を設置する場合は、道の許可が必要と条例で定められているのに対し、制作会社からの申請はなかったということです。 このため、道の担当者が17日、撮影現場を調査したところ、原状回復が必要な地面に穴が掘られたり、草木が倒されたりという状況は認められませんでしたが、道は、制作会社に対して撮影の経緯などを聞き取ったうえで、再発防止を求

                                                                      GLAY 公開のライブ動画 自然公園内に無許可でステージ設け撮影 | NHKニュース
                                                                    • 【HTML5】マリオのコインの音をブラウザで出そう【ファミコン】 - Qiita

                                                                      で、上記の通り「矩形波、三角波」って見たらアラフォー以上の人は「ファミコンじゃん」ってなったり、むしろ、コナミ矩形波倶楽部を思い出す方も多いかもしれません。 技術的なこと まぁ、ソースを見て貰えば特に難しいことはしていない(いつものように殴り書きだし…)のでコインであれば「♪シミー」という音を鳴らせばできるわけです。 const AudioContext = window.AudioContext || window.webkitAudioContext const audioContext = new AudioContext() const gainNode = audioContext.createGain() gainNode.connect(audioContext.destination) gainNode.gain.value = 0.1 const oscillator =

                                                                        【HTML5】マリオのコインの音をブラウザで出そう【ファミコン】 - Qiita
                                                                      • 乃木坂46、橋本環奈、藤井風...「紅白歌合戦」着用衣装まとめ<2022>

                                                                        今年も残すところあと少し。大晦日恒例の「NHK紅白歌合戦」がいよいよ開幕しました。FASHIONSNAP編集部では今年もサイトやツイッター上で出場アーティストや司会者、ゲストの衣装情報をリアルタイムでお届け。気になる衣装はこちらのページでチェック!【随時更新】

                                                                          乃木坂46、橋本環奈、藤井風...「紅白歌合戦」着用衣装まとめ<2022>
                                                                        • 27連勤「昼夜も分からぬ」ワタミ社員が訴えた過重労働:朝日新聞デジタル

                                                                          ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 --><!--株価検索 中⑤企画-->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">

                                                                            27連勤「昼夜も分からぬ」ワタミ社員が訴えた過重労働:朝日新聞デジタル
                                                                          • AWS Black Belt コンテナシリーズのあるきかた 2021年10月版 | Amazon Web Services

                                                                            Amazon Web Services ブログ AWS Black Belt コンテナシリーズのあるきかた 2021年10月版 みなさん、こんにちは。ソリューションアーキテクト、コンテナスペシャリストの荒木です。 AWS Black Belt オンラインセミナーのオンデマンドビデオ化に伴って、コンテナサービスシリーズは6月からリニューアルしました。ひとつのビデオあたりのトピックを小さく絞ってお届けしています。 その結果、今日までの3ヶ月で18の コンテナに関するAWS Black Belt オンラインセミナーをお届けしました。他にも本 Blog を通じて AWS でのコンテナに関する数多くのアップデートをお届けしています。 アプリケーションエンジニアの方や、すでに AWS でのコンテナを活用されている技術者の方はもちろん、コンテナに興味のある多くの方に活用いただきました。そんな方々から、も

                                                                              AWS Black Belt コンテナシリーズのあるきかた 2021年10月版 | Amazon Web Services
                                                                            • サイトの表示高速化につながる18のこと | knowledge / baigie

                                                                              ベイジでエンジニアをやっている酒井です。 ベイジには2017年に、新卒で入社しました。いつもはJavaScriptの開発からWordPressのカスタマイズなど、フロントエンドを中心としながら、一部バックエンドも含めて仕事をしています。『knowledge / baigie』でも、フロントエンド寄りの情報を発信していきたいと思います。 私の今日のテーマは、表示の高速化についてです。 webサイトの表示スピードは、webサイトのユーザー体験に直結すると私は考えています。表層的なUIデザインの改善以上に重要かつ効果的であることも多いため、webのデザイナーやエンジニアは、0.1秒でも速くなることにこだわるべきでしょう。 表示高速化の手法というと、サーバ側の話になることも多いですが、実はフロントエンド側でできることもたくさんあります。それは大きく3つに分けられます。 ブラウザ処理の高速化通信の高

                                                                                サイトの表示高速化につながる18のこと | knowledge / baigie
                                                                              • 町山氏とネオぐら氏のアレ (追記あり)

                                                                                まず最初に、町山氏のTweet(https://twitter.com/TomoMachi/status/1298612025535340545)はかなり微妙。引用元の要約にしてはあまりに乱暴。真実を100、嘘っぱちを0とするなら、甘めに見ても23くらい(個人の感想です)。現時点で得られる情報に基づくならね。 ちなみにネオぐら氏の一連のTweet(https://twitter.com/neogratche/status/1298882337430675458)は73くらい(個人の感想です)。 町山氏のTweetを見たとき、衝動的にブクマらなくて良かったわ。後で調べようって気持ちは大事よね。せっかくなので少し話してみようと思うわ。 要約: ・Jacob Blake氏への射撃時の状況は、情報が錯綜しており正確なところはまだわからない。 ・(たぶん)右翼系の人たちが武装と集合を呼びかけたのは事

                                                                                  町山氏とネオぐら氏のアレ (追記あり)
                                                                                • ワタミがホワイト企業になれなかった理由は? 勝手に勤怠「改ざん」システムも(今野晴貴) - エキスパート - Yahoo!ニュース

                                                                                  告発を受けたワタミが、異例の即日「全面」謝罪 9月15日、ワタミ株式会社に対して、高崎労働基準監督署から残業代未払いに関する労基法37条違反の是正勧告が出された。労基署に申告したAさんは、「ワタミの宅食」の2つの営業所の所長を兼任しており、月175時間に及ぶという長時間残業によって精神疾患に罹患している。 9月28日、Aさんは筆者を通じて実態を告発。下記の記事がヤフーに掲載され、SNS上では大きな反響があった。 参考:「ホワイト企業」宣伝のワタミで月175時間の残業 残業代未払いで労基署から是正勧告 ワタミ側の反応は早かった。ワタミは即日で公式ホームページに「謝罪文」を公開した。「全面的」にAさんの主張を受け入れるという異例の内容だ。Aさんのもとにも、現社長の清水邦晃氏からから直筆の謝罪文が速達で送られてきたという。しかし、Aさんはまだこの謝罪を受け入れていない。ワタミの謝罪には、重要な点

                                                                                    ワタミがホワイト企業になれなかった理由は? 勝手に勤怠「改ざん」システムも(今野晴貴) - エキスパート - Yahoo!ニュース

                                                                                  新着記事