並び順

ブックマーク数

期間指定

  • から
  • まで

241 - 280 件 / 400件

新着順 人気順

*WEBの検索結果241 - 280 件 / 400件

  • Google、Androidのロゴを4年ぶりに変更 ドロイドくんは立体的に

    大きな違いは最初の「a」(小文字)が「A」(大文字)になることだ。Googleによると、「Google」ロゴと並べて配置する際、この方がバランスがいいためという。フォントもGoogleのロゴに近いものになった。 日本ではドロイドくんなどと呼ばれているマスコット(正式名称は「bugdroid」になったようだ)は2Dから3Dになる。また、「Androidがコミュニティや文化とつながる場所に現れる」ことから、多様なキャラクターとして表示するようになり、「Android自体と同様にダイナミックに見えるようにしたいと考えた」という。全身の外観も更新される。

      Google、Androidのロゴを4年ぶりに変更 ドロイドくんは立体的に
    • “AI合成写真”が秒で AdobeのAIがスゴい、けど……「爆発できない」フェイク対策の是非

      関連記事 アドビの生成AI、β版を一般公開 Adobe IDがあれば無料で使える 米Adobeが同社の生成AI「Adobe Firefly」を一般公開した。無料のAdobe IDさえあればウェイトリストなしで誰でも利用できる。なお、正式版ではなく引き続きβ版としての提供であり、商用目的では利用できないとしている。 AI生成? 「ペンタゴンで爆発」画像で株価下落 Twitterで青バッジアカウント複数が投稿 Twitter上で一時「ペンタゴンで爆発があった」とする画像付きツイートが拡散した。この画像はAIによって生成された可能性が高いと指摘された。ツイートは数時間で削除されたが、この影響で株式市場は一時下落した。 迫るエイプリルフール、AI画像があふれる予感……? ネットの“フェイク”との向き合い方は 4月が近づき、2023年もエイプリルフールが迫りつつある。一方、22年から急成長を遂げて話

        “AI合成写真”が秒で AdobeのAIがスゴい、けど……「爆発できない」フェイク対策の是非
      • imgタグの変化 - 気づいたら時代遅れなHTMLを書いてた - Qiita

        ( 2022年、仕事中であった事例からいろいろまとめた資料を Qiita に記載 ) 私は自社開発の会社に勤めるサーバーサイドエンジニア。 去年(2022年)、フロントエンドエンジニアが書いてたHTMLを見てたら以下のようなコードを見つけた。

          imgタグの変化 - 気づいたら時代遅れなHTMLを書いてた - Qiita
        • JavaScriptランタイム「Bun」がバージョン1.0に到達へ、9月7日にローンチイベント開催

          サーバサイドで実行可能なJavaScriptランタイム「Bun」が9月7日(日本時間9月8日)にバージョン1.0に到達することが分かりました。 公式サイトで「Bun 1.0」のローンチイベントへの申し込みが始まっています。 Node.js互換としたことで注目を集めたBun Bunは2022年7月に登場したソフトウェアです。 公式Webサイトで「Bun is a fast all-in-one JavaScript runtime」と紹介されているように、JavaScriptランタイムとバンドラ、トランスパイラなどが最初から統合され、タスクランナーとして実行できる機能も備えています。 なによりもBunが急速に注目を集めた理由は、Node.js互換をうたいNode.jsのnpmパッケージがそのままBunでも使えるとしたこと、そして高速性を強調したことでしょう。 JavaScriptエンジンには

            JavaScriptランタイム「Bun」がバージョン1.0に到達へ、9月7日にローンチイベント開催
          • Blueskyが「ユーザーがコンテンツを独自にモデレーションできる機能」を発表&モデレーションツール「Ozone」をオープンソース化

            Blueskyが「○○の画像は非表示にする」「○○の話題は非表示にする」といった独自の基準でコンテンツを非表示に設定できるモデレーション機能を発表しました。各ユーザーはBluesky運営チームのモデレーションに加えて、他人のモデレーションを自分のフィードに適用して見たくないコンテンツを非表示にできます。 Bluesky’s Stackable Approach to Moderation - Bluesky https://bsky.social/about/blog/03-12-2024-stackable-moderation GitHub - bluesky-social/ozone-ui: web interface for labeling content in atproto / Bluesky https://github.com/bluesky-social/ozone-u

              Blueskyが「ユーザーがコンテンツを独自にモデレーションできる機能」を発表&モデレーションツール「Ozone」をオープンソース化
            • 朗報! CSS Flexboxの8年越しのバグがようやく修正されます

              CSS Flexboxのこのバグに悩んだ人もいると思います。 リスト要素をFlexboxで複数列に配置し、ulにborderを適用したのに、ボーダーが全体を囲まないバグが8年越しにようやく修正されます。 左: バグ、右: 期待する表示 まずは、そのバグが確認できるデモをご覧ください。 すべてのアイテムはul内のliで実装されており、CSSでulにborder: 1px solid red;を設定しています。 しかし、ボーダーはリスト全体ではなく左端の1列のみに適用されます。このバグは現在、Chrome, Safari, Firefoxで確認できます。 参考: Issue 507397 ※上記ではEdge(non chromium version)は期待通りに表示されるとあり、Edge 115(chromium version)ではバグで表示されます。 See the Pen "flex-f

                朗報! CSS Flexboxの8年越しのバグがようやく修正されます
              • Twitter代替アプリとして注目集める「Threads」の週間アクティブユーザーはすでにTwitterの5分の1に到達

                FacebookやInstagramの開発元であるMetaがTwitterの代替アプリとしてリリースした「Threads」は、リリースからわずか1日で新規登録者数が3000万人を突破するなど好調な出だしを切っています。そんなThreadsについて、アプリ調査企業のdata.aiが「世界最速で1億5000万回ダウンロードを達成し、週間アクティブユーザー数もすでに1億人に到達している」というデータを公開しました。 Meta’s Threads Crosses 150M Downloads Worldwide after Seeing Nearly 100M Active Users in First Three Days https://www.data.ai/en/insights/market-data/threads-crosses-150m-downloads/ Instagram T

                  Twitter代替アプリとして注目集める「Threads」の週間アクティブユーザーはすでにTwitterの5分の1に到達
                • 知っておくと便利! CSSだけで要素がスクロールできるかどうかを検出する方法

                  CSSだけで要素がスクロールできるかどうかを検出する方法を紹介します。 先日紹介したスクロール駆動アニメーション(Scroll-Driven Animations)はスクロール可能なオーバーフローがある場合にのみアクティブになるため、要素がスクロール可能かも検出することができます。 Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not by Bramus! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSで要素がスクロールできるかどうかを検出する アクティブと非アクティブなスクロール駆動アニメーション CSSの変数を追加して、スクロール検出機能を作成 実装でより使いやすくする 実装例 はじめに スクロール駆動ア

                    知っておくと便利! CSSだけで要素がスクロールできるかどうかを検出する方法
                  • OpenAI、予め自分の設定をChatGPTに覚えておいてもらえる「カスタム指示」機能を追加

                    米OpenAIは7月20日(現地時間)、ChatGPTに「custom instructions」(カスタム指示)機能を導入したと発表した。同日からPlusプランのベータ版で利用可能になっている。今後数週間以内に全ユーザーに展開される見込みだ。カスタム指示を有効にすると、ChatGPTがレスポンスを生成する際に考慮すべきユーザーの希望や要件を記憶しておくことができる。 例えば小学3年生に理科を教えている教師はこれまで、授業計画を作成するたびに自分が「小学3年生向けの理科教育プログラムに取り組んでいます」と宣言する必要があったが、カスタム指示のコーナーで一度入力しておけば、その後はChatGPTがカスタム指示の内容を前提に答えてくれるようになる。 OpenAIはこの他、Python以外の言語での効率的なコードが好みであることや、自分が6人家族であることなどをカスタム指示に保存する例を挙げた。

                      OpenAI、予め自分の設定をChatGPTに覚えておいてもらえる「カスタム指示」機能を追加
                    • アップル、「iOS 17.2」でサイドローディングに対応か

                      「Android」ユーザーは非常に長い間、アプリをサイドローディングしてきた。サイドローディングとは、例えば「Google Play」ストアなどの純正アプリストアを経由せずに、サードパーティー製アプリをインストールすることだ。 残念ながら、この機能は問題を引き起こしてきた。サードパーティーによるアプリストアでは、悪意のあるコードを含むアプリが配信されていることがあるからだ。問題が深刻化したため、Googleはサードパーティーアプリのインストールを完全には制限していないものの、ユーザーがセキュリティ設定を無効にしない限り、通常は「Google Play」ストア以外からアプリをインストールすることはできない。 「設定」>「アプリと通知」>「詳細設定」>「特別なアプリアクセス」>「不明なアプリのインストール」でこの機能を有効にできるが、インストールしたいアプリが100%安全だという確信がない限り

                        アップル、「iOS 17.2」でサイドローディングに対応か
                      • UIデザインに最適! 文字サイズが小さくてもくっきりと美しいフリーフォント「Inter」が待望のバージョンアップ

                        2017年にリリースされて以来、UIデザインをはじめ、ロゴやグラフィックデザインなど幅広い用途向けに設計されたフリーフォント「Inter」が2年振りにバージョンアップされて、最新版「Inter 4」が公開されました。 Inter 4は文字サイズが小さくてもくっきりと美しく、綺麗に表示されるようデザインされているのが大きな特徴で、字形にはコントラストを強調するディテールが備わっています。また、大きいサイズでもその美しいラインと滑らかな曲線、繊細なディテールは優れたリズムを実現します。 「0」と「O」を区別する必要がある場合のスラッシュゼロ、下付き数字の化学式(H2Oなど)、文字幅が揃った数字など、多くのOpenType機能も利用できます。 Inter font family Inter -GitHub Inter 4の特徴 Inter 4のダウンロード Inter 4のウェイトとグリフ In

                          UIデザインに最適! 文字サイズが小さくてもくっきりと美しいフリーフォント「Inter」が待望のバージョンアップ
                        • input[type=checkbox] 要素に switch 属性を指定することによる HTML 標準のスイッチ UI の提案

                          input[type=checkbox] 要素に switch 属性を指定することによる HTML 標準のスイッチ UI の提案 2023.12.23 スイッチは多くのウェブサイトで使われているものの、HTML の標準要素としては存在していませんでした。そのため多くの開発者は、スイッチを実装するために独自の実装を行っていましたが、このような独自の実装はアクセシビリティの問題を引き起こす可能性がありました。この問題を解決するために、WHATWG により `input[type="checkbox"]` 要素に `switch` 属性を追加することが提案されました。この属性を指定することで、チェックボックスをスイッチとして利用できます。 input 要素の switch 属性は 2023 年 12 月現在実験的に実装されている機能です。将来的に仕様が変更される可能性があります。 スイッチ とは

                            input[type=checkbox] 要素に switch 属性を指定することによる HTML 標準のスイッチ UI の提案
                          • 動画作成アプリ「Google Vids」発表、AIで仕事用の動画を作れる

                              動画作成アプリ「Google Vids」発表、AIで仕事用の動画を作れる
                            • CSSでライトモードとダークモードのスタイルを簡単に定義できる、新しい関数「light-dark()」が便利すぎる!

                              CSS Color Module Level 5に追加された新しい関数light-dark()を使用すると、ライトモードとダークモードのスタイルを簡単に定義できるようになります。 下記のようにlight-dark(#333, #ccc)と記述すると、テキストのカラーにライトモードでは#333が、ダークモードでは#cccが適用されます。 Easy Light-Dark Mode Color Switching with light-dark() by Bramus! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ライトモードまたはダークモードへの対応 light-dark()関数によるライトモードとダークモードの対応 <color>値以外への対応は? light-dark()関数のブラウザサポート light-dark

                                CSSでライトモードとダークモードのスタイルを簡単に定義できる、新しい関数「light-dark()」が便利すぎる!
                              • 2023 CSS

                                2023年に使えるようになったCSSでレイアウトや表現について紹介します。

                                  2023 CSS
                                • スムーススクロールの実装例 | TAKLOG

                                  html要素にscroll-behavior:smoothを指定するだけのコストの低さ、それでいて従来のアンカーリンクの機能を損ねないことから「スムーススクロールはCSSのみで十分」といった技術記事やポストが多く広まっています。 ただ、そういった技術記事やポストは「CSSのみで対応できる」「ワンライナーで実装できる」と言ったコストの低さばかりが先行していて、肝心のデメリットには触れていません。 実際、CSSのスムーススクロールには多くの問題点が孕んでいます。 全てのページ内リンクがスムーススクロールされるCSSのscroll-behavior:smoothを使用すると、ページ内の全てのアンカーリンクがスムーススクロールの対象となります。そのため、限定的にスムーススクロールを無効化したいと言った場合は別途JSでの対応が必要となります。 僕のブログではJS無効環境のフォールバックとしてhidd

                                    スムーススクロールの実装例 | TAKLOG
                                  • SCSSからCSSネスティングに切り替えたい人に贈る3つの罠 - Qiita

                                    今年も残すところあと1月を切り、CSSもこの1年でさらに進化を遂げましたね。 CSSは普段、SCSSを使ってコーディングしている方も多いますが、 CSSの進化により、SCSS不要論も今年チラチラ見られるようになりました。 本当にSCSSがなくても問題ないのか、新しいCSSネストについて調べてみました。 CSSネストの基本 まずはCSSネストがなんなのかというおさらいをしておきましょう。 2つのクラスparentとchildがあり、parentより子の階層にchildクラスが含まれているときだけスタイルづけしたい時、普通のCSSだとこのように書きます。 .parent { min-height: 100dvh; width: 100%; } .parent .child { background: white; }

                                      SCSSからCSSネスティングに切り替えたい人に贈る3つの罠 - Qiita
                                    • MetaのThreads、Mastodonなどと相互運用可能に ActivityPubプロトコル採用で

                                      公式ブログによると、ThreadsはW3Cが確立したオープンソーシャルネットワークプロトコル「ActivityPub」と互換性を持たせる予定という。そうなれば、同じプロトコルをサポートするMastodonやWordPressと相互運用できるようになる。 「我々のビジョンは、互換性のあるアプリを使う人々がThreadsのアカウントなしでもThreads上の人々をフォローしたり交流でき、その逆も可能になることだ」としている。 Mastodonのオイゲン・ロチコCEOは同日、Threadsは分散型ソーシャルWebの一部になろうとしているが、Threadsとの通信を許可するかどうかはMastodonの各サーバーの運営者が決定することだと説明した。 「ユーザーがプラットフォームを乗り換えようとするときの最大の障害は、そのプラットフォームでのソーシャルグラフを放棄しなければならないことだ。(Threa

                                        MetaのThreads、Mastodonなどと相互運用可能に ActivityPubプロトコル採用で
                                      • 朗報! これでCSSネストの記述方法がより簡単になります

                                        2023年、CSSにもたくさんの新機能がブラウザに実装されました。そのうちの一つがCSSネストで、現在ではChrome, Edge, Safari, Firefoxの主要ブラウザにサポートされています。 来週リリース予定のChrome 120で、CSSネストがより分かりやすい構文もサポートされ、記述方法が簡単になるので紹介します。 CSS nesting relaxed syntax update by Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに 要素タグのネスト このネストを可能にするために何が変更されたのか はじめに CSSのネストは、2023年3月にリリースされたChrome 112でサポートされ、現在では主要な各ブラウザでサポートされています。

                                          朗報! これでCSSネストの記述方法がより簡単になります
                                        • MetaのTwitter対抗サービス「Threads」。6日登場予定

                                            MetaのTwitter対抗サービス「Threads」。6日登場予定
                                          • 「最もAIに奪われているフリーランスの仕事」は何なのかデータを基に分析した結果とは?

                                            AIの発達はさまざまな分野で人間の生活を快適にしてくれますが、その一方で「人間の仕事がAIに奪われてしまうのではないか」という懸念が浮上しています。労働市場分析企業のBloomberryが、世界最大級のフリーランスプラットフォームであるUpworkのデータを基にして、「ChatGPTなどの生成AIが登場したことで悪影響を受けた仕事」について分析しています。 The jobs being replaced by AI - an analysis of 5M freelancing jobs - bloomberry https://bloomberry.com/i-analyzed-5m-freelancing-jobs-to-see-what-jobs-are-being-replaced-by-ai/ Bloomberryは、ChatGPTがリリースされる1カ月前の2022年11月1日か

                                              「最もAIに奪われているフリーランスの仕事」は何なのかデータを基に分析した結果とは?
                                            • Webフレームワーク「Astro」を便利に使う~環境のカスタマイズとAstro 4.3までの新機能まとめ~

                                              CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

                                                Webフレームワーク「Astro」を便利に使う~環境のカスタマイズとAstro 4.3までの新機能まとめ~
                                              • 生成AIでWebサイト制作を8週間→3週間に短縮 ベネッセ、業務効率化でコスト4割減に成功

                                                ベネッセホールディングスは10月27日、生成AIとノーコードツールの導入により、Web制作業務の効率化に成功したと発表した。「進研ゼミ 中学講座」のWebサイト制作する際、従来かかったコストが4割減、制作期間は8週間から3週間へ短縮できたという。2024年4月以降には既存のWeb業務プロセスを全面的に改革し、生産性の向上を図る。 ベネッセは7月から、進研ゼミのWebサイト制作・運用業務に生成AIとノーコードツールを導入するPoCを実施。これまで多くの工数が発生していた作業を、生成AIを活用することで効率化できるか検証した。3カ月の検証結果で、業務プロセスを抜本的に改革することに成功し、11月から新体制での制作・運用へ段階的に移行する。 生成AIによる効率化の例には、ライティング業務の自動化がある。紙のダイレクトメール用に作ったコピーを流用するのではなく、「Webに最適なコピー」を生成するA

                                                  生成AIでWebサイト制作を8週間→3週間に短縮 ベネッセ、業務効率化でコスト4割減に成功
                                                • X(旧Twitter)のマスクCTO、メディア記事の自動投稿をリンク付き画像だけの表示にする計画

                                                  米X(旧Twitter)のオーナー、イーロン・マスクCTO(最高技術責任者)は8月21日の夜(現地時間)、メディアが自動投稿する記事のリンクをタイムラインに表示する方法を変更し、見出しや概要などのテキストなしの、リンク付き画像のみにする計画を認めるポスト(旧ツイート)を投稿した。 Xの公式アカウントではないが、これまで同社の新機能などをポストしてきたアカウントX News Dailyのポストにリプライする形で認めた。変更の理由は「見た目を大幅に改善できる」としている。 具体的にどのような表示になるのかはまだ不明だ。この件をスクープした米Fortuneのカイリー・ロビンソン記者の予想に基づくと、アイティメディアの記事ポストは以下のようになる(左が現在の表示、右は予想図)。画像をクリック(タップ)すると記事に飛ぶことはできる。

                                                    X(旧Twitter)のマスクCTO、メディア記事の自動投稿をリンク付き画像だけの表示にする計画
                                                  • モリサワ、100の「写研フォント」提供へ 24年秋にまず43フォント投入 ゴナ・ナール・石井明朝など

                                                    フォント大手のモリサワは2月13日、2021年に発表した、写研が保有する書体のOpenTypeフォント開発プロジェクトにおいて、今後数年内に合計100フォントをリリースすると発表した。この計画は、邦文写真植字機発明100周年を記念したもので、24年秋には計43フォントを、サブスクリプションサービス「Morisawa Fonts」にて提供予定だ。 24年に提供する43フォントは、「石井明朝」「石井明朝オールドスタイルかな」「石井ゴシック」の13フォントと、写研の見出し書体群を「写研クラシックス」としてOpenType化した30フォントで構成。25年以降も順次提供予定としている。 写研クラシックスは、多種多様な見出し書体群を、写植全盛期のデザインそのままに使えるフォントとして提供。写研から提供を受けたアウトラインデータに加え、不足文字の作成、文字セットなどの仕様の整理を行っている。見出し利用に

                                                      モリサワ、100の「写研フォント」提供へ 24年秋にまず43フォント投入 ゴナ・ナール・石井明朝など
                                                    • TailwindCSSを使いたい理由

                                                      はじめに TailwindCSSはJITモードが搭載されてからずっと使っています。 私自身、Tailwindを使うことで大幅に実装効率があがっているので、私なりのTailwindを使いたい理由を書いてみたいとおもいます。 と、そのまえに、、、 TailwindCSSを使うには学習が必要です 例えばシンプルな角丸のボタンです。 <button class="rounded border border-sky-400 text-white font-bold px-2 py-1 bg-sky-300 disabled:border-gray-300 disabled:bg-gray-300 disabled:text-gray-100">ボタン</button> <button class="○△□×○△□×○△□×○△□×○△□×○△□×○△□×○△□×○△□×○△□×○△□×○△□×○△□

                                                        TailwindCSSを使いたい理由
                                                      • 外国人から見た名前入力に関するBADなUIデザイン|CULUMU / インクルーシブデザインスタジオ

                                                        こんにちは!ゲストライターのトゥクです。 前回は、連載最初の記事として私の大学の学部卒業制作研究をもとにデザインとの向き合い方について、ご紹介いただきました。 私の紹介記事に関してはこちらをご覧ください。 そして今回からは私自身や家族、友人が外国人として日本に住む中で感じていることや、出来事についてご紹介していきます。 この連載では、外国人視点から日本に住む上で感じたこと、気づき、出来事を通して、読者の皆さんに新たな視点や発見を届けたいと思います。そして社会におけるマジョリティやマイノリティに関係なく、全ての人にとって良いデザインについて共に議論できると嬉しいです。 外国語名を日本語名のフォーマットに当てはめるって難しい!今回私が紹介するのは「外国語名を日本語名のフォーマットに当てはめること」の難しさと、具体的に私が出会ったBADなUIデザインについてです。 役所や病院、インターネットの個

                                                          外国人から見た名前入力に関するBADなUIデザイン|CULUMU / インクルーシブデザインスタジオ
                                                        • Googleの「.zip」ドメインに懸念の声 ~フィッシングに悪用されかねない問題/値下げ中で悪い人たちも注目【やじうまの杜】

                                                            Googleの「.zip」ドメインに懸念の声 ~フィッシングに悪用されかねない問題/値下げ中で悪い人たちも注目【やじうまの杜】
                                                          • えっ!?まだ色の指定でrgba()関数を使っているの!? | TAKLOG

                                                            最近次のようなポストをしましたが、主に不透明度を伴う色の指定に現在でもrgba()関数を使用している方が多い印象です。 ポストを別枠で表示する 今年に投稿されているCSSの技術記事でもrgba()関数を使用したサンプルコードが散見されますが、現在rgba()関数はレガシーな指定とされています。 rgba()関数使っている人、全員時代に取り残されています過去のCSSでは色を指定する方法の一つとしてrgba()関数が使用されてきました。この関数はRGB値とアルファ値(不透明度)を組み合わせて色を表現するために用いられます。

                                                              えっ!?まだ色の指定でrgba()関数を使っているの!? | TAKLOG
                                                            • VSCodeへ「Hey Code!」と呼びかけ、Copilot Chatが起動する新機能。2024年1月のアップデート

                                                              VSCodeへ「Hey Code!」と呼びかけ、Copilot Chatが起動する新機能。2024年1月のアップデート コードエディタのVisual Studio Code(以下、VSCode)は2024年1月のアップデートで、「Hey Code!」と音声で呼びかけると、Copilot Chatが起動する新機能が追加されたことが明らかになりました。 The January release of @code is here! Check out what's new: Per-window zoom levels "Hey Code" voice command Triggered breakpoints ... & much more! Release notes: https://t.co/ourbLiwakw Download: https://t.co/1CSkQpMbwd pic.

                                                                VSCodeへ「Hey Code!」と呼びかけ、Copilot Chatが起動する新機能。2024年1月のアップデート
                                                              • AppleがiOSからPWAのサポートを削除したことを認める、デジタル市場法への対応で影響はEU圏のユーザーに限定

                                                                iOSでは「プログレッシブウェブアプリ」(PWA)と呼ばれる技術を用いることでウェブサイトをiPhoneのホーム画面に追加したり通知を受信したりできます。ところが、2024年3月に正式展開される予定のiOS 17.4のベータ版では、EU圏のユーザーを対象にPWAが削除されていることが判明しています。これについてAppleが、EUのデジタル市場法(DMA)に準拠するためPWAを削除したと公式に認めました。 Apple confirms iOS 17.4 removes Home Screen web apps in the EU, here’s why - 9to5Mac https://9to5mac.com/2024/02/15/ios-17-4-web-apps-european-union/ Apple confirms it’s breaking iPhone web apps i

                                                                  AppleがiOSからPWAのサポートを削除したことを認める、デジタル市場法への対応で影響はEU圏のユーザーに限定
                                                                • NginxをフォークしたFreeNginxが早くも「FreeNginx 1.25.4」正式版をリリース。Windows版とLinux版のバイナリも公開

                                                                  NginxをフォークしたFreeNginxは、FreeNginxを名乗る最初のバージョンとして「FreeNginx 1.25.4」正式版を公開しました。Windows版とLinux版のバイナリも提供されています。 FreeNginx 1.25.4は、FreeNginxへの名称変更と同時にフォーク直前のNginx 1.25.3からいくつかのバグフィクスが行われています。 ほぼ同時にNginxからも同バージョンとなるNginx 1.25.4がリリースされており、こちらもCVE-2024-24989、CVE-2024-24990の2つの脆弱性の修正を中心としたバグフィクス版です。そしてNginxとFreeNginxのそれぞれのリリースノートを見る限り、どちらもほぼ同じ修正内容となっているため、バージョン1.25.4においては両者はほぼ同一のものと見られます。 今後FreeNginxがNginxと

                                                                    NginxをフォークしたFreeNginxが早くも「FreeNginx 1.25.4」正式版をリリース。Windows版とLinux版のバイナリも公開
                                                                  • CSSで実装できるのか! iPhone 15 Proのページで見かけたスクロール駆動のダイナミックアイランドを実装するテクニック

                                                                    先週発表されたiPhone 15のWebページに、面白い仕掛けが実装されていました。Appleは新製品のページにはスクロール駆動のアニメーションを多数取り入れており、今回のはスクロール駆動のダイナミックアイランドです。 このスクロール駆動のダイナミックアイランドをCSSで実装するテクニックを紹介します。下記のアニメーションは少しゆっくりめにしています。 ダイナミックアイランド(Dynamic Island)とは、iPhone 14 Proで実装された機能で、カメラのパンチホール部分のスペースを利用して実行しているアプリのアクティビティを表示します。サイズはアプリごとに最適化されます。 参考: iPhone 14 ProのDynamic Islandの使い方 | Appleサポート で、今回のiPhone 15 Proのページにスクロール駆動のダイナミックアイランドが多数実装されています。コ

                                                                      CSSで実装できるのか! iPhone 15 Proのページで見かけたスクロール駆動のダイナミックアイランドを実装するテクニック
                                                                    • Google、休眠アカウントの削除を目的としたメール案内を対象アカウントへ発送開始【やじうまWatch】

                                                                        Google、休眠アカウントの削除を目的としたメール案内を対象アカウントへ発送開始【やじうまWatch】
                                                                      • 丸ゴシックなピクセルフォントの決定版? 無料で商用も可能な「マルミーニャ」/第2水準漢字、ゲームパッドまでをカバーした充実の収録文字。ゲーム制作にピッタリ【レビュー】

                                                                          丸ゴシックなピクセルフォントの決定版? 無料で商用も可能な「マルミーニャ」/第2水準漢字、ゲームパッドまでをカバーした充実の収録文字。ゲーム制作にピッタリ【レビュー】
                                                                        • HTML・CSSでつくるおしゃれなボタンのデザイン35選

                                                                          × �ٴ�YU 交差する枠線 デザイン調整HTMLをコピペCSSをコピペ完了

                                                                          • margin-inline:autoを使おう。margin-left:autoとmargin-right:autoを書くのが面倒なあなたへ

                                                                            margin-inline:autoを使おう。margin-left:autoとmargin-right:autoを書くのが面倒なあなたへ

                                                                              margin-inline:autoを使おう。margin-left:autoとmargin-right:autoを書くのが面倒なあなたへ
                                                                            • 「Google スプレッドシート」にプロンプトで高機能なテンプレートを生成する機能が追加/ジェネレーティブAI「Duet AI」で情報整理が効率化

                                                                                「Google スプレッドシート」にプロンプトで高機能なテンプレートを生成する機能が追加/ジェネレーティブAI「Duet AI」で情報整理が効率化
                                                                              • 「404 Not Found」ページに悪意のあるコードを埋め込むサイバー攻撃が発見される【やじうまWatch】

                                                                                  「404 Not Found」ページに悪意のあるコードを埋め込むサイバー攻撃が発見される【やじうまWatch】
                                                                                • Chrome 123で、divなどのブロック要素で垂直方向の中央にalign-contentプロパティで配置できるようになります

                                                                                  間もなくリリースされるChrome 123(リリース情報)で、ブロックやテーブルレイアウトでのalign-contentプロパティがサポートされます。 これにより、div要素内に簡単に垂直方向の中央に配置できるのは嬉しいニュースです。しかし、既存サイトでalign-contentプロパティをflexやgridコンテナ以外に使用している場合、Chrome 122までは何もしませんでしたが、Chrome 123以降は適用されて異なるレイアウトになってしまう可能性があります。 これは同様に間もなくリリースされるSafari 17.4にも適用されます。 Support for align-content in block and table layouts by Rachel Andrew 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、

                                                                                    Chrome 123で、divなどのブロック要素で垂直方向の中央にalign-contentプロパティで配置できるようになります