TypeScriptとVercel AI SDKで実現するLLMアプリケーション開発：フロントエンドからバックエンド、そしてChrome拡張まで スライド概要 TypeScriptとVercel AI SDKで実現するLLMアプリケーション開発：フロントエンドからバックエンド、そしてChrome拡張まで TsKaigi 2025 DAY2 / 10:50 〜 11:20 （レバレジーズトラック）
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 今年DevTools領域のAWS Commmunity Buildersに選出されました。 そこから、CDKをはじめとするDevToolsの良さを伝えるためにLT会の登壇やブログで情報発信を行っています。 今回の記事ではDevToollsの中でも AWS Infrastructure Composer(旧：AWS Application Composer) についてお伝えしていきます 【関連資料】 以前JAWSイベントで登壇した際の資料のリンクを貼っておきます JAWS-UG東京 ランチタイムLT会 #22 ↓資料 AWS I
今月リリース予定のChrome 136で、訪問済みリンクの履歴検出攻撃を無効化する機能が実装される予定です。 簡単に説明すると、:visitedによるリンク履歴が分割される機能が実装され、サイトA上でクリックしたサイトBへのリンクは、サイトA上では訪問済みになりますが、サイトC上のサイトBへのリンクは訪問済みにはなりません。履歴にはサイトBへのリンクはサイトA上でという情報も加わるようになります。 Making :visited more private by Kyra Seevers 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに :visitedのリンク履歴を分割とは 同じサイト内の他のページへのリンクはどうなるか この機能の実装状況 はじめに リンクをクリックするとどうなる
Chrome 135で追加された、CSSの新しい機能14個を紹介します。 今回のアップデートで目玉はスクロールオフセットのサポート、レスポンシブな自由形式のシェイプを作成できるshape()関数、インタラクティブなスクロールボタンを作成できる::scroll-button()疑似要素など、Web制作者は要チェックです！ ちなみに、先日紹介したCSSのカスタム変数はChrome 139（7月頃）に実装される予定です。 New in Chrome 135 Chrome 135 beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに アンカーポジショニングの記憶されたスクロール オフセット shape()関数 ::scroll-button()疑似要素 ::scroll-marker
「Streaming enhanced」はさまざまなストリーミングサービスへより快適に視聴できる機能を追加してくれるブラウザ拡張機能です。実際に使用してどんな感じなのかを試してみました。 GitHub - Dreamlinerm/Netflix-Prime-Auto-Skip: Automatically skip Ads, Intros, Credits, etc. on Netflix, Prime video, Disney+, Crunchyroll and HBO max https://github.com/Dreamlinerm/Netflix-Prime-Auto-Skip GitHubのページを開き、「Download & Install」の項目までスクロールします。PC向けにFirefox・Chrome・Edgeの拡張機能、Android向けにFirefox・Kiwi
3. 依存関係に起因する問題 FreeTypeが依存するbzip2、libpng、zlibなどのライブラリにも脆弱性が見つかることがある。ファズテストでもこれらの依存先を含めて検証しなければならず、結果として管理負荷が増大する。 4. ファズテストだけでは十分ではない ファズテストは、多様な入力（ランダムで破損したデータなど）を与えて問題を発見する手法であり、Chromeの安定版出荷前に行われている。しかし、フォントファイルは以下の理由で複雑性が高く、十分なカバレッジを得るのが困難とされている。 フォントファイルは複数のテーブルを含むコンテナ形式であり、それぞれ文字配置や描画、ヒンティングなど多岐にわたるデータを格納している ランダムなビットフリップでは、構造が複雑なフォントファイルの有効な形を作りにくく、多くが早い段階でエラーとして弾かれてしまい深い箇所の検証に至らない 複数のテーブル間
11月20日、アメリカの司法省は、グーグルの検索サービスの独占を解消するためとして、インターネット閲覧ソフト（ブラウザ）「Chrome（クローム）」事業の売却を含む是正案を裁判所に提出した。立教大学ビジネススクールの田中道昭教授は「アメリカには、公正な自由競争に対する信念が強く根付いており、資本の独占に対して厳しく臨んできた歴史がある。今回の訴訟により、グーグルは戦略の転換を迫られている」という――。 グーグルが「分割」されるかもしれない 11月、巨大テック企業の一角、グーグルが分割されるかもしれないというニュースが世界中に流れた。アメリカ司法省が、グーグルに対して、インターネットブラウザ「Chrome」事業の売却などを要求しているという。 Webトラフィック解析を行うサイト「StatCounter（スタットカウンター）」によると、Chromeは世界のブラウザ市場の約3分の2を占めている。
以下の公開計測会でやったものを個別に解説してみる。 細かいテクニックが多いのだが、それを可能な限りテキストとスクショで解説したい。使い方の解説が中心で、どういう意味があるかは解説しない。 Chrome131時点のスクリーンショットで、後で読む場合は頻繁にUIが変わっている点に注意。大事なのは意図。 宣伝: これを御社のサイトで解説する仕事をやっています。 デモのURL これに意味はなく、今日偶然見ていただけで意図はない。関係ないがエッジランナーズは最高のアニメ。 DevTools を開く F12 or 右クリックから「検証」 DevTools > Lighthouse この状態で計測 このとき、新しいプロファイルを作ったりして、可能な限り Chrome拡張が入ってない状態にすること。Chrome拡張による処理も計測に含まれてしまう。 Lighthouse レポートの読み方 点数部分にマウス
株式会社デジタルアイデンティティ SEOエヴァンジェリスト、コンサルタント。SEO集客からの売り上げ・問い合わせ増加など、セールスファネル全体のコンサルティングが可能。『薬機法管理者』の資格を有し、表現の規制が厳しい薬機法関連分野のマーケティングにも精通。 X（旧Twitter）：@yuuta_tanaka88 デジタルアイデンティティWebサイト：https://digitalidentity.co.jp GoogleやX、Instagramといった巨大プラットフォームを利用したビジネスの成長戦略が今、変化を迎えようとしています。 生成AIの登場によりゼロクリックリサーチ（検索結果ページで知りたかった情報を入手すること）が増え、「『SEO対策で上位表示させ、集客する』というマーケティング手法が通用しなくなるかもしれない。」「消費者は企業（広告）より個人を信頼する傾向にあるため、Webサイ
アシアル代表の田中です。こちらのブログでは久しぶりの投稿ですが、相変わらずハンガリーにて暮らしています。 Chrome向けChatGPT Search拡張機能について 最近ChatGPT Searchが公開され、私のアカウントでも利用できるようになっていました。Chromeブラウザー向けのChatGPT Search拡張機能も同時に公開されています。 実際にインストールすると、デフォルトの検索エンジンがChatGPTに切り替わります。アドレスバーに検索ワードを入力すると、ChatGPTが開き、ChatGPT Searchを用いて検索が行われます。 手軽にChatGPT Searchを用いて検索を行えるものの、使い勝手の面で少し改善したいと感じる所がありました。 1． デフォルト検索エンジンはGoogleのままがいい この拡張機能を入れると、問答無用でデフォルトの検索エンジンがGoogleか
「ブラウザ常駐型のAIアシスタントで便利だよ」と以前にも紹介したChromeの拡張機能「cici」。気づけば、かなり便利な進化を遂げていました。 どんなところが？と説明する前にまあキャプチャーを見てみてください。 ▼「Cici」って何？ マウスオーバーするだけ、リンク先の要約ができるいつも通りPC×Chromeでライフハッカー・ジャパンを見ていたら… え？自動で「記事をサマってくれているんだけど！？なにこれ？」 と調べたら、Ciciの仕業でした。 そう、ウェブサイトのリンクがあるところにマウスオーバーするだけで、リンク先の記事の概要を3行程度にまとめてくれていたんです。 自動で表示されるポップアップは、 もっと深掘りしたければ「チャットに追加」 記事を読みたければ「リンク先に飛ぶ」 テキストを使いたければ「コピーできる」 ナビゲーションにもなっています。
はじめに こんばんは！ 皆さんは以下のようなすぐ消えてしまう要素をDevToolsで確認したいときはどうしますか？ 常に表示されるようにわざわざコードを修正してから、DevToolsで要素を確認したりしていませんか？DevToolsをうまく使うことで、わざわざコードの修正をせずとも簡単に要素の確認をできるのでそのちょっとしたTipsのご紹介です！ ① CSSイベントでの確認方法 まずはCSSイベントで要素の表示制御を行っているパターンでの確認方法です。以下のようにCSSイベントのhoverで表示制御をしている要素を例にDevToolsで確認する方法を見ていきましょう！ import "./style.css"; export const Index = () => { return ( <div> <button className="myButton">Button</button> <
Chrome users who declined to sync their Google accounts with their browsing data secured a big privacy win this week after previously losing a proposed class action claiming that Google secretly collected personal data without consent from over 100 million Chrome users who opted out of syncing. On Tuesday, the 9th US Circuit Court of Appeals reversed the prior court's finding that Google had prope
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
