【CSS】まだホバー時のスタイルを :hover だけで指定してるの？

2023/08/07 267 users hover enabled Summary Button 結論

はじめに結論から ホバースタイルは、 :hover だけで指定するのではなく、次のように指定しましょう！ @media (hover: hover) { /* リンクの場合 */ a:any-link:hover { } /* ボタンの場合 */ button:enabled:hover { } /* 特定できない場合 */ .button:where(:any-link, :enabled, summary):hover { } } ポイント 1 マ... 続きを読む

コンテナクエリ @container が全ブラウザ対応。新時代のレスポンシブ対応を完全理解する

2023/02/15 245 users Container コンテナクエリ ウインドウサイズ 新時代

本日（2/14）、ついに Firefox でコンテナクエリに対応しました。Chrome・Edge・Safari はすでに現行ブラウザで対応済みのため、全ブラウザにてコンテナクエリが使えることになります💐 従来、レスポンシブ対応でレイアウトを変えるには @media を使ってウインドウサイズを基準にするかありませんでした。コンテナクエリ... 続きを読む

【漫画】仕事帰りに猫を拾ったらとんでもない事になった…「猫を拾った話」→「SANチェックどうぞ」「外宇宙の意志を感じる…」

2022/10/18 150 users 意志 漫画 とんでもない事 外宇宙 仕事帰り

寺田亜太朗『猫を拾った話。』②巻本10/12 @t_atarou 二年の時を経て、12日、２巻が紙で出ます。 どうぞよろしくお願いします‼︎ kc.kodansha.co.jp/product?item=0… 最新話はこちらで連載中です👁‍🗨 hupele-miyarisan.com/media/necohiro… pic.twitter.com/I3ZdoGFpFC 2022-10-11 19:20:41 続きを読む

これは朗報！ CSSのメディアクエリの範囲指定で、比較演算子を使用できるようになります

2022/06/20 137 users CSS メディアクエリ 朗報 min-width width

これを待ち望んでいた人も多いと思います。 ついに、メディアクエリで比較演算子（>=, <=）を使用できるようになります！ 幅が400px以上の場合、@media (min-width: 400px){}と定義していましたが、@media (width >= 400px){}と記述できます。 比較演算子だと、400pxを含む「以上」というのも分かりやすいですね。 New s... 続きを読む

E2EE を開発していて思うこと. ここ数ヶ月は自社製品向けの End to End (Media)… | by V | Medium

2021/03/17 84 users medium encryption SIGNAL e2ee

ここ数ヶ月は自社製品向けの End to End (Media) Encryption の設計と実装をしています。年内での提供を目標として開発を進めてい見ていますが、色々感じることがあったので雑に書いていこうと思います。 前提自分は暗号やセキュリティの専門家ではない自社製品向けの E2EE は Signal や Google Duo が利用している実績... 続きを読む

痛いニュース(ﾉ∀`) : 【画像】 香山リカ 「日本が中国に乗っ取られても『中国の味方です』と言って生き延びるよ〜笑」 - ライブドアブログ

2020/01/16 156 users ライブドアブログ メインクーン 香山リカ 味方 痛いニュース

【画像】 香山リカ 「日本が中国に乗っ取られても『中国の味方です』と言って生き延びるよ〜笑」 1 名前：(やわらか銀行) [US]：2020/01/16(木) 08:53:30.90 画像はツイッターより転載 https://pbs.twimg.com/media/ENqhdm3VUAA0xc9.jpg 2: メインクーン(兵庫県) [CN] 2020/01/16(木) 08:54:10.76 ID:GPMVc4/y0 まあこう... 続きを読む

キーボードで日本、中国に敗北 | NEXT MEDIA "Japan In-depth"［ジャパン・インデプス］

2019/09/11 389 users HHKB インデプス 野心 Japan In-Depth 出現

文谷数重（軍事専門誌ライター） 【まとめ】 ・HHKBやリアルフォースに匹敵する中国製高級キーボードが出現。 ・Atom66他のNiz社キーボードは価格、機能性、野心で日本企業を圧倒。 ・アニマルスピリット溢れる中国中小企業に大企業病の日本企業は敗北へ。 【注：この記事には複数の写真が含まれています。サイトによっ... 続きを読む

CSSのメディアクエリには頼らず、コンテンツベースで実装するレイアウトの最近の方法 -Relearn CSS layout | コリス

2019/09/05 242 users コリス Flexbox コンテキスト コンポーネント CSS

CSSのレイアウトは最近ではFlexboxが主流となり、それまでの考え方や実装方法とは大きく異なります。@mediaのブレイクポイントやハックを使用せず、CSSの性能を活かした、コンテキストに依存しないコンテンツベースで実装するコンポーネントのレイアウト方法を学べるRelearn CSS layoutを紹介します。 すべてのデバイス... 続きを読む

Railsアプリの処理を100倍以上に高速化して得られた知見 – PSYENCE:MEDIA

2019/08/05 106 users Rails PSYENCE 濱田 知見 Railsアプリ

はじめまして。2019年4月から妊娠・出産アプリ『Babyプラス』の開発チームにJOINした濱田です。 『Babyプラス』のバックエンドはRailsで実装されているのですが、とあるCSV生成処理がとても遅かったので100倍以上に高速化しました。この過程でRailsアプリの処理高速化に関する以下の知見が得られたので、具体例を交えて... 続きを読む

サービスメッシュを実現するIstioをEKS上で動かす ~その1 まずはMinikubeでサンプルアプリケーションを動かしてみる~ – PSYENCE:MEDIA

2019/04/03 53 users サンプルアプリケーション Istio PSYENCE 山崎

サービスメッシュを実現するIstioをEKS上で動かす ~その1 まずはMinikubeでサンプルアプリケーションを動かしてみる~ 山崎 雅斗 2019.04.03 0 0000 Istioとは Istioは、サービスメッシュを実現するために用いられるソフトウェアです。各マイクロサービスと一緒にSidecar Proxyと呼ばれるプロキシをデプロイし、Sidecar P... 続きを読む

「Pairs」売却からエンジェル投資の世界へ。赤坂優が語る、起業家の選択の瞬間 | STARTUP DB MEDIA | 日々進化する、成長産業領域に特化した情報プラットフォーム

2019/02/13 72 users pairs MAT エウレカ STARTUP DB 赤坂優

国内最大級の恋愛・婚活マッチングサービス「Pairs」を運営する株式会社エウレカ（以下、エウレカ）を創業し売却した赤坂優氏。現在、エンジェル投資やブランドの立ち上げなどに幅広く携わる、スタートアップ界隈でも注目の存在だ。 35歳ながら、会社員、起業家、投資家と、そのキャリアは非常に幅広い。2015年には、Mat... 続きを読む

韓国レーダ照射への抗議は誤り | NEXT MEDIA "Japan In-depth"［ジャパン・インデプス］

2018/12/26 157 users 言い訳 韓国海軍 対抗策 インデプス 軍事専門誌ライター

文谷数重（軍事専門誌ライター） 【まとめ】 ・韓国レーダ照射への抗議は誤りである。 ・日本は韓国の言い訳に騙されるべきだ。 ・許される対抗策は「仕返し」。海自も韓国海軍を照射あるいはレーダ妨害すべきだった。 【注：この記事には複数の写真が含まれています。サイトによっては全て表示されないことがあります。... 続きを読む

3Dモデルからぬいぐるみの型紙を取るWebアプリを作ってみた – PSYENCE:MEDIA

2018/12/24 169 users PSYENCE 型紙 ぬいぐるみ Webアプリ 3Dモデル

この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2018 の投稿記事です。 はじめに こんにちは。デザイン統括１グループの萬成です。 みなさんは「リファライオン」をご存知ですか？ リファライオンはリクルートマーケティングパートナーズの内製開発組織を体外向けに紹介するべく誕生したライオンのキャラクター... 続きを読む

Railsアプリケーションの実装で気をつけている8つのこと – PSYENCE:MEDIA

2018/12/14 220 users PSYENCE Railsアプリケーション Ruby 寿命

この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2018 の投稿記事です。 12月はRubyのリリースが楽しみなk-shogoです。 今までに規模も寿命も様々なRailsアプリケーションの開発に携わってきました。本記事ではそんな自分が「Railsプロジェクトにかかわるならこんな方針を合意できるチームが良いな」と思ってい... 続きを読む

CircleCI 2.1 の新機能を使って冗長な config.yml をすっきりさせよう！ – PSYENCE:MEDIA

2018/10/11 111 users CircleCI PSYENCE 冗長 プレビュー 福井

CircleCI 2.1 の新機能を使って冗長な config.yml をすっきりさせよう！ 福井祐人 2018.10.11 0 0000 こんにちは。スタディサプリ English の開発を担当しているwebフロントエンドエンジニアの福井です。 CircleCI で 2.1 configuration がプレビューとして使えるようになりました。試しに使ってみたところ冗長なconfig.... 続きを読む

影響力ランキング1位のベンチャーキャピタリスト・村田祐介が起業家からVCを目指した理由 | STARTUP DB MEDIA | 日々進化する、成長産業領域に特化した情報プラットフォーム

2018/07/25 79 users ベンチャーキャピタリスト われわれ ご存じ 米Forbes誌

スタートアップ業界関係者が多いSTARTUP DB読者なら「Midas List」をご存じだろう。米Forbes誌が毎年発表している「最も影響力のあるベンチャーキャピタリスト」のランキングだ。その日本版として2017年にForbes Japanが発表した「日本版Midas List」でトップに選ばれたベンチャーキャピタリストが、今回われわれがイン... 続きを読む

CloudFront + S3 + Lambda@EdgeでBasic認証付きお手軽 静的サイト ( ランディングページ ) 環境を作った – PSYENCE:MEDIA

2018/06/25 64 users CloudFront PSYENCE 雅人 関数 大島

CloudFront + S3 + Lambda@EdgeでBasic認証付きお手軽 静的サイト ( ランディングページ ) 環境を作った 大島 雅人 2018.06.25 0 0000 こんにちは。開発支援Gでインフラ運用をしている大島です。 Lambda@Edgeとは、CloudFrontが配信するコンテンツをカスタマイズする関数を実行できる機能のことです。本記事では、これを... 続きを読む

福島県で梅毒患者が急増中 (1/2)

2018/06/02 138 users 梅毒患者 急増中 福島県 Tweet NEXT

記事 NEXT MEDIA "Japan In-depth" 2018年06月01日 12:44 福島県で梅毒患者が急増中 1/2 Tweet 上昌広 （医療ガバナンス研究所 理事長） 【まとめ】 ・福島県で梅毒患者が急増している。 ・マッチングアプリ普及との関連が議論されている。 ・ 正確な状況を調べ、社会で共有していくしかない。 【注：この記事には複数の写真が含まれています。サイトによっては全... 続きを読む

仏でホメオパシー論争再燃 | NEXT MEDIA "Japan In-depth"［ジャパン・インデプス］

2018/06/01 86 users ULALA インデプス ホメオパシー NEXT 一面

Ulala （ライター・ブロガー） 「 フランス   Ulala   の視点」 【まとめ】 ・仏でホメオパシーに対する議論が再燃している。 ・多くの国で保険適用範囲から外されつつあるが、仏では最大30％まで保険適用される。 ・有害な一面もあるホメオパシー。議論を通し正常な情報が広がることが重要。   【注：この記事には複数の写真が含まれています。サイトによっては全て表示されず、写真説明と出典のみ記... 続きを読む

若者は規模の大小によらずテック企業を目指せ、スマートニュース共同創業者の鈴木健氏 | STARTUP DB MEDIA | 日々進化する、成長産業領域に特化した情報プラットフォーム

2018/05/31 56 users 生みの親 ローンチ以来 大小 共同CEO STARTUP DB

「スタートアップ」という言葉が浸透してテクノロジー系の起業が増えつつある日本だが、起業を意識する学生や若手であっても「大企業かスタートアップか」という選択で悩んだことのある人は少なくないだろう。2012年12月のローンチ以来、グローバルで3000万ダウンロードと大ヒットアプリとなっている「スマートニュース」の生みの親の1人でスマートニュース 代表取締役会長・共同CEO の鈴木健氏は、企業規模にこだ... 続きを読む

プログラミング言語Streemをハックしよう！Matzゼミの全貌をレポート – PSYENCE:MEDIA

2018/03/05 61 users PSYENCE Matz 全貌 Streem matzさん

プログラミング言語Rubyの生みの親である“Matz”こと まつもとゆきひろさん。2016年より株式会社リクルートマーケティングパートナーズ（以下RMP）の技術フェロー・技術顧問として尽力いただいております。 2018年2月14日には、スペシャル企画第3弾として、RMP社内で「Matzゼミ」が開講！ 前半：プログラミング言語StreemについてMatzさんの講演 Streemはどのようにして出来た... 続きを読む

Facebook 製 JavaScript テストツール Jest を使ってテストする ( Babel, TypeScript のサンプル付き ) – PSYENCE:MEDIA

2017/12/21 60 users Babel Facebook FUk TypeScript

Facebook 製 JavaScript テストツール Jest を使ってテストする ( Babel, TypeScript のサンプル付き ) 福井祐人 2017.12.21 2 0 0 0 2 この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2017 の投稿記事です。 はじめまして。11月にJoinしたフロントエンドエンジニアの福井（@fuk... 続きを読む

「書き直したい」 をグッと抑えて小さな改善を積み重ねよう – PSYENCE:MEDIA

2017/12/17 219 users nobuoka PSYENCE ソフトウェアエンジニア 改善

この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2017 の投稿記事です。 こんにちは、2016 年中途入社の nobuoka です。 ソフトウェアエンジニアとして キッズリー の開発に携わっています。 先日読んだ 『 「書き直した方が早い」 は 9 割のケースで間違いだった 』 というブログ記事に触発され、最近考えていた 「小さな改善を繰り返すこ... 続きを読む

撮影した動画をFFmpegとWatsonを使って字幕とロゴの挿入を自動化した – PSYENCE:MEDIA

2017/12/14 52 users ffmpeg PSYENCE WATSON 字幕 挿入

初めまして。ひっそりとRMPでエンジニア業をさせていただいております。 @bussorenre と申します。 Recruit Marketing Partners アドベントカレンダー14日目 では、あまり弊社ブログでは取り上げる頻度の少ないミドルウェアの話ができればなと思います。 さて、年の瀬も押し迫り、師匠もおかんも走る時期ですが 1) 悪寒が走ったら休んでください。my mother is ... 続きを読む

チームの課題から考える、Adobe XDとSketchの導入メリット – PSYENCE:MEDIA

2017/12/07 276 users PSYENCE Sketch Adobe XD 課題 チーム

この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2017 の投稿記事です。 こんにちは！現在キッズリーのデザインを担当しているデザイナーの町田（ @macheri_me ）です。 今年で中途入社３年目となりました。本日は弊社の制作事例をもとに、AdobeXD・Sketchの活用法についてご紹介します。 【この記事を読んでもらいたい人】 これからAd... 続きを読む