タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
border-radiusの値をデスクトップとスマホで変える、例えばビューポートが大きくてマージンがある場合は8pxで角丸にし、ビューポートが小さくてマージンがない場合は0pxで矩形にする。 メディアクエリで簡単に実装できると思うかもしれません。しかし、ビューポートのサイズが小さく、マージンがある場合に8pxの角丸になりません。 この難しい条件をCSSの関数で実装するテクニックを紹介します。 Conditional Border Radius In CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに border-radiusの値をスマホとデスクトップで変えるテクニック 実装方法の解説 なぜ、9999を使用するのか 終わりに はじめに 私はデベロッパーがどのようなCSSを書いている
サーバーもネットワーク機器も Entra ID でログインする — opkssh と RADIUS で認証を一元化した話 - NTT docomo Business Engineers' Blog
みなさんこんにちは、イノベーションセンターの福田・村田です。 我々は、クラウドとオンプレミスそれぞれの検証環境を所有しており、オンプレミス製品やそれらをクラウドと組み合わせたハイブリッドクラウドの検証をおこなっています。 チームでの活動を続ける中で検証環境が拡大し、セキュリティ強化やコンプライアンス対応、DevOps 環境の整備がますます重要になってきました。 その一環でサーバーやネットワーク機器へのログイン認証を Entra ID に一元化する取り組みを行いました。 本記事では、その背景や技術選定の判断、運用して得られた知見を共有します。 具体的には以下のような内容を扱います。 SSH 公開鍵の手動配布をやめて、Entra ID 認証ベースの一時鍵（opkssh）に移行した話 ネットワーク機器のログインを FreeRADIUS + privacyIDEA で Entra ID に寄せた話
RADIUSのクラウドネイティブ化で堪能したエンジニアリングの醍醐味 - BIGLOBE Style ｜ BIGLOBEの「はたらく人」と「トガッた技術」
ISPの要であるRADIUSシステムのDevOps環境整備とクラウドネイティブ化を3年がかりで実現したことについて、技術検証で頓挫しかけた苦労話から、クラウド化のコツまで詳しくインタビューしました。 技術的負債を一気に返却するはずが存続の危機に 得意なことで補い合いながら課題をクリア フルリモートでも無事故のリプレースを実現したGitOps エンジニアが働く環境としてのBIGLOBEとは ISPの接続認証機能を担うRADIUSシステムを、コンテナやサーバーレス技術を活用して3年がかりでクラウドネイティブ化し、2022年6月から正式にサービスを開始しました。 それにあわせて、開発から運用までをスムーズに連携するDevOps環境を実現し、150台のオンプレミス・サーバーにかけていたシステム運用・保守工数を半減し、インフラ費用を従来の3分の2に圧縮することができました。 DevOps環境の特徴は
株式会社ラディウス・ファイブ（本社：東京都新宿区、代表取締役：漆原大介、以下 RADIUS5）は、自分のイラストの個性が反映されたイラストを無限に作り出せるAIイラストメーカー「mimic（ミミック）」のベータ版をリリースしました。 ▼「mimic」 URL：https://illustmimic.com 開発の背景 RADIUS5 は「人の創造性を最大化する」をビジョンに掲げて、クリエイティブやエンタメに関連するAI の研究開発を行うスタートアップ企業です。自社AIサービス「cre8tiveAI」では、イラストを生成するAI「彩ちゃん」の提供や全身のイラストをAIと人がコラボして制作する「彩ちゃん＋」の提供を行うなど、イラストを使いたい人のためのAIを研究・開発して参りました。 今回、ベータ版をリリースしたmimicは、AIは本来創作活動をする人のために使われるべきではないかということを
CSSのborder-radiusで角丸を適用したボックスを拡大・縮小のアニメーションにするとき、最初は鋭角で、拡大したときには角丸になるようにしたいと思ったことはありませんか？ 下記のデモはうまく機能していますが、角丸が汚かったり、最初が鋭角の矩形にならなかったり、角丸をスムーズにアニメーションさせる際に遭遇する問題点とその解決方法を紹介します。 Smoothly animating a border-radius by Bramus! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ビュー遷移による問題点 部分的な解決方法 変化する背景への対応 変化するボーダーへの対応 終わりに はじめに ビュー遷移（View Transitions）は、スナップショットをアニメーション化するため、任意の要素を別の要素に変形させる
【CSS】border-radiusとborder-imageは併用不可、ですが、強引になんとかしてみました。 - Little Strange Software
どうも！LSSです！！ 【CSS】虹色の枠線、もう２種類！ - Little Strange Software で作った枠線ですが、こちらはborder-imageを使って描いていました。 border-imageを使うと枠線の表現の幅が広がって面白いのですが、「border-radius（角丸）」や「border-style（枠線の種類を点線や二重線にする）」の指定と共存できない、というのが、ちょっと惜しいところです^^; 画像ファイルを用意して表現する事は可能ですが、gradientを使って…となるとあまり自由が利かなかったりもします。 今回は、「なかばインチキ」な方法ではありますが、「虹色の枠線」を角丸にする方法を試してみました！ 虹色の角丸枠線 解説 border-box、padding-box、content-box あとがき 虹色の角丸枠線 虹色の枠線 角丸１ コード <div
【CSS】border-radius（角丸）ってこんな事もできたんだ！【今更】 - Little Strange Software
どうも！LSSです！！ 今までさんざんborder-radiusを使っていましたが、今さらになって新たに見つけた事がありました！！ ほんと今更ｗｗｗ サンプル コード その他サンプル サンプル かなり今更感がありますが、border-radius（角丸）って縦横別々に指定できるんですね！ そうすると、こんな変わった形状の枠も作れます^^ コード <p style="background-color: #eedddd; border-radius: 35%/20px; padding: 25px;"> かなり今更感がありますが、border-radius（角丸）って縦横別々に指定できるんですね！<br /><br /> そうすると、こんな変わった形状の枠も作れます^^ </p> border-radiusの指定の中に「/」（スラッシュ）を入れると、「角丸の横半径/角丸の縦半径」を別々に指定で
しかし、言うはやすく行うは難しだ。Azure上と、例えば「Amazon Web Services（AWS）」上でまったく同じように動作するアプリケーションを構築するというのはそう簡単な話ではない。 Russinovich氏は「Kubernetesは重要なイネーブラーと言えるが、顧客の多くはKubernetesの制約を回避するために、主にコンピュートに注力する抽象化階層をその上に構築している。というのも、Kubernetesではアプリケーションというものが公式に定義されておらず、インフラという概念とアプリケーションという概念が入り交じった、過度に複雑なかたちとなっている」と説明している。筆者も同感だ。 このため、「開発者はアプリケーションを開発する上で、Kubernetesだけではまったく足りず、APIのフロントエンドや、キーバリュー型のデータストア、キャッシュ、可視化システムといったものへ
【CSS】変なborder-radiusとbox-shadowを合わせてみました【小ネタ】 - Little Strange Software
どうも！LSSです！！ ふと思いついて、これまでに試した２つの小ネタを合体させてみました。 小ネタ＋小ネタ＝あわせても小ネタ、って感じですがｗ こんな枠、どうでしょう？ コード 元ネタ CSS部分ちょこっと解説 あとがき こんな枠、どうでしょう？ と、単なる枠に対する装飾なので、使い方は自由自在！ スマホで見るとまたちょっと形の印象が違うかもです。 コード <p style="box-shadow: 0px 0px 18px 0px lightgreen inset,-8px -8px 18px 0px lightgreen inset,5px 5px 15px 0px #888888; border-radius: 30%/10%; width: 100%; height: 400px; padding: 28px;">中に入れる文章</p> 元ネタ 上記２つの記事で使ったネタを併用して
【CSS】変形border-radiusに各種border-styleを組み合わせてみました【実験】 - Little Strange Software
どうも！LSSです！！ 先日の記事で、 を試した際に、double（二重線）で指定した枠線部分も奇妙に歪んだりしていました。 枠線の種類は solid double dotted dashed inset outset ridge groove と多数ありますが、この変わったborder-radiusと組み合わせた場合にそれぞれどんな風に表示されるのか？を試してみる記事となります。 あまり奇妙にならないものが囲み枠として使いやすいかと思いますが、果たして…？ solidの場合 doubleの場合 dottedの場合 dashedの場合 insetの場合 outsetの場合 ridgeの場合 grooveの場合 あとがき solidの場合 変わった形のborder-radiusと、各種border-styleの組み合わせを試してみました。 border-styleの種類は solid dou
Do you want to master CSS layouts? I'm building a new course. Learn more A while ago, I was inspecting facebook.com home page feed to learn and see how they build things out. I’m always curious to see how people write CSS. I noticed a very, very interesting border-radius value for the card component in the main feed. I shared the following tweet about this little discovery. Then, I received this r
In wake of outage, Amazon calls upon senior engineers to address issues created by 'Gen-AI assisted changes,' report claims — recent 'high blast radius' incidents stir up changes for code approval
Best Picks CPU Buying Advice CPU Best Picks CPU Reviews GPU Buying Advice GPU Best Picks GPU Reviews Laptop Buying Advice Laptop Best Picks Laptop Reviews More Buying Advice Keyboard Best Picks Gaming Monitor Best Picks Gaming Headset Best Picks 3D Printer Best Picks Webcam Best Picks Mice Best Picks How We Test CPUs CPU Brands AMD Ryzen Intel Lunar Lake Nvidia Qualcomm Apple Benchmarking Platform
株式会社ラディウス・ファイブ（本社：東京都新宿区、代表取締役：漆原大介、以下 RADIUS5）は、Deep Learningを用いてアニメ用の美術背景を生成する新サービス「Anime Art Painter（アニメ アート ペインター）」をリリースしました。 ▼「Anime Art Painter」 URL：https://ja.cre8tiveai.com/aap 開発の背景 RADIUS5 は「人の創造性を最大化する」をビジョンに掲げて、クリエイティブやエンタメに関連するAIを提供するスタートアップ企業です。これまで、漫画家のために線画を生成するAIやゲーム業界のためにキャラクターを生成するAI、アニメ業界のために映像を高画質に変換するAIなど、エンタメ業界の課題を解決するために様々なAIを開発して参りました。 今回リリースしたAnime Art Painter は、制作工数が逼迫する
RADIUSはネットワーク接続の際に用いられる一般的なユーザー認証プロトコルです。元はダイヤルアップ接続を念頭に1991年に開発されたものでしたが、記事作成時点でもほぼすべてのスイッチ・ルーター・アクセスポイントなどでサポートされています。新たに報告された「Blast RADIUS攻撃」は、そんなRADIUSをバイパスして攻撃アクターがネットワークデバイスやサービスにアクセスできるようになる攻撃手法とのことです。 BLAST RADIUS https://www.blastradius.fail/ RADIUS/UDP vulnerable to improved MD5 collision attack https://blog.cloudflare.com/radius-udp-vulnerable-md5-attack New Blast-RADIUS attack breaks 3
HP-C28BT Bluetooth対応 完全ワイヤレスイヤホン NEKO 猫イヤホン HP-C28BTK/HP-C28BTW/HP-C28BTN - radius｜ラディウス株式会社 オーディオ・デジタル音響機器・Lightning製品メーカー
「ねこ、かわいい」 が イヤホンになりました 小さく丸くなって眠る猫をモチーフにした完全ワイヤレスイヤホン。 使っていない時間もそばに置いておきたくなるようなかわいさです。 お気に入りの寝床から少しあふれるようなもっちりフォルムを存分にかわいがってくださいね。 世界に一つだけの特別な模様 One-of-a-kind marble pattern 世界中を探しても同じ猫ちゃんは一匹もいません。だからイヤホンにも個性豊かな模様を施しました。 ランダム成形されたマーブル模様による、世界に一つだけのイヤホンです。 ※マーブル模様のため、左右のイヤホンで色が大きく異なる場合があります。個体差があり、模様の少ないものもあります。
Beyond border-radius: What The CSS corner-shape Property Unlocks For Everyday UI — Smashing Magazine
For years, developers have been hacking around the limitations of border-radius, using clip-path, SVG masks, and fragile workarounds just to get anything other than round corners. The new corner-shape property finally changes that, opening the door to beveled, scooped, and squircle corners. When I first started building websites, rounded corners required five background images, one for each corner
今回は、ワンランク上のCSSのテクニックを身につけるために、border-radius:9999px;をご紹介します。角丸をつくる際にこのテクニックを知っておくと、コンテンツの量に応じて角丸を柔軟にコントロールすることができます。また、シンプルな実装方法なのでコードのメンテナンス性も上がります。 一歩上のコーディングテクニックを学びたい人は必見です。 正円をつくる３つのパターンをおさらい CSSで正円を作る時には３つの方法があります。例として、横幅200px、縦幅200pxの正円を例に実装方法を紹介していきます。 固定の数値を記述する方法 一番、初心者向けでわかりやすいのがこの例です。200pxの大きさなので半径は100pxですので、border-radius: 100px; を記述して実現します。 <div style="width: 200px; height: 200px; back
クリエイティブAIを提供するRADIUS5、アニメ背景を生成するAI「Anime Art Painter」をリリース | ゲーム・エンタメ最新情報のファミ通.com
ゲーム・エンタメ最新情報のファミ通.com PR TIMES クリエイティブAIを提供するRADIUS5、アニメ背景を生成するAI「Anime Art Painter」をリリース RADIUS5 株式会社ラディウス・ファイブ（本社：東京都新宿区、代表取締役：漆原大介、以下 RADIUS5）は、Deep Learningを用いてアニメ用の美術背景を生成する新サービス「Anime Art Painter（アニメ アート ペインター）」をリリースしました。 ▼「Anime Art Painter」 URL：https://ja.cre8tiveai.com/aap 開発の背景 RADIUS5 は「人の創造性を最大化する」をビジョンに掲げて、クリエイティブやエンタメに関連するAIを提供するスタートアップ企業です。これまで、漫画家のために線画を生成するAIやゲーム業界のためにキャラクターを生成するA
EP-D20 DROP series ライブ用イヤープラグ 耳栓 EP-D20CL - radius｜ラディウス株式会社 オーディオ・デジタル音響機器・Lightning製品メーカー
その瞬間を、研ぎ澄ます 守りながら楽しむイヤープラグ 「DROP in Live」 耳を守りながら、大音量の迫力を楽しめる イヤーピース交換式のライブ用イヤープラグ（耳栓）。 特別なチューニングでサウンドバランスを損なわず、ライブやイベントで音をクリアに楽しみたいときに最適です。 記憶に残る体験のために The impressive moment アーティストのライブを最前列で楽しみたい。会場の熱気と、大迫力の音楽に身をゆだね、観客と一体になって踊りたい。そんな最高の体験は、耳に大きな負担をかけ、聴覚へのダメージと常に隣り合わせであることも忘れてはいけません。 「DROP in Live」は耳を守りながら、そのかけがえのない瞬間も守ります。 ライブにも日常にも、気軽に使いやすい遮音性 Clear sound insulation さまざまなシーンで耳を守る、平均23dB（※）の遮音性。 サ
Cloud-native applications are more than just Kubernetes Radius is an open-source, cloud-native, application platform that enables developers and the operators that support them to define, deploy, and collaborate on cloud-native applications across public clouds and private infrastructure Developer + Operator Collaboration Developers define Applications and their dependencies, not the underlying in
BLAST RADIUS
Blast-RADIUS is a vulnerability that affects the RADIUS protocol. RADIUS is a very common protocol used for authentication, authorization, and accounting (AAA) for networked devices on enterprise and telecommunication networks. What can the attacker do? The Blast-RADIUS attack allows a man-in-the-middle attacker between the RADIUS client and server to forge a valid protocol accept message in respo
Radiusを知る(1) - 銀の光と碧い空
Microsoftから発表された「Radius」。ネットワークのプロトコルとして知られているものと同名ですが、別物です。いったいこれが何か調べてみたいと思います。 cloudblogs.microsoft.com まずは、このブログを読みながら何を目的としているのか見てみます。 With features like Recipes and Connections that standardize deployments and automate resource provisioning, Radius provides a centralized toolset for developer and operator teams to effectively collaborate. （参考訳）Radius は、デプロイメントを標準化し、リソース プロビジョニングを自動化するレシピや接続な
ラディウス・ファイブは、イラストの個性が反映されたイラストを無限に作り出せるAIイラストメーカー「mimic（ミミック）」のベータ版をリリースしました。 このAIニュースのポイント ラディウス・ファイブは、イラストの個性が反映されたイラストを無限に作り出せるAI「mimic」をリリース 少ない枚数から特定の書き手の個性を捉えることに特化したサービス 用途としてイラスト製作の参考資料と、SNS・ファンコミュニティの活性化を想定 mimic はAI技術（Deep Learning）を用いて独自に開発したRADIUS5のオリジナルのAIサービスです。通常のイラスト生成AIは多量のイラストを学習して様々なテイストのイラストを生成するものですが、mimicで使用するAIは「少ない枚数から特定の書き手の個性を捉えること」に特化しています。少ない枚数を元にすると「極端にイラストのテイストが偏る」、「生成
RADIUS/UDP vulnerable to improved MD5 collision attack
RADIUS/UDP vulnerable to improved MD5 collision attack2024-07-09 The MD5 cryptographic hash function was first broken in 2004, when researchers demonstrated the first MD5 collision, namely two different messages X1 and X2 where MD5(X1) = MD5 (X2). Over the years, attacks on MD5 have only continued to improve, getting faster and more effective against real protocols. But despite continuous advancem
Safari で HTML を閲覧した際に、親要素に overflow: hidden と border-radius を設定してあるのに子要素が border-radius の範囲をはみ出して表示されてしまう問題についてです。 追記: 親要素に overflow: hidden を設定している前提の説明が抜けてしまっていたのでタイトルと本文を修正しました（コメントいただいた方ありがとうございました）。 問題 子要素に角丸スタイルを適用するために親要素で overflow: hidden と border-radius を設定しても、子要素が border-radius の範囲外でも表示されてしまいます。 デスクトップ版の Safari や iOS 上の Chrome 等で発生します。 たとえば次のように <img> を <div> で囲って overflow: hidden と bord
情報処理安全確保支援士令和6年秋期問17 ‐ IEEE802.1XとRADIUS 【動画解説付き】 - ITエンジニアが仕事に対して思うこと
www.youtube.com 情報処理安全確保支援士試験（令和6年秋期 午前2 問17）の過去問を題材に、安全な無線LAN環境を構築するための「IEEE 802.1X」と「RADIUS」の仕組みを解説します。サクラ先輩とモモと一緒に、サプリカント、オーセンティケータ、RADIUSサーバといった登場人物の役割を楽しく学びましょう。ネットワーク初心者がつまずきやすいアクセスポイントの二面性や試験対策のツボも分かりやすく解説しています。 動画で学ぶべき重要なキーワードについて説明します。まず、IEEE 802.1Xは、LAN内におけるユーザー認証の規格であり、正当な端末以外をネットワークからシャットアウトするための門番としてのルールを定めています。この規格により、安全な無線LAN環境を維持することが可能になります。次に、RADIUSは、認証情報を一元管理する会員名簿への問い合わせ手順のことです
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
レスポンシブ対応にメディアクエリなしで、CSSの関数で定義！border-radiusの値を変えるテクニック
クリエイティブAIを提供するRADIUS5、クリエイターのためのAIイラストメーカー「mimic」をリリース
実は難しい！ CSSのborder-radiusで実装した角丸を矩形からスムーズにアニメーションさせるテクニック
マイクロソフト、マルチクラウド対応の開発プラットフォーム「Radius」を発表
Conditional Border Radius In CSS
クリエイティブAIを提供するRADIUS5、アニメ背景を生成するAI「Anime Art Painter」をリリース
広く使用されているユーザー認証プロトコルを危険にさらす「Blast RADIUS攻撃」が報告される
border-radius:9999px;で角丸に柔軟性をもたせる上級CSSテクニック
Radius
AIでイラスト無限に！ RADIUS5 「mimic（ミミック）」のβ版をリリース
Safari や iOS 上のブラウザで border-radius で子要素をマスクできない問題
www.reform-fukuoka21.jp
usedemikuray.hatenablog.com
aigis.chara-stat.us
aigis.chara-stat.us
ototoy.jp
intensive911.com