タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
border-radiusの値をデスクトップとスマホで変える、例えばビューポートが大きくてマージンがある場合は8pxで角丸にし、ビューポートが小さくてマージンがない場合は0pxで矩形にする。 メディアクエリで簡単に実装できると思うかもしれません。しかし、ビューポートのサイズが小さく、マージンがある場合に8pxの角丸になりません。 この難しい条件をCSSの関数で実装するテクニックを紹介します。 Conditional Border Radius In CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに border-radiusの値をスマホとデスクトップで変えるテクニック 実装方法の解説 なぜ、9999を使用するのか 終わりに はじめに 私はデベロッパーがどのようなCSSを書いている
RADIUSのクラウドネイティブ化で堪能したエンジニアリングの醍醐味 - BIGLOBE Style ｜ BIGLOBEの「はたらく人」と「トガッた技術」
ISPの要であるRADIUSシステムのDevOps環境整備とクラウドネイティブ化を3年がかりで実現したことについて、技術検証で頓挫しかけた苦労話から、クラウド化のコツまで詳しくインタビューしました。 技術的負債を一気に返却するはずが存続の危機に 得意なことで補い合いながら課題をクリア フルリモートでも無事故のリプレースを実現したGitOps エンジニアが働く環境としてのBIGLOBEとは ISPの接続認証機能を担うRADIUSシステムを、コンテナやサーバーレス技術を活用して3年がかりでクラウドネイティブ化し、2022年6月から正式にサービスを開始しました。 それにあわせて、開発から運用までをスムーズに連携するDevOps環境を実現し、150台のオンプレミス・サーバーにかけていたシステム運用・保守工数を半減し、インフラ費用を従来の3分の2に圧縮することができました。 DevOps環境の特徴は
クリエイティブAIを提供するRADIUS5、クリエイターのためのAIイラストメーカー「mimic」をリリース 株式会社ラディウス・ファイブ（本社：東京都新宿区、代表取締役：漆原大介、以下 RADIUS5）は、自分のイラストの個性が反映されたイラストを無限に作り出せるAIイラストメーカー「mimic（ミミック）」のベータ版をリリースしました。 ▼「mimic」 URL：https://illustmimic.com 開発の背景 RADIUS5 は「人の創造性を最大化する」をビジョンに掲げて、クリエイティブやエンタメに関連するAI の研究開発を行うスタートアップ企業です。自社AIサービス「cre8tiveAI」では、イラストを生成するAI「彩ちゃん」の提供や全身のイラストをAIと人がコラボして制作する「彩ちゃん＋」の提供を行うなど、イラストを使いたい人のためのAIを研究・開発して参りました。
株式会社ラディウス・ファイブ 株式会社ラディウス・ファイブ（本社：東京都新宿区、代表取締役：漆原大介、以下 RADIUS5）は、AIの特性と人（絵師）の特性を活かしたハイブリッドな全身イラスト制作サービス「彩ちゃん+」の提供を開始しました。AIである彩ちゃんが超高速に多彩なバリエーションの顔イラストを作り出し、その顔イラストから絵師が創造的に全身のイラストを制作するサービスです。うまい・やすい・はやいの三拍子が揃った新しいイラスト制作として世界中の人に利用していただけるサービスとなります。 ▼彩ちゃん+ https://cre8tiveai.com/scplus 開発の背景 RADIUS5は、Deep learning 技術を用いた研究開発を行い、クリエイティブの現場で利用することができるAIサービスの開発に取り組んでいます。2019年2月にクリエイティブ作業を効率化する様々なAIツールを
【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の指定の中に「/」（スラッシュ）を入れると、「角丸の横半径/角丸の縦半径」を別々に指定で
【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> 元ネタ 上記２つの記事で使ったネタを併用して
※ネタバレは書いていません / 冒頭のあらすじは書いています 評価 あらすじ 感想 関連商品 (r)adius ラディウス(字幕版) 発売日: 2018/04/04 メディア: Prime Video 評価 7.5点(10点満点) あらすじ 横転した車のそばで男性が、目覚める その前の出来事を思い出せないどころか 自分の名前も思い出せない どうやら記憶喪失になってしまったようだ 助けを求めて歩いていると後方から一台の車が しかし彼に近づいた瞬間 おかしな動きになり道路を外れて停車 様子を見に行くと運転手は亡くなっていた。 更に歩いてレストランを見つけ中に入ると戦慄の光景が 全ての人が亡くなっていたのだ しかしその原因が 彼にあり半径15メートル以内に近寄った者は亡くなってしまう 事実を知る その男性が今作の主人公リアム・ハートウェル(ディエゴ・クラテンホフ)である。 その後 リアムに近づ
【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
Microsoftの「Microsoft Azure」担当最高技術責任者（CTO）であるMark Russinovich氏は「Linux Foundation Member Summit」の場で、画期的なオープンソースプロジェクト「Radius」について説明した。このクラウドネイティブなアプリケーションプラットフォームを使うことで開発者や運用担当者は、パブリッククラウド環境やプライベートなインフラ環境を横断するかたちで、クラウドネイティブなアプリケーションの定義やデプロイ、コラボレーションを実行できるようになる。 なお、これは認証プロトコルの「RADIUS（Remote Authentication Dial-In User Service）」とは無関係だ。RADIUSは、Microsoftのソフトウェアスタックにおいてリモート環境やクラウド環境での「Active Directory（AD
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 reply from Miriam Suzanne: is it always 8px? That math looks like a toggle
知ってる？Bluetoothの複数接続「マルチペアリング」と「マルチポイント」の違い｜radius｜ラディウス株式会社 オーディオ・デジタル音響機器・Lightning製品メーカー
Bluetoothでは機器同士のペアリングが必要 まず、2台のBluetooth機器を接続するには、必ずペアリングという作業を行わなければなりません。 ペアリングとは、通信の安全を確保するために親機と子機で互いの設定情報を登録しておく作業です。 ペアリングについてもっと詳しく知りたい方はこちらの記事も見てみてください。 例えば親機がスマートフォン、子機がBluetoothイヤホンだったとします。 子機のBluetoothイヤホンをスマホで使えるようにするには、まず最初に必ずペアリングを実行します。 やり方は簡単で、Bluetoothで接続して使いたい機器同士をどちらもペアリングモードにすればペアリングが完了することがほとんどです。 一度ペアリングを実行してしまえば、次に同じ機器同士で接続する時に再ペアリングの必要はありません。 情報はすでに登録されているので、あとはBluetoothの電波
クリエイティブAIを提供するRADIUS5、アニメ背景を生成するAI「Anime Art Painter」をリリース 株式会社ラディウス・ファイブ（本社：東京都新宿区、代表取締役：漆原大介、以下 RADIUS5）は、Deep Learningを用いてアニメ用の美術背景を生成する新サービス「Anime Art Painter（アニメ アート ペインター）」をリリースしました。 ▼「Anime Art Painter」 URL：https://ja.cre8tiveai.com/aap 開発の背景 RADIUS5 は「人の創造性を最大化する」をビジョンに掲げて、クリエイティブやエンタメに関連するAIを提供するスタートアップ企業です。これまで、漫画家のために線画を生成するAIやゲーム業界のためにキャラクターを生成するAI、アニメ業界のために映像を高画質に変換するAIなど、エンタメ業界の課題を解決
[レポート] Cell-Basedアーキテクチャでblast radiusを縮小 #reinvent #ARC411 | DevelopersIO
はじめに こんにちは。大阪オフィスの林です。 2019年12月02日〜2019年12月07日で、アメリカのラスベガスにてAWS re:Invent 2019が開催されています！この記事は「Reducing blast radius with cell-based architectures」セッションに参加したレポートです。 セッション概要 私たちが学んだことの1つは、障害はさまざまな形で発生することです。コアの考慮事項は、障害の爆風半径を最小化する方法です。この講演では、セルベースのアーキテクチャに焦点を当てます。システム、セル、およびルーターのプロパティ。また、AWS Lambda、Amazon Kinesis、Amazon Simple Storage Service（Amazon S3）、Amazon Simple Queue Service（Amazon SQS）などのサーバーレ
![[レポート] Cell-Basedアーキテクチャでblast radiusを縮小 #reinvent #ARC411 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/9419c6cf4ac1d0e1323fa1560dfc995d191622f5/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F12%2Freinvent2019_report_eyecatch.jpg)
パソコンとBluetoothイヤホンを接続する方法 - radius｜ラディウス株式会社 オーディオ・デジタル音響機器・Lightning製品メーカー
パソコンとBluetoothイヤホンを接続すると、ワイヤレスで音楽を聴くことができます。 他にも動画を視聴する、マイク付きイヤホンでビデオ通話をする等といった、様々なシーンで便利なBluetoothイヤホン。 所有しているパソコンとBluetoothイヤホンを接続するには、どんな手順を踏めばいいのでしょうか？ この記事では“ラディウス 完全ワイヤレスイヤホン HP-R300BT REALTA Series”とパソコンを実際に接続するまでの手順を追って、接続方法をご紹介します。 どんなパソコンならBluetoothイヤホンの接続ができる？ まず、BluetoothイヤホンをはじめとするBluetoothデバイスと接続できるのは、Bluetooth機能が搭載されているパソコンに限ります。 ノートパソコンの中には最初からBluetooth機能が搭載されているものが多く、近年の機種なら大抵備わって
高価なRADIUSアプライアンス不要！コストをかけずに無線LANをActive DirectoryアカウントでWPA2エンタープライズ認証する | Raccoon Tech Blog [株式会社ラクーンホールディングス 技術戦略部ブログ]
高価なRADIUSアプライアンス不要！コストをかけずに無線LANをActive DirectoryアカウントでWPA2エンタープライズ認証する WiFiRADIUSActive DirectoryWPA2 エンタープライズ 情シス担当のますいです。 無線LANの認証方式として主流なものに、WPA2-PSK（WPA2 パーソナル）とWPA2 エンタープライズ（WPA2-EAP）があります。 WPA2-PSKは、事前共有鍵（PSK）のみを認証キーとして用いるため設定が簡単で手軽に導入できる一方で、PSKが漏洩してしまうと不正侵入されるおそれがあるなどセキュリティ上のリスクがあります。 WPA2 エンタープライズは、ユーザー単位あるいはデバイス単位で認証することができ、よりセキュリティの高い環境を実現することができますが、 構築方法がわからない、コストが高そうなどの理由で導入に踏み切れていない組
![高価なRADIUSアプライアンス不要！コストをかけずに無線LANをActive DirectoryアカウントでWPA2エンタープライズ認証する | Raccoon Tech Blog [株式会社ラクーンホールディングス 技術戦略部ブログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/de377ff4ae7d64053a4200a95cf49336975acf40/height=288;version=1;width=512/https%3A%2F%2Ftechblog.raccoon.ne.jp%2Fwp-content%2Fuploads%2F2019%2F07%2Fphoto_39871_20150806-e1566205151573.jpg)
RADIUS5 | 半径5メートルから社会を良くする企業
経営理念 手の届く範囲+α の人たちを助けられる存在になる 社名「ラディウス・ファイブ」は、半径（RADIUS）5メートルを指しています。当社が最も大切にすることは、半径５メートルにいる人を助けられる存在になることです。 自分の近くにいる人は、その人にとって大切な人のはずです。しかし、大切な人を大切にするという当たり前のこと行うことは難しいことです。近くにいるから甘えたり、冷たくしたり、傷つけたり、または感謝ができないという人も多いと思います。壮大な夢や未来を語っても半径５メートル以内の人を幸せにできないのであれば、空虚なものになってしまうと思います。だから、当社ではまず第一に手の届く範囲の人を助けられる存在になることを目指していきます。 そして、半径５メートルにいる人を助けられる人が増えていく社会を実現していきます。より多くの人が半径５メートルの人を助けられるような存在になることができれ
border-radiusとはborder-radiusとは、要素の四隅に対して角丸を適用するCSSプロパティです。 Photoshopなどのデザインツールを使っている人ならわかりやすいですね。 上記のように角丸の要素を作って、そのCSSをコピーして見てみるとborder-radiusの値があるのが分かります。 以下のような感じです。 border-radiusを使うことで、さまざまな丸みを帯びた表現ができるようになります。 それではサンプルを見ながら角丸、円の作り方を見ていきましょう。 border-radiusの使い方まずは基本の角丸です。先程の説明と同じものになります。 See the Pen border-radius test by JAJAAAN Dev.01 (@jajaaan_dev01) on CodePen. 四隅に30pxの角丸が作成されているのが分かります。 正円を
An English article is here: https://dev.to/moznion/released-radius-rs-2e1o タイトルの通り、AAA (Authentication, Authorization and Accounting) のためのデファクト・スタンダードなプロトコルであるところのRADIUSのサーバー・クライアント実装をRustで書きました。 github.com また、crates.io にもpublishしてあります: https://crates.io/crates/radius このRADIUS実装の特徴としてはtokioを使用することで非同期 (async/await) ネイティヴな実装になっていることが挙げられます。 また、RADIUSのgolang実装であるところのlayeh/radiusを参考にして、FreeRADIUSのdic
今回は、ワンランク上のCSSのテクニックを身につけるために、border-radius:9999px;をご紹介します。角丸をつくる際にこのテクニックを知っておくと、コンテンツの量に応じて角丸を柔軟にコントロールすることができます。また、シンプルな実装方法なのでコードのメンテナンス性も上がります。 一歩上のコーディングテクニックを学びたい人は必見です。 正円をつくる３つのパターンをおさらい CSSで正円を作る時には３つの方法があります。例として、横幅200px、縦幅200pxの正円を例に実装方法を紹介していきます。 固定の数値を記述する方法 一番、初心者向けでわかりやすいのがこの例です。200pxの大きさなので半径は100pxですので、border-radius: 100px; を記述して実現します。 <div style="width: 200px; height: 200px; back
基本情報技術者平成21年秋期問40 RADIUS
RADIUS(ラディウス, Remote Authentication Dial In User Service)は、認証情報と認証手続き、および利用ログの記録(アカウンティング)をネットワーク上のサーバに一元化することを目的としたシステムです。アクセスサーバ機能と認証サーバ機能を分離した構成をとるため、複数のアクセス手段がある場合でも単一のサーバに認証を集約できます。 常時接続方式のインターネット接続サービス、無線LAN、VLAN、コンテンツ提供サービスなどのサービス提供者側設備において、認証とアカウンティングを実現するプロトコルとして幅広く利用されています。Data Encryption Standardの略。共通鍵暗号方式の規格の一つです。Domain Name Systemの略。ドメイン名とIPアドレスを対応付けるためのシステムです。Intrusion Detection Syst
クリエイティブAIを提供するRADIUS5、1枚の写真から動画を生成するAI「Moving Photo Maker」をリリース
クリエイティブAIを提供するRADIUS5、1枚の写真から動画を生成するAI「Moving Photo Maker」をリリース 株式会社ラディウス・ファイブ（本社：東京都新宿区、代表取締役：漆原大介、以下 RADIUS5）は、1枚の画像ファイルからズームやドリー、トラック等、14種類のカメラワークの動画を生成するAI「Moving Photo Maker（ムービング フォト メーカー）」をAIプラットフォーム「cre8tiveAI（クリエイティブAI）」に公開しました。 ▼「Moving Photo Maker」 URL：https://ja.cre8tiveai.com/mpm Moving Photo Maker 開発の背景 RADIUS5 は、「人の創造性を最大化する」をビジョンに据えてクリエイティブに関連する様々なAIの研究・開発およびサービス化を行うスタートアップ企業です。これま
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
RADIUSサーバーを構築して、WorkSpacesを多要素認証で運用する - サーバーワークスエンジニアブログ
1.構成 2.まずはRADIUSサーバー用のEC2をローンチ 3.必要なパッケージのインストールと設定 google-authenticatorをyumでinstallする準備 RADIUSサーバーに必要なパッケージをインストール RADIUS経由の認証を許可するグループの作成 ホスト名の設定 FreeRADIUSの設定 radiusd.confの編集 radius-enabledのユーザーがradius認証を経由するように設定 degaultファイルの設定 GoogoleAuthenticatorが使われるように設定 RADIUSがプロトコルを受け付けるクライアントの設定 シンボリックリンクの追加 RADIUSサーバーを起動 3.RADIUSサーバーが認証するユーザーの設定 4.Google Authenticatorのアプリでワンタイムコードが発行されるように登録 5.Director
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 は、デプロイメントを標準化し、リソース プロビジョニングを自動化するレシピや接続な
Safari で HTML を閲覧した際に、親要素に overflow: hidden と border-radius を設定してあるのに子要素が border-radius の範囲をはみ出して表示されてしまう問題についてです。 追記: 親要素に overflow: hidden を設定している前提の説明が抜けてしまっていたのでタイトルと本文を修正しました（コメントいただいた方ありがとうございました）。 問題 子要素に角丸スタイルを適用するために親要素で overflow: hidden と border-radius を設定しても、子要素が border-radius の範囲外でも表示されてしまいます。 デスクトップ版の Safari や iOS 上の Chrome 等で発生します。 たとえば次のように <img> を <div> で囲って overflow: hidden と bord
ラディウス・ファイブは、イラストの個性が反映されたイラストを無限に作り出せるAIイラストメーカー「mimic（ミミック）」のベータ版をリリースしました。 このAIニュースのポイント ラディウス・ファイブは、イラストの個性が反映されたイラストを無限に作り出せるAI「mimic」をリリース 少ない枚数から特定の書き手の個性を捉えることに特化したサービス 用途としてイラスト製作の参考資料と、SNS・ファンコミュニティの活性化を想定 mimic はAI技術（Deep Learning）を用いて独自に開発したRADIUS5のオリジナルのAIサービスです。通常のイラスト生成AIは多量のイラストを学習して様々なテイストのイラストを生成するものですが、mimicで使用するAIは「少ない枚数から特定の書き手の個性を捉えること」に特化しています。少ない枚数を元にすると「極端にイラストのテイストが偏る」、「生成
クリエイティブ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
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
レスポンシブ対応にメディアクエリなしで、CSSの関数で定義！border-radiusの値を変えるテクニック
クリエイティブAIを提供するRADIUS5、クリエイターのためのAIイラストメーカー「mimic」をリリース
VTuber制作にも RADIUS5、AI×絵師で全身イラストを作る「彩ちゃん+」をリリース | PANORA
(r)adius ラディウス Radius 観て… - Amazonプライム・ビデオばかり観て…
マイクロソフト、マルチクラウド対応の開発プラットフォーム「Radius」を発表
Conditional Border Radius In CSS
クリエイティブAIを提供するRADIUS5、アニメ背景を生成するAI「Anime Art Painter」をリリース
【CSS】border-radiusで円・角丸を作る！部分的に指定する方法も
RADIUSのサーバー・クライアント実装をRustで書いた - その手の平は尻もつかめるさ
border-radius:9999px;で角丸に柔軟性をもたせる上級CSSテクニック
Radius
Safari や iOS 上のブラウザで border-radius で子要素をマスクできない問題
AIでイラスト無限に！ RADIUS5 「mimic（ミミック）」のβ版をリリース
aira.oa.gob.jp
comic-walker.com
blog.livedoor.jp/ptsdtadasu
booksch.hatenablog.com
tradenote.xsrv.jp
www.nikkei.com