CSS に、コンテナクエリという機能があるらしい。 メディアクエリでは画面全体の大きさに応じて要素のスタイルを変えることができたけど、コンテナクエリを使うと当該要素の親の大きさに応じてスタイルを変えられる。 /* メディアクエリの例 */ /* 画面幅が 400px 以下だったら、div を赤くする */ @media screen and (max-width: 400px) { div { background-color: red; } } /* コンテナクエリの例 */ /* div の親要素の幅が 400px 以下だったら、div を赤くする */ @container (max-width: 400px) { div { background-color: red; } } その機能が Google Chrome Canary で使えるようにされたと聞いたので、使ってみた。 こ
MacBookユーザー全員これでいい。USB-Cで充電しつつ映像を出せるモニター、Dell製2020.09.25 11:0042,930 岡本玄介 接続して普通に使うだけで充電されちゃう。 このたびDellより、最大65Wの電源を内蔵し、複数のデバイスを充電しながら使える、便利なモニター「Dell プロフェッショナルシリーズ P2721Q 27インチワイド 4K USB-C モニター」が発売されました。 モニターから充電USB-Cで繋いでいるだけでモニターに映像を出力しつつ充電できるので、ノートPCを常にフル充電の状態に保ちます。なので切り離して別の場所に移動しても、充電はたっぷり残っているわけですね。 また「いつでも充電可能モード」という機能を利用すると、モニターの電源が落ちていても引き続きノートPCを充電し続けます。わざわざ大画面で作業しなくて良い場合でも、縁の下の力持ちになるのです。
アメリカ3大美術館にも数えられているシカゴ美術館は、一度は足を運んでみたいシカゴの人気スポットです。そんなシカゴ美術館の公式ウェブサイトが最近リニューアルし、話題を呼んでいます。 このリニューアルに合わせ、シカゴ美術館内に展示されている、美術の教科書で見たことのあるような世界の名画52,000枚を、高画質で無料ダウンロードできるサービスが開始されたので、今回はご紹介します。どれも、クレジット表記なしで自由に利用できます。 世界の名画52,000枚を高画質で無料ダウンロードできるシカゴ美術館 シカゴ美術館(英: The Art Institute of Chicago)は、ニューヨークのメトロポリタン美術館、ボストンのボストン美術館と並んで、アメリカの3大美術館にも数えられ、モネやルノワールなど印象派コレクションは、フランス国外では最大規模と言われています。 今回のウェブサイトのリニューアル
Microsoft CopilotをPowerPointで使ってみたら、一瞬で資料作成や要約ができた!使い方・料金・導入方法とは?
ウェブページの表示速度は、離脱率やコンバージョン率にもっとも影響する重要なポイントです。Googleが公表した調査結果では、「表示に3秒以上かかると、約53%のユーザーは離脱する」「表示速度が1秒から6秒に落ちると、直帰率は106%上昇する」というデータが出ているようです。 表示速度を改善する施策は色々とありますが、本記事では「AMPアンプ(Accelerated Mobile Pages)」を作成する際に利用するJavaScriptライブラリーを使って、簡単に表示速度を改善する手法を紹介します。 AMPとはウェブページの読み込みを高速化させる技術 「AMPアンプ(Accelerated Mobile Pages)」とは、名前の通りモバイルでのウェブページの読み込みを高速化させる技術です。 本サイト(ICS MEDIA)では以前「AMPの利点と対応HTMLの作り方」で導入方法を紹介していま
はじめに 2017年3月、Struts2にまたしても新たな脆弱性(S2-045、S2-046)が見つかり、複数のウェブサイトにおいて情報漏洩等の被害が発生しました。筆者は2014年4月(およそ3年前)に「例えば、Strutsを避ける」という記事を書きましたが、今読み返してみると「やや調査不足の状態で書いてしまったな」と感じる点もあります。今回、良いタイミングなのでもう一度Struts2のセキュリティについてざっとまとめてみたいと思います。 なぜJavaなのにリモートからの任意のコード実行(いわゆるRCE)が可能なのか Struts2はJavaアプリケーションであり、Java製のアプリケーションサーバ上で動作します。Javaはいわゆるコンパイル型の言語であるため、通常はランタイムにおいて任意のコードを実行することはできず、RCEは難しいはずです。 JavaのウェブアプリケーションでRCEが成
目から鱗。RICOH THETAにこんな活用法があったとは2016.11.30 11:00Sponsored 創作意欲、刺激されました。 「RICOH THETA × IoT デベロッパーズコンテスト」の受賞作品を見た率直な感想です。 このコンテストは、おなじみの360°カメラ「RICOH THETA」(以下 THETA)のユニークな活用法を競うもので、今回が2回目の開催。ビジネスに即使えそうなものから、アート寄りのもの、はたまたTHETAをセンサーとして利用するアイディアまで、バラエティ豊かな作品が集まり、THETAを取り巻くシーンが進化しているのがよく分かりました。 受賞作品はコンテストの公式ページでチェックできるのでぜひ見ていただきたいのですが、11月7日に行なわれたコンテストの表彰式ですっかり刺激を受けてしまったギズモード編集部、いてもたってもいられず、早速気になったものを試してみ
lestrratさんがやってくれました。 ずいぶん前から、ソースコードを検索して読みやすいコマンドはないかなーと思っていました。個人的にはackで検索して見つかったファイルをlessで開いて再びキーワードを入れて当該行までジャンプしていたのですが、毎回毎回めんどくさい感じでした。コマンド一発でインクリメンタル検索してキーワード周辺のソースコードを読めるツールが欲しいなぁって思ってたんです。 とあるslackでお昼時に、mattnさんと「ほしいですよねー」という話から始まって、vimにあるgrepとかも物色しながら「いいのないねー」とか言ってたらkanさんが「@lestrrat 案件だ」って言い出して牧さんが召喚されてついさっきpecoに必要な機能が追加されてました。速いw ためしにpicotlsの開発ディレクトリでpecoの一行ラッパーperoを起動し、「EVP_Digest」を検索してみ
はじめに UnityTexturePaintがAsset Storeで公開されました! Asset Store : UnityTexturePaint 初めてのストア出品だったけど、特に滞りなく出すことができました。 Key Imageを描いてくださった@traitam様、お世話になりました。 また、ストア出展ですごく参考になった記事がありますので紹介しておきます。 qiita.com さて、本エントリでは色んな方々に手軽にUnityTexturePaintを使ってもらえたら嬉しいなということで、UnityTexturePaintを使うとどんなことが出来るのかを振り返ったり考えたりしていきたいと思います。 アルゴリズムとか実現方法みたいなのはUnityTexturePaintの過去記事を参照してください。 あくまで今回は出来ることの紹介です。 UnityTexturePaintのれきし 歴
.pencil-effect { background-image: url(photo.jpg); background-size: cover; background-position: center; } @supports (filter: invert(1)) and (background-blend-mode: difference) { .pencil-effect { background-image: url(photo.jpg), url(photo.jpg); background-blend-mode: difference; background-position: calc(50% - 1px) calc(50% - 1px), calc(50% + 1px) calc(50% + 1px); filter: brightness(2) invert(1) g
2016年に開催された「第8回 錯視・錯聴コンテスト」で入賞した錯視画像が、「錯視が起きてることに気付けない」「言われても錯視だと信じられない」レベルだと話題になっています。どこに錯視が起こってるのか分かりますか……? こちらがその画像、あなたは分かります……? 錯視画像は2色に塗り分けられており、緩やかに曲がった波線と、大きくギザギザに曲がった波線が2本ずつ交互に並んでいます。「それがどうかしたの?」と思われるかもしれませんが、実はこの2種類の線は色の塗り方が違うだけの「同じ形状」の波線。この錯視画像は中京大学心理学部准教授・高橋康介さんが作成したもので、名称を「曲がり盲」と付けられています。 2種類の波線のうち、緩やかに見える線は波の「中心」で濃淡が切り替わっているのでカーブが認識されやすく、鋭く見える線は波の「頂点」で濃淡が入れ替わっており、それゆえ波のカーブが見落とされやすくなりま
Googleが、iOS向けの新しいアプリ『Motion Stills』を公開しました。 Google Researchによる技術を応用したこのアプリは、Live Photosの背景を固定したり、カメラロール内のムービー・連続した写真からアニメGIFや動画を作成する、といったことができます。 例えば、撮影時に手ブレしてしまったLive Photosを、背景のみを固定したGIFアニメに変換してくれます。 image : Google 撮影しながらカメラの向きを変えたり、移動したようなLive Photosの場合も、滑らかな作品に変換してくれます。 image : Google この種の画像分析は複雑な演算処理を必要としますが、新しい技術によりサーバーにデータをアップロードすることなく、モバイル上で全ての処理を行っているとのこと。 image : google そのほかにも、連続して撮影した写真
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く