オーストリアの大手飲料メーカー、レッドブルがサッカーJリーグに参入する。NTT東日本からJ3大宮アルディージャを買収することで大筋合意した。外資系企業が単独でJリーグクラブのオーナーになるのは初めて。日本のスポーツビジネスに欧州流の経営手法が広がる可能性がある。両社は近く最終契約を結ぶ。現在はNTT東が大宮アルディージャの経営権を100%持っている。この全てを2024年内にレッドブルへ売却する

CSSのclass名やJavaScriptの関数名を付けるときに悩んだり、ネタ切れになったことはありませんか？ BEM, OOCSS, SMACSSで命名する場合はそれを使用すればよいのですが、特定のテーマ別にグループ化された単語のリストが必要になるときもあります。そんなときに役立つ単語リストをまとめたClassnamesを紹介します。 Classnames Classnamesは、CSSのclass名やJavaScriptの関数名を付けるときに便利な単語をリスト化したものです。MITライセンスで、商用プロジェクトでも無料で利用できます。

⚪︎ : 無制限のBasic、限度ありのAdvance △ : 限度ありのBasic Zed Atomの製作者達によって作成されたOSSのRust製エディタ。現状はMacOSのみで使用可能。そのほかのOSも現在対応中。パフォーマンスを重視しているので軽い。AIは搭載していないが、Copilotを使用することは可能。 Github : zed-industries/zed インストール方法 https://zed.dev/download からインストールしてください。(MacOSのみ) 使用方法 以下に詳しく書かれていました。 思考のスピードでコードを書け！！Rust製の次世代エディタ「Zed」 Positron VSCodeをベースにした次世代データサイエンスIDE。 インストール方法 https://github.com/posit-dev/positron/releases からイン

ファミリーマートの公式Xアカウントが7月2日に投稿した画像が、Xユーザーの間で物議を醸している。該当の画像は、ファミリーマートが日清とのコラボレーションを伝えるもので、両社のロゴに握手しているイラストが添えられている。しかし、握手のイラストにはうっすらとストックフォトサイト「Adobe Stock」のものとみられるウォーターマークが確認できる。 Xでは、ウォーターマーク入りの画像に対し「プレビュー用の画像を間違って投稿してしまったのか？」「仕事が雑すぎるのでは」などの声の他、日清とのコラボレーションを伝える文章に“渋々感”があったことから、それを演出するために「あえて雑に作ったのでは」と指摘するユーザーも見られた。 こうした指摘を受け、ファミリーマートは4日、公式サイトにて「本投稿につきまして、掲載時点で適切に対応しており、著作権侵害には該当しないことを確認しております」との案内を掲載。理

個人的に「Webサービスの公開前チェックリスト」を作っていたのですが、けっこう育ってきたので公開します。このリストは、過去に自分がミスしたときや、情報収集する中で「明日は我が身…」と思ったときなどに個人的にメモしてきたものをまとめた内容になります。 セキュリティ 認証に関わるCookieの属性 HttpOnly属性が設定されていること XSSの緩和策 SameSite属性がLaxもしくはStrictになっていること 主にCSRF対策のため。Laxの場合、GETリクエストで更新処理を行っているエンドポイントがないか合わせて確認 Secure属性が設定されていること HTTPS通信でのみCookieが送られるように Domain属性が適切に設定されていること サブドメインにもCookieが送られる設定の場合、他のサブドメインのサイトに脆弱性があるとそこからインシデントに繋がるリスクを理解してお

6月25日、AERA dot.は＜都知事選『ポスター枠』を55万円で購入した男性　『生後8カ月のわが子』をポスターに掲載した理由＞と題した記事を配信した。東京都知事選で物議をかもしている候補者の「ポスター枠」を実際に買った男性に意図を取材したものだが、記事掲載から2日後、男性から記者に電話があった。その内容は「ポスタージャックはやるべきではなかった」「浅はかだった」という後悔の言葉だった。なぜ男性は考えを改めたのか。何を後悔しているのか。改めて話を聞いた。 【写真】「わが子」のポスターを剥がす男性はこちら ＊　　＊　　＊ 7月1日、都内ホテルのカフェで記者と対面した男性は泣きじゃくりながらこう話した。 「勝手に子どもの顔写真を使ってしまったことで、妻には『何てことをしてくれたの！』と泣いて怒られ、その後は口もきいてくれません。子どもは無邪気に過ごしていますが、家庭は崩壊している状態です。今

はじめに 知っておくと仕事が捗るブラウザ上で動く超便利なツールを17個集めました。 Squoosh Googleが開発した画像変換・圧縮用のWebサービス。 プレビュー画面で変換前後の画質をリアルタイムで確認しながら圧縮設定を調整することができる。 Documatic Documaticは、プロジェクトドキュメントの開発プロセスを削減するためのツール。API リファレンスからユーザー ガイドまで、コード ベースを簡単に文書化できる柔軟なテンプレートとユーザーフレンドリーな編集ツールを提供する。 transform jsonからyamlの形式に変換したい等、あらゆるデータ形式から別の形式に変換するサービス。 jsonからyml、htmxからjsxへの変形、jsonやGraphQLのIDLからTypeScriptのinterfaceまでも、ブラウザ上で生成することができる。 Roadmap.s

