並び順

ブックマーク数

期間指定

  • から
  • まで

161 - 200 件 / 2366件

新着順 人気順

*WEBの検索結果161 - 200 件 / 2366件

  • Monaspace

    Since the earliest days of the teletype machine, code has been set in monospaced type — letters, on a grid. Monaspace is a new type system that advances the state of the art for the display of code on screen. Every advancement in the technology of computing has been accompanied by advancements to the display and editing of code. CRTs made screen editors possible. The advent of graphical user inter

      Monaspace
    • GitHub、Copilotの将来像となる「Copilot Workspace」発表。人間がコードを書くことなく、Copilotが仕様作成からコード作成、デバッグまで実行。GitHub Universe 2023

      GitHub、Copilotの将来像となる「Copilot Workspace」発表。人間がコードを書くことなく、Copilotが仕様作成からコード作成、デバッグまで実行。GitHub Universe 2023 GitHubの年次イベント「GitHub Universe 2023」が米サンフランシスコで開幕。同社CEOのThomas Dohmke(トーマス・ドムケ)氏は1日目の基調講演の最後に、GitHub Copilotの将来像となる「Copilot Workspace」を発表しました。 Copilot Workspaceは、人間が書いたIssueを起点にCopilotがIssueに対応した仕様を書き、実装計画を示し、それに沿ってコーディングや既存のコードの修正を行い、ビルドをしてエラーがあれば修正まで行うという、コーディングのほとんど全ての工程をCopilotが自動的に実行してくれる

        GitHub、Copilotの将来像となる「Copilot Workspace」発表。人間がコードを書くことなく、Copilotが仕様作成からコード作成、デバッグまで実行。GitHub Universe 2023
      • Tailwind CSSをカオスにしないための5つのベストプラクティス(翻訳)|TechRacho by BPS株式会社

        概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: 5 best practices for preventing chaos in Tailwind CSS—Martian Chronicles, Evil Martians’ team blog 原文公開日: 2023/10/10 原著者: Nina Torgunakova(フロントエンドエンジニア)、Travis Turner(技術編集者) サイト: Evil Martians -- ニューヨークやロシアを中心に拠点を構えるRuby on Rails開発会社です。良質のブログ記事を多数公開し、多くのgemのスポンサーでもあります。 日本語ブログ: 合同会社イービルマーシャンズ - Qiita 章立てや強調の一部は原文から変更しています。 参考: Tailwind CSS - Rapidly build modern webs

          Tailwind CSSをカオスにしないための5つのベストプラクティス(翻訳)|TechRacho by BPS株式会社
        • Rust製ブラウザエンジンの「Servo」、アプリに組み込み可能なクロスプラットフォーム対応WebView化を目指す。Electron代替を目指す「Tauri」への組み込み実現へ

          Rust製ブラウザエンジンの「Servo」、アプリに組み込み可能なクロスプラットフォーム対応WebView化を目指す。Electron代替を目指す「Tauri」への組み込み実現へ Rust製のWebブラウザエンジンとして開発が進められている「Servo」は、Servoをアプリケーションに組み込み可能なクロスプラットフォーム対応WebVeiwとする方向で開発を進め、それをアプリケーションフレームワークのTauriと協力してTauriがサポートする予定であることを発表しました。 TauriはElectronの代替を目指す、Web技術を用いてアプリケーションを開発するためのフレームワークです。 参考:Electron代替を目指すRust製フレームワーク「Tauri」がバージョン1.0に到達、Windows/Mac/Linuxに対応 現在のTauriは、UIのレンダリングエンジンとして、Windo

            Rust製ブラウザエンジンの「Servo」、アプリに組み込み可能なクロスプラットフォーム対応WebView化を目指す。Electron代替を目指す「Tauri」への組み込み実現へ
          • Google, Yahoo の Sender Guidelines について | IIJ Engineers Blog

            2015 年新卒入社。途中、2年ほど IIJ Europe に出向経験もあるが SMX の中の人として長年スパムメールと奮闘中。M3AAWG, JPAAWG にも参加し始め、メッセージングエンジニアとして頑張ってます。最近の趣味はぶらり都バス旅。 メール送信者のガイドライン – Google More Secure, Less Spam: Enforcing Email Standards for a Better Experience – Yahoo! 2023年10月初旬、Google と米国 Yahoo! からとある衝撃的な発表があった。 要約すると、送信ドメイン認証に対応していないメールは受け取らない という内容である。 送信ドメイン認証(SPF, DKIM, DMARC) の普及や活用については世界各国で議論がされており、特に DMARC については RFC 公開されて今年で 8

              Google, Yahoo の Sender Guidelines について | IIJ Engineers Blog
            • 「Visual Studio Code」2023年10月更新 ~UIの柔軟性がさらに向上、編集に集中できる/Windows/macOS/Linuxで動作するフリーの高機能コードエディター

                「Visual Studio Code」2023年10月更新 ~UIの柔軟性がさらに向上、編集に集中できる/Windows/macOS/Linuxで動作するフリーの高機能コードエディター
              • ChromeがHTTPSに優先アクセスする307リダイレクトをHSTS関係なくやるようになった - Code Day's Night

                2023年11月1日の時点の情報です。 先にまとめを書きます。興味があれば詳細もどうぞ。 まとめ 10月16日のChrome 118からHTTPS ファーストモードがデフォルトでオンに 条件によってHTTPS Upgradeが働いてhttpのサイトにアクセスするとhttpsに優先的にアクセスさせる挙動(Chromeが内部で擬似的に307リダイレクトを返してhttpsに誘導) HSTSサイトではないhttpサイトでもこの挙動となるケースがある httpsにアクセスできない場合やレスポンスに3秒以上かかる場合はフォールバックでhttpに誘導(Chromeが内部で擬似的に307リダイレクトを返して元のhttpに誘導) 詳細 条件 307で擬似的にリダイレクトする条件は、いくつかあるようです。把握しているものを列挙します。 HSTSサイト(HSTSヘッダ指定、Preloadリストのサイト) HST

                  ChromeがHTTPSに優先アクセスする307リダイレクトをHSTS関係なくやるようになった - Code Day's Night
                • Web制作者は要チェック! Chrome 119で追加された、疑似クラス、相対カラー構文など4つの新しいCSSの機能

                  New in Chrome 119 Chrome 119 beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 Chrome 119で追加された4つの新しいCSSの機能 CSSの疑似クラス「:user-valid」「:user-invalid」 CSSの相対カラー構文(RCS) CSSのclip-pathで「geometry-box」値 CSSのclip-pathで「xywh()」と「rect()」値 Chrome 119で追加された4つの新しいCSSの機能 11/1にリリースされたChrome 119で4つの新しいCSSの機能が追加されました。対象となるChrome 119は、Android、ChromeOS、Linux、macOS、Windowsに適用されます。 以下、その4つの新

                    Web制作者は要チェック! Chrome 119で追加された、疑似クラス、相対カラー構文など4つの新しいCSSの機能
                  • 大規模言語モデル「Phind」がコーディングにおいてGPT-4を上回る

                    生成AIを用いた開発者向けの検索エンジン「Phind」が、コーディング能力でOpenAIのGPT-4を上回ったことが明らかになりました。 Phind - AI Search Engine and Pair Programmer https://www.phind.com/blog/phind-model-beats-gpt4-fast Our GPT-4-beating coding model is now the default on https://t.co/epkoFW8Ozz. It's also 5x faster than GPT-4. Learn more in our blog post: https://t.co/PrOFETEbvd— Phind (@phindsearch) PhindはもともとHello Cognition(beta.sayhello.so)として

                      大規模言語モデル「Phind」がコーディングにおいてGPT-4を上回る
                    • Google Chrome、全ユーザーに対しHTTPからHTTPSへ自動変更

                      Bleeping Computerは10月30日(米国時間)、「Google Chrome now auto-upgrades to secure connections for all users」において、GoogleがすべてのChromeユーザーに対し、HTTPリクエストを自動的にHTTPSリクエストに変更する「HTTPSアップグレード」を開始したと報じた。Googleはこれまでにも同機能を限定的に展開していたが、2023年10月16日に安定版のすべてのユーザーが対象になったという。 Google Chrome now auto-upgrades to secure connections for all users 歴史的に、ブラウザはHTTPSをサポートするサイトにおいて安全ではないHTTPリクエストを行うことがある。Google Chromeでは、次のような条件でHTTPリソー

                        Google Chrome、全ユーザーに対しHTTPからHTTPSへ自動変更
                      • 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()」が便利すぎる!
                        • Xで「コミュニティノート」のついたポストは収益分配の対象外になるとマスクCTO

                          米X(旧Twitter)のオーナー、イーロン・マスクCTO(最高技術責任者)は10月29日(現地時間)、「コミュニティノート」による修正が付いたポスト(旧ツイート)は収益分配の対象外になるとツイートした。 コミュニティノートは、2021年1月に米国で「Birdwatch」としてパイロット版がスタートしたクラウドソーシングの偽情報拡散防止対策。誤解を招く可能性のあるツイートに寄稿者として参加した一般ユーザーが背景情報を説明するnote(以下、ノート)を付け、そのノートを他の多数のユーザーが評価すれば、ツイートにノートがラベルのように表示されるという仕組みだ。 マスク氏はこの決定の理由を「センセーショナリズムよりも正確さへのインセンティブを最大限に高める」ためとしている。 また、コミュニティノートのコードとデータはオープンソースなので、ノートを武器にしてクリエイターの収益を減らそうとすればすぐ

                            Xで「コミュニティノート」のついたポストは収益分配の対象外になるとマスクCTO
                          • iOS17、非公開アプリがiPhoneで動作!すでにサイドローディングに対応か - iPhone Mania

                            iOS17以降のiPhoneでは、App Storeで公開されていないアプリの情報をAirDropで共有するとアプリをインストールできることから、「サイドローディング」が可能になっているようだ、とアプリ開発者が報告しています。欧州や日本で、App Store以外からのアプリ入手方法の提供を義務付ける流れに対応したものと考えられます。 ■3行で分かる、この記事のポイント 1. 公開されていないアプリをiPhoneにインストールできたと開発者が報告。 2. iOS17以降で、非公開のアプリをインストール可能となっている模様。 3. 欧州で義務化されるサイドローディングへの対応とみられる。 App Storeにないアプリをインストール可能 正式版が公開されたばかりのiOS17.1と、先日開発者向けベータが公開されたiOS17.2、iOS17.0.3で、IPA(iOS向けアプリパッケージ)ファイル

                              iOS17、非公開アプリがiPhoneで動作!すでにサイドローディングに対応か - iPhone Mania
                            • 生成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割減に成功
                              • iPhone全モデルと2020年以降のMacからパスワードやメールを盗み出す「iLeakage」が報告される、実際に動作するデモ映像もあり

                                すべてのiPhoneおよびiPadや2020年以降に登場したApple Silicon搭載Macが対象となる攻撃手法「iLeakage」がジョージア工科大学の研究チームによって発見されました。iLeakageを悪用するウェブサイトにアクセスした場合、ウェブサービスのパスワードやメールなどの情報を盗み出されてしまいます。 iLeakage https://ileakage.com/ iLeakageは必要になる可能性のある処理を事前に行うことでCPU性能の向上を図る技術「投機的実行」を悪用するタイプの攻撃で、iPhoneやiPadに搭載されているAシリーズチップおよびMacや一部のiPadに搭載されてるMシリーズチップに対して有効です。このため、すべてのiPhoneおよびiPadと2020年以降に登場したMacはiLeakageによる攻撃の対象となり得ます。 iLeakageは「ウェブサイト

                                  iPhone全モデルと2020年以降のMacからパスワードやメールを盗み出す「iLeakage」が報告される、実際に動作するデモ映像もあり
                                • これでもうUIデザイン用の高品質なSVGアイコンに困らない! 商用利用無料、改変も自由な太っ腹ライセンス -blendicons

                                  WebサイトやスマホアプリのさまざまなUIデザインにぴったりな、シンプルなソリッド・ベタ塗りからおしゃれなカラーまで揃ったSVGアイコンが完全無料で利用できるblendiconsを紹介します。 アイコンはなんと、200,000個以上! ベーシックなUIをはじめ、ショッピングサイト、タッチジャスチャー、日用品や家具、飲食物、スポーツ、ミュージックなど、多種多様なアイコンが揃っています。 blendicons Blendiconsはデザイナーやデベロッパーが容易に必要なアイコンを手に入れられるように、200,000個以上の高品質なアイコンを作成し、ダウンロードできるようにしたサイトです。 アイコンの利用にあたっては個人でも商用でも無料で、Webサイトやスマホアプリをはじめ、プレゼンや印刷物などあらゆる用途に利用できます。アイコンをカスタマイズして利用することもOKです。ただし、アイコン素材をそ

                                    これでもうUIデザイン用の高品質なSVGアイコンに困らない! 商用利用無料、改変も自由な太っ腹ライセンス -blendicons
                                  • Gmailのメール認証規制強化への対応って終わってますか? - エムスリーテックブログ

                                    こんにちは。エムスリー・QLife(エムスリーのグループ会社)・エムスリーヘルスデザイン(エムスリーのグループ会社)でエンジニアとして各種作業に関わっている山本です! 以前もメール送信の話を書かせていただいたことがありますが、今回もまたメールネタとなります。今回のお題はメールセキュリティです。 大量メール送信のための予備知識 - エムスリーテックブログ すでにご覧になった方もいるかと思いますが、次のようなニュースが流れています。 www.proofpoint.com この「GoogleとYahooの新Eメール認証要件」ってつまりどういうことよ? というところを具体的にどのように進めているかについて書かせていただきたいと思います。 2023/12/18追記 : Googleからメール送信にTLSを使うことが追加要件として示されました。 TL;DR とりあえず何から始める? 何はともあれ実際に

                                      Gmailのメール認証規制強化への対応って終わってますか? - エムスリーテックブログ
                                    • Chrome、IPアドレスを秘匿する機能を実装へ

                                        Chrome、IPアドレスを秘匿する機能を実装へ
                                      • CSSをコピペするだけで簡単に実装できる! ディズニーからインスピレーションを得た、美しいローディング

                                        :root { --hue: 210; --size: 100px; --border: 10px; --speed: 1s; --blur: var(--border); } body { background: hsl(var(--hue) 50% 8%); } .loader { width: var(--border); aspect-ratio: 1; background: white; border-radius: 50%; position: absolute; --y: calc((var(--size) * -0.5) + (var(--border) * 0.5)); transform: rotate(0deg) translateY(var(--y)); animation: spin var(--speed) infinite linear; } .loader

                                          CSSをコピペするだけで簡単に実装できる! ディズニーからインスピレーションを得た、美しいローディング
                                        • 「それは、本当に安全なんですか?」 セキュリティ専門家が「GitHub Copilot」の全社一斉導入時に考えたあれこれ

                                          「GitHub Copilot 導入時に考えたセキュリティのあれこれ」というタイトルで登壇したのは、freee株式会社のただただし氏。タイミー社主催の「GitHub Copilotで拓く開発生産性」で、「GitHub Copilot 」を全社一斉導入する際に考えるべきセキュリティリスクについて発表しました。 freee株式会社 PSIRT マネージャーのただただし氏 ただただし氏:freee株式会社のただただしと申します。 今日は、「GitHub Copilot 導入時に考えたセキュリティのあれこれ」ということで、Copilotのセキュリティリスクについて語るわけですが、考えてみたら、GitHubの中の人を前にこんなことをしゃべるのは相当大胆な話だと思います。最後にいいことで締めるのでちょっと我慢してください。 自己紹介をいたします。ただただしと申します。PSIRTという組織でマネージャー

                                            「それは、本当に安全なんですか?」 セキュリティ専門家が「GitHub Copilot」の全社一斉導入時に考えたあれこれ
                                          • 「404 Not Found」ページに悪意のあるコードを埋め込むサイバー攻撃が発見される【やじうまWatch】

                                              「404 Not Found」ページに悪意のあるコードを埋め込むサイバー攻撃が発見される【やじうまWatch】
                                            • X(旧Twitter)有料化テスト開始 新規登録&投稿するなら年1ドル「Not A Bot」 一部地域で

                                              米X(旧Twitter)は10月17日(現地時間)、投稿可能な新規アカウントに対して少額課金するプログラム「Not A Bot」のテストを、ニュージーランドとフィリピンで開始した。 読み取り専用アカウントなら無料だが、書き込みたい場合は年1米ドル相当を支払う必要がある。スパム・ボット対策のための施策としている。同社は「テストの結果を近々お知らせする」としている。 両国で作された新規アカウントはまず、電話番号認証が必要。他ユーザーのアカウントをフォローしたり、投稿を読むだけなら無料でアカウントを利用できるが、投稿やリポスト、返信などを行う場合は、現地通貨で年額1ドル相当の支払いが必要だ。 Xのオーナーであるイーロン・マスク氏は9月、ボット対策として、「Xシステム利用料を少額課金する方向に移行している」と、イスラエルのベンヤミン・ネタニヤフ首相とのライブストリーミングの対談で話していた。 関連

                                                X(旧Twitter)有料化テスト開始 新規登録&投稿するなら年1ドル「Not A Bot」 一部地域で
                                              • Vercel、生成AIへのプロンプトでWebアプリのUIを自動生成してくれる「v0」をベータ公開。Freeプランも提供

                                                Vercel、生成AIへのプロンプトでWebアプリのUIを自動生成してくれる「v0」をベータ公開。Freeプランも提供 Next.jsの開発元として知られるVerelは、生成AIに対して自然言語のプロンプトを与えることでWebアプリケーションのユーザーインターフェイスを自動生成してくれるサービス「v0」のベータ公開を発表しました。 v0を使うと、人間のWebデザイナーに「こんな画面を作って」「ここの色は青にして」「ここのフォントは大きく」などと言葉で指定するの同じような感じで生成AIに指示をして、HTMLやCSSなどのコードを書くことなくWebアプリケーション画面の生成が可能です。 Introducing v0: generate UI from simple text prompts. 5,000 waitlist invites were sent today—with over 25

                                                  Vercel、生成AIへのプロンプトでWebアプリのUIを自動生成してくれる「v0」をベータ公開。Freeプランも提供
                                                • CSSのスクロール駆動アニメーションを1回だけ実行し、終了フレームに留まらせる実装方法 -runOnce

                                                  スクロール駆動アニメーションは、ビジターがスクロールするとそれに連動して要素がアニメーションします。スクロールに連動するということは、上下に繰り返しスクロールするとアニメーションも繰り返し実行されてしまいます。 スクロール駆動アニメーションを1回だけ実行し、アニメーションの終了フレームに留まらせる実装方法を紹介します。 Run a Scroll-Driven Animation only once by Bramus! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに スクロール駆動アニメーションを1回だけ実行するコード コードの使い方 なぜ機能するのか デモ はじめに スクロール駆動アニメーション(Scroll-Driven Animations)は、スクロールによって制御されます。上下にスクロールすると、アニメーショ

                                                    CSSのスクロール駆動アニメーションを1回だけ実行し、終了フレームに留まらせる実装方法 -runOnce
                                                  • 海外で有名なデザインおしゃれなトグルボタンをコーディングしてみた

                                                    FigmaのXアカウントがおしゃれなトグルボタンを公開していて、「コーディング泣かせだ」との声を見かけたので、改めて自分でコーディングしてみようと思い書いてみました。 デザイナに作れよ!って言われれば作るよ。だってぷろだもん。https://t.co/HF6afHhfzm https://t.co/IXl7iufv7v pic.twitter.com/T4x4uV7tKX — ゆひゃ (@zaty_Akiyama) October 14, 2023 元ネタ 参考にしたのはFigmaのこのポストですが、結構有名なデザインで、最初に見たのはこのポストだと思います。 still laughing at this pic.twitter.com/Ny525aAuYH — Joie Chung (@hellojoie) April 28, 2023 このポストの一連の引用や返信を見ると、海外でもっと

                                                      海外で有名なデザインおしゃれなトグルボタンをコーディングしてみた
                                                    • ChatGPT にHTMLをプレビューさせるChrome拡張を作ってみた

                                                      chat.openai.com 上でマークアップを試行錯誤するための Chrome 拡張を試作してみた。 例えば html+preview のコードブロックを見つけるとその隣に HTML として挿入する。後述するが React Component もプレビューできる。 📎 をクリックすると展開したHTMLを画像としてクリップボードに入れることができる。 いい感じにコードを生成してくれるプロンプトのサンプル集はここに置いてる なぜ作ったか GPT-4 はそこそこ賢いコードを生成できるのだが、細かい修正は行うにはやはりプレビューしながら対話的に行う必要がある。 また、人間がその結果を言語化するより、生成されたHTMLを画像入力として修正プロンプトに使うのが精度がでる。 (備考: まだChatGPT Plus の一部ユーザーに開放されてない機能) react-component の生成: ts

                                                        ChatGPT にHTMLをプレビューさせるChrome拡張を作ってみた
                                                      • ChatGPTを利用して画面モックを爆速で作成する - Taste of Tech Topics

                                                        こんにちは、最近スマホのChatGPTアプリで、音声入出力機能を使って会話を楽しんでいる安部です。 皆さんWebアプリ開発などで、画面モックを作成しなければいけない場面は多いですよね? 適当なHTMLを作ったり、ツールで図示したりしますが、正直面倒です。 そこで今回は、ChatGPTに最初から画面モックを作ってもらいます。 最近はChatGPTに画像を添付できるようになったので手書き画像からHTMLを出力することもできますが、 この記事では画面要素を言葉で指定し、HTMLを出力してもらいます(配置などのデザインは、ひとまずChatGPTにお任せしてみます)。 では早速始めましょう。使用モデルはGPT-4です。 簡単な入力フォームを出力させる まずは、よく使いそうな簡単な入力フォームを出力してもらいます。 ここでは、「書籍を登録する画面」という設定で指示を出します。 次の画面構成の案を、HT

                                                          ChatGPTを利用して画面モックを爆速で作成する - Taste of Tech Topics
                                                        • Cloudflare Fonts試してみた

                                                          利用方法は非常に簡単で、CloudflareのWebコンソールからトグルをオンにするだけ。 オリジンの内容を変更したりなどの作業は一切不要。 サイドバーの Speed > Optimization を選択し、Content Optimization のタブの中にトグルが存在している。

                                                            Cloudflare Fonts試してみた
                                                          • Preparing for the end of third-party cookies  |  Privacy Sandbox  |  Google for Developers

                                                            Preparing for the end of third-party cookies Stay organized with collections Save and categorize content based on your preferences. If your site uses third-party cookies, it's time to take action as we approach their deprecation. To facilitate testing, Chrome has restricted third-party cookies for 1% of users from January 4th, 2024. Chrome plans to ramp up third-party cookie restrictions to 100% o

                                                            • 「Google Chrome 118」安定版リリース、CSSのスタイルルールの適用範囲を限定できる「@scope」をサポート

                                                              ウェブブラウザ「Google Chrome」の最新安定版であるバージョン118.0.5993.71がリリースされました。CSSにおいて特定範囲のみにルールを適用できる「@scope」がサポートされたほか、「scripting」と「prefers-reduced-transparency」という2つのメディア特性の追加や開発者ツールの機能向上などのアップデートが行われています。 New in Chrome 118 - Chrome for Developers https://developer.chrome.com/blog/new-in-chrome-118/ New in Chrome 118: the @scope CSS rule is here, scripting and prefers-reduced-transparency, & more! - YouTube ◆CSSで

                                                                「Google Chrome 118」安定版リリース、CSSのスタイルルールの適用範囲を限定できる「@scope」をサポート
                                                              • CSSの新しいプロパティ「field-sizing: content;」が便利! フォームのサイズを入力された文字量に合わせて自動変更

                                                                今まではJavaScriptを使用しないとできなかったことが、たった1行のCSSで簡単に実装できるようになります。フォームのtextareaに文字を入力すると、その文字量に合わせてサイズを自動で変更するCSSの新しいプロパティを紹介します。 下記のように入力された文字量に合わせてサイズを自動で拡張してくれます。また、min-heightやmax-heightを同時に設定できるので、上限下限のサイズを設定することもできます。 CSSの新しいプロパティはfield-sizingです。field-sizingプロパティを使用すると、フォームコントロールのデフォルトのサイズを無効にし、フォームのサイズをコンテンツに依存させることができます。そのため、自動で拡張されるtextareaを実装するのが簡単になります。 参考: Feature: field-sizing CSS property CSSは

                                                                  CSSの新しいプロパティ「field-sizing: content;」が便利! フォームのサイズを入力された文字量に合わせて自動変更
                                                                • CSS 数式アニメーションで初速も考慮できる表現力の高いイージングを書く - Katashin .info

                                                                  " class=code-demo loading=lazy style=height:350px>これを突き詰めると、スプリングアニメーション(Spring Animation)のような、従来は JavaScript でフレームごとに描画していたアニメーションも CSS アニメーションで実装できます。 iOS のスプリングを CSS 数式アニメーションで再現する この記事では数式を使ったアニメーションを CSS で行う方法について、実際にデモを実装しながら解説します。 数式でアニメーションを表現できることの利点 #数式でアニメーションを表現すると聞いて、ピンとこない人もいると思います。以下の画像はこの記事のはじめのデモで使っている数式をグラフにしたものです。このグラフの形がイージング関数に似ていると気づいた方もいるかもしれません。 このようなグラフを描く数式を作ることができればイージング

                                                                    CSS 数式アニメーションで初速も考慮できる表現力の高いイージングを書く - Katashin .info
                                                                  • 旧Twitter / Xに広告表示なし・ブロック不可の広告出現。広告主不明で外部サイトへ誘導、報告も不可 | テクノエッジ TechnoEdge

                                                                    ガジェット全般、サイエンス、宇宙、音楽、モータースポーツetc... 電気・ネットワーク技術者。実績媒体Engadget日本版, Autoblog日本版, Forbes JAPAN他 X(Twitter)に謎の広告のような投稿が現れ、遭遇した一部のユーザーを困惑させています。この投稿は「おすすめ(For You)」のフィードに表示され、外部のサイトへのリンクとして機能します。 この謎の投稿には、それが広告であることを示すラベルがなく、投稿したユーザーが誰なのかも記されていません。ユーザーアイコンは添付された画像をそのまま流用したものであり、この投稿にいいねを付けたりリツイートすることはできず、またブロックや運営に報告をするためのメニューも表示されません。 そして、うっかりこの投稿をクリックしてしまうと、Xとは別の外部のサイトへとリダイレクトされてしまいます。 広告の文言でウェブを検索すると

                                                                      旧Twitter / Xに広告表示なし・ブロック不可の広告出現。広告主不明で外部サイトへ誘導、報告も不可 | テクノエッジ TechnoEdge
                                                                    • "レガシー"と言われないためのJavaScript再入門

                                                                      追記: 10/11 ハテブでバズっているようで、色々指摘があったので追記 getElement*は動作が早いのでIDやクラス名が自明の場合はgetElement*を使う方がいいと言う意見もあり、また、ページの表示で大量に呼び出されるわけではないからボトルネックにはならないと言う意見もある。 getElement*で返されるオブジェクトは動的な変化に対応しており、querySelector*は動的な変化に対応していないため、場合によってはgetElement*を使うといい。このサイトで遊んでみよう。 https://ja.javascript.info/searching-elements-dom#ref-263 for await ... ofは非推奨なので Promise.allを現代的な書き方にした 顧客先のブラウザが古い場合も考慮して、あえてレガシーな書き方もする場合があるらしい。現

                                                                        "レガシー"と言われないためのJavaScript再入門
                                                                      • 井ノ原「弱っている場合ではない」 ブログでファンに感謝と決意「きちんと戦わなければいけない」(スポニチアネックス) - Yahoo!ニュース

                                                                        ジャニーズJr.の育成などを手掛けるジャニーズアイランドの社長で、元V6の井ノ原快彦(47)が7日、ファンクラブブログ「イノなき」を更新。ファンへの感謝と決意などをつづった。 【写真】会見で声を荒げる記者をいさめる井ノ原快彦(左)と東山紀之社長 「少し真面目に」というタイトルで更新されたブログには、幼少期の友達とのやりとりを明かしつつ「みんな気遣ってくれて ありがたいね」とつづった。 さらに、「さて」とファンに向けたメッセージとして「いつも支えてくれるファンのみんな ありがとう」「どんな時も 見守ってくれて ありがとう」「いつも想っています」と感謝の気持ちを投稿。「ここ最近はファンのみんなを心配させてしまうようなことが沢山あって 悔しく 申し訳ないです」とつづり、「でも 弱っている場合ではないので 嫌なこと 違うこと きちんと戦わなければいけないな そう思っています」となどと現在の心境を語

                                                                          井ノ原「弱っている場合ではない」 ブログでファンに感謝と決意「きちんと戦わなければいけない」(スポニチアネックス) - Yahoo!ニュース
                                                                        • 【WordPress6.4】theme.json の変更点 - Qiita

                                                                          はじめに この記事は、WordPress テーマの機能・レイアウト・スタイルなどの多くを一元的に管理出来る JSON ファイルである theme.json について、WordPress 6.4での変更点をまとめたものです。 theme.json 自体の全体図については、「【WordPress5.9 / 6.0版】theme.json 全解説」という記事にまとめていますので、そもそも theme.json とは何か分からない方、各セクション (プロパティ) の役割が分からない方は、ぜひ先にこちら記事を見ていただければ幸いです。また、WordPress 6.1から WordPress 6.3までの変更点については、それぞれ以下の記事でまとめています。 【WordPress6.1】theme.json の変更点 【WordPress6.2】theme.json の変更点 【WordPress6.

                                                                            【WordPress6.4】theme.json の変更点 - Qiita
                                                                          • X(旧Twitter)が新しい「広告とは明示されない」広告フォーマットを導入し混乱広がる

                                                                            イーロン・マスク氏のもと大きな変化を続けるX(旧Twitter)が、新しい広告フォーマットを展開していることが、ユーザーやメディアの報告により明らかになっています。この新しい広告フォーマットでは、投稿が広告か否かが明示されておらず、いいねやリポストもできない代わりに、ユーザーアイコンや投稿をクリックすると広告サイトへ飛ばされてしまうそうです。 X rolls out new ad format that can't be reported, blocked | Mashable https://mashable.com/article/twitter-x-new-clickbait-ad-format Xが奇妙な新しい広告フォーマットを導入し始めていると、複数のユーザーが指摘しています。この広告フォーマットはX製品の中で最も透明性の低い製品であると海外メディアのMashableは指摘してお

                                                                              X(旧Twitter)が新しい「広告とは明示されない」広告フォーマットを導入し混乱広がる
                                                                            • 弊社に関する一部インターネット記事について | Johnny & Associates

                                                                              2023.10.7 弊社に関する一部インターネット記事について 先頃、10月6日付の「FRIDAY DIGITAL」において、「スクープ!運営スタッフが激白『ジュリー氏も会場にいた』『リストはジャニーズの要望に基づいて作成』」などと断定的な見出しを付した記事(以下「本件記事」)がインターネット上に掲載されました。 しかしながら、本件記事のうち、ジュリー氏も会場にいたなどとする部分については全くの事実無根です。パニック障害による体調不安もあったことから、やむを得ず手紙でのご説明という形を取らせていただきましたが、会見当日、本人は終日自宅にて安静にしており、外出等も一切しておりません。 それにもかかわらず、会見運営スタッフという方の証言のみに基づいて、あたかも本人が虚偽の事実を伝えて出席可能な記者会見に出席しなかったかのような誤った印象を与え、その名誉を著しく毀損する本件記事は到底看過できませ

                                                                              • X (Twitter) で従来のようにOGP画像にタイトル等のテキストを表示する方法まとめ

                                                                                2023年10月5日頃、X (Twitter) でOGP画像が設定されたWebページの URLをツイート(ポスト)しても従来のようにページのタイトルや概要が表示されなくなり、OGP画像とドメイン名だけが表示されるようになりました。 このままでは、画像の投稿 なのか、リンクの投稿なのかが分かりにくくなり、「画像だと思ってタップしたら外部のページに遷移してしまった」とか、逆に「リンクだと思ってタップしたら画像だった」ということで困っている方もいらっしゃるようです。 Webメディアを運用している方や、 私のようにブログを運用している場合などは、 このままではサイトへの流入が減少するため困ると言う方もいらっしゃると思います。 そこで、この記事では、「閲覧者側」と「メディア運営者側」と「ツイート(ポスト)投稿者側」それぞれにできる対策をまとめました。 投稿者側の対策については、閲覧者側の対策の下に書

                                                                                  X (Twitter) で従来のようにOGP画像にタイトル等のテキストを表示する方法まとめ
                                                                                • 狙ったデザインが一瞬で完成する、生成AI搭載のアプリ「Microsoft Designer」 [てっぱんアプリ!]

                                                                                    狙ったデザインが一瞬で完成する、生成AI搭載のアプリ「Microsoft Designer」 [てっぱんアプリ!]