・ドロリッチ（量も元の多さで） ・明治ポルテ ・ぬ〜ぼ〜 ・さくらんぼの詩 ・わたパチ ・ひもQ ・コパン ・アーモンドポッキー ・ピンキー ・霧の浮舟 ・マリブのさざ波 ・キスミント ・バブリシャス ・きどりっこ ・チェルシー ・サイコロキャラメル ・お好み焼きチップス ・たこ焼きラーメン ・ケンちゃんラーメン ・Ｊリーグカレー（最近復活しました！） ・桃の天然水 ・ファンタのフルーツパンチ ・鉄骨飲料 ・燃焼系 アミノ式 ・ボルヴィック ・ジョルトコーラ ・アクエリアスレモン ・島と大地の実り ・メローイエロー ・HI-Cアップル 、オレンジ ・アンバサ（缶） ・きりり ・ごめんね。 ・フキゲン ・はちみつレモン ・力水 ・がぶ飲みミルクコーヒー ・アクエリアスネオ 他にある？

イスラム組織ハマスによるガザ地区の当局は、イスラエル軍が人質4人を救出したとするガザ地区中部での作戦によって住民210人が死亡したと主張し反発を強めています。また、停戦や人質解放に向けた交渉の仲介役を担うエジプトがイスラエルを非難する声明を発表するなど、交渉にも影響を与える可能性があります。 イスラエル軍は8日、ガザ地区中部のヌセイラトで作戦を実施し、ハマスにとらえられていた人質4人を救出したと発表しました。 イスラエル政府は救出された人たちが家族と再会する様子を写した映像や写真を公開して成果を強調し、ネタニヤフ首相は声明で「人質全員を取り戻すまで手を緩めることはない」と述べハマスへの攻勢を強める構えを示しました。 一方、パレスチナの地元メディアなどはイスラエル軍が救出作戦を行ったとする時間帯に、ヌセイラトなど中部で激しい攻撃が行われたと報じ、多数のけが人が病院に運び込まれている様子などを

公益財団法人日本デザイン振興会は、各都道府県や企業、行政などのデザインに関する多様な取り組みを網羅的に取りまとめたレポート「デザイン白書2024（WHITE PAPER ON DESIGN 2024）」を2024年6月4日（火）に公開しました。 背景・経緯 経済産業省と特許庁は2018年に『「デザイン経営」宣言』を発表し、日本の産業競争力強化のために、デザインを企業価値向上のための重要な経営資源として活用する「デザイン経営」を推進することを提言しました。その後、大企業や中小企業、スタートアップ、官公庁などでデザイン活用が進み、経済産業省デザイン政策室はデザイン活用をさらに拡大するために、2023年に「これからのデザイン政策を考える研究会」を開催しました。研究会では、2023年度・2024年度グッドデザイン賞審査委員長の齋藤精一氏が座長を務め、当会からは深野弘行理事長、柴田文江理事、田川欣哉

lhという単位に見慣れない方もいるかと思われますが、これは現在のline-heightと同じ長さを表す新しく登場した単位です。この例ではline-heightはフォントサイズの1.5倍なので、もし1remが16pxであれば1lhは24pxとなります。 この場合、行の高さと文字の高さの負の差は1em - 1lh、つまり16px - 24pxで-8pxです。それを片方の値を算出するために2で割ると-4pxになります。したがって、margin-block: calc((1em - 1lh) / 2)は、書式のブロック方向（横書き時：上下）にそれぞれハーフ・レディングの大きさ（今回では4px）分のネガティブマージンを設定するということになります。 従来の上下の余白を打ち消す方法との比較lhが登場するまではSassの@mixinなどを使用して以下のような関数を定義し、ハーフ・レディングを打ち消す方法

Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。

HTMLはdiv要素一つだけ、あとはCSSをコピペするだけでさまざまな形状のシェイプを実装できるコードをまとめたCSS Shapeを紹介します。 さまざまな形状はdivだけでなく、imgで画像にも実装することもできます。 The Ultimate CSS Shapes Collection The Ultimate CSS Shapes Collectionを作成したのは以前紹介したCSS Loaders（紹介記事）やCSS Ribbon Shapes（紹介記事）と同じ作者で、前回はCSSで実装されたローダーとリボンでしたが、今回はさまざまな形状を実装するシェイプです。

「きれいだな」「残しておきたいな」と思った風景を、そのまま切り取って残せる写真。 たくさん写真を撮っていると、あるときふと、どれも同じような写真に見えたり、思い通りのイメージで撮れないと感じたりすることがあります。 そんなときは、まず「構図」を見直してみましょう。 同じ写真でも構図を変えるだけで、写真の雰囲気や印象は大きく変わります。 構図を意識して写真を撮ることで、その写真の中で特に目立たせたい要素が際立ち、作品を通して伝えたいメッセージがより伝わりやすくなるからです。 さらに、構図をたくさん知っておくと、写真撮影の引き出しが増え、目の前の被写体や風景の魅力を引き出しやすくなります。 この記事では、よく使われる構図から応用編まで、15種類の構図を紹介します。 この記事の内容を参考に、表現の幅を広げ、もっと写真撮影を楽しんでくださいね。 まず押さえておきたい10の基本構図 まずは、基本的な

YouTubeでみれる日本と海外のライブカメラ映像をまとめました。動物の癒し映像から、宇宙の絶景まで盛りだくさん！【作業用BGMにも】 こんにちは、ライターの松岡です。 みなさんは自宅のリンビングでくつろいでいる時、どんな映像をテレビで見ていますか？ 僕はケーブルテレビ「イッツコムチャンネル」で放送している、二子玉川の河川敷などを映すライブカメラの映像をよく見ています。 自宅にいながらリアルタイムで様々な場所の景色や様子を見るのは、地味に楽しいですよね。 今回はYouTubeでみれる、オススメのライブカメラ映像を紹介します！ 鳥羽水族館 ラッコ水槽ライブカメラ 2頭のラッコが水槽で気持ちよさそうに泳いでいたり、のんびりしている様子が癒されます。 24時間配信をしているので、隙間時間にみて楽しむこともできますよ！ 同じチャンネルで定期的に「ラッコのお食事タイム」をライブ配信しているので、そち

まふ @mafu_todo ANAの404もいいというりぷを見たので見に行ってみた 確かに綺麗な青で良き✨ (個人的には404という数字は残してほしいなという気持ちはちょっとある) pic.twitter.com/Ip2Dm8oPZ6 x.com/sawaratsuki100… 2024-04-26 10:41:21

個人でも商用でも完全に無料で利用できる、高品質でさまざまな種類が揃った高解像度8K, 4Kのテクスチャ素材を紹介します。 ゴールド、大理石、煉瓦塀、スモーク、花火、蜘蛛の巣、シャドウ、クラフトペーパー、ブラックペーパー、チョークボード、段ボール、デニム地、水彩、グラデーションなどがそれぞれカテゴリごとにまとめてダウンロードできるので、非常に便利です。 難点があるとすれば、ファイルサイズが大きいので、ダウンロードに時間がかかるくらいでしょうか。 ResourceBoy ResourceBoyはテクスチャ素材をはじめ、ブラシ素材、グラデーション素材、モックアップ素材など、商用利用無料の数多くのリソースをダウンロードできます。以前にも紹介しましたが、その時からさらにテクスチャ素材の種類が増え、パワーアップしています。 ResourceBoy ライセンスは独自で、個人でも商用でも無料、ロイヤリティ

邦楽・洋楽・ジャンルは問いません。 私は小沢健二のLIFEです。 （紹介していただいたアルバムはSpotify等で聴かせてもらいます！ありがとうございます） （追記：たくさんありがとうございます！一つずつ検索して聴いてます。1日とかではとても無理なので、時間をかけて聴かせてもらいます！） by増田

Webページを作成する時に役立つ、HTMLをはじめとする必要最小限のファイルをまとめたシンプルな基本テンプレート一式を紹介します。 最新版は、最近の実装に合わせた設計にアップデートされました。 HTML5 Boilerplate -GitHub HTML5 Boilerplateの特徴 HTMLの基本テンプレート HTML5 Boilerplateの使い方 HTML5 Boilerplateの特徴 HTML5 Boilerplateは、Webサイトやアプリを実装するためのプロフェッショナルなフロントエンド用のHTMLの基本テンプレートです。 実践的な基本のテンプレート 200人を超える貢献者による10年間の分析・研究・実験を元にしています。 ブラウザの見え方を最適化 プログレッシブエンハンスメントを念頭において設計されています。 インクルード 推奨されるmetaタグやその他の利点を備えたH

俺：係長 A子：部下、役無し 会社：非常にホワイトな大企業 これはただの愚痴だ 「私はどうして主任になれないんですか」 「女だから差別されてるんですか」 違う。今は女性の昇進目標30%があるから、女の方が推薦しやすい環境だ 女を無理やり昇進させたせいで、今は降職希望で人事部が困ってるくらいだ 「じゃあ産休と育休取ったから差別されてるんですね」 違う。産休と育休を取っても働いてた扱いで考査しろと厳命されてる 休んでた期間は平均的な評価がついている うちはホワイト大企業で女性管理職比率30%に血眼だ 「じゃあ時短だから」 違う。時短でも構わずどんどん昇進させてる うちはホワイト大企業（略 「子どもが熱出して突発休みするから」 違う。そんなことはどうでもいい。誰でも休むときは休む。休んだからって評価は下がらない 問題はそこじゃないんだ お願いだから仕事のメモを残してくれ 急ぎの仕事を教えてくれ