OpenAI、Webブラウザ発表へ Chromeに対抗
対話型生成AI（人工知能）「ChatGPT」を手掛ける米OpenAIが近くWebブラウザを発表すると、関係者3人が明らかにした。市場で支配的地位にあるAlphabet傘下Googleの「Chrome」に対抗する。 数週間以内に発表する予定で、AIを通じてWeb閲覧を根本的に変えることを目指しているという。Google成功の鍵となったユーザーデータに直接アクセスすることも可能になる。 関係者によると、新ブラウザは検索結果をクリックする形ではなく、ChatGPTのように利用者とやりとりするよう設計されている。OpenAIが提供するAIエージェント「オペレーター」などと統合すれば、ブラウザが利用者の代わりに予約やフォーム入力などのタスクも実行できるようになるという。 一方、週間で5億人に上るChatGPTのアクティブユーザーがOpenAIの新ブラウザを利用すれば、Googleの広告収入源に圧力と
そろそろスマホから開発してみませんか？移動中も開発したくないですか？
「移動中の時間を開発に使えたら...」 エンジニアなら誰もが一度は考えたことがあるのではないでしょうか（たぶん、きっと） 電車での移動時間、カフェでの待ち時間、散歩中のひらめき。これらの時間を有効活用できれば、開発の可能性は大きく広がります。 Devinの登場から始まり、Claude Code（Action含む）の進化を経て、Google Pixel 9 Pro Foldを購入したことで、本格的にスマホで開発したいという思いが強くなりました。 折りたたみスマホという大画面と、AI開発ツールの組み合わせによる「スマホで移動中でも本格的に開発する」という世界です。 正直、コーディング自体はPCの方が圧倒的に速いですが、「散歩中に思いついたアイデアを忘れないうちにメモしておく」を超えて、「散歩中に思いついたアイデアを実装しておく」ことが出来るのは個人的にWOW体験でした。 散歩中：「スライド生成
CSSの進化がすごすぎる！ CSSで関数を自分で定義できるカスタム関数が使えるようになります
CSSの関数って、便利なものが多いですよね。calc()が登場したときも衝撃でしたが、最近ではattr()関数がパワーアップしたり、レスポンシブ対応に必須のmin(), max(), clamp()関数、ライトテーマとダークテーマのlight-dark()関数、ほかにも:is()や:where()といった疑似クラス関数、sin(), cos(), tan()などの三角関数もCSSで使えます。 そして2025年、これまでとは全く違う新しい関数がCSSで使えるよう開発が進んでいます。新しい関数はカスタム関数で、自分オリジナルの関数をCSSで定義して使用できます。 CSS Custom Functions are coming by Bramus! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSのカスタム関数とは C
「ChatGPT Search」の衝撃--Chromeの検索窓がデフォルトで「ChatGPT」に
OpenAIがChatGPTに実装した高度なウェブ検索機能「ChatGPT Search」が話題だ。ChatGPTでウェブ検索ライクな使い方が可能で、かつ最新情報やソースリンクを表示してくれるようになった。 あわせて公開されたのが、同機能のChrome拡張だ。これをインストールすることで、Chromeブラウザの検索窓のデフォルト設定が「Google」から「ChatGPT Serch」に置き換わる。例えば「明日の天気」と検索すると、Google検索ではなくChatGPTに飛び、ウェブ検索から天気の情報を教えてくれる。 筆者もさっそく使ってみたが、「明日の天気」「恵比寿 肉 ディナー おすすめ」「アゼルバイジャン どこにある」といった、普段Googleで検索しているようなキーワードで、知りたい情報をソース付きで表示してくれる。画像や地図、表などでも回答してくれる。提示してくれる情報に不足はない
Chrome の組み込み AI の Summarization API を試してみる
Google では大規模言語モデル（LLM）などの AI モデルをブラウザに直接統合するように設計された、Web プラットフォーム API とブラウザ機能を開発しています。これには Gimini Nano という AI モデルが含まれており、デスクトップパソコンにおいてローカルで実行されるように設計されています。この記事では Summarization API を使用して、文章を要約してみます。 Google では大規模言語モデル（LLM）などの AI モデルをブラウザに直接統合するように設計された、Web プラットフォーム API とブラウザ機能を開発しています。これには Gimini Nano という AI モデルが含まれており、デスクトップパソコンにおいてローカルで実行されるように設計されています。 ブラウザに直接 AI が組み込まることにより、開発者は独自の AI モデルをサーバー
超簡単にChromeの拡張機能を作ってみる【誰でもできるよ】 - Qiita
{ "manifest_version": 3, "name": "Create markdown link", "version": "1.0.0", "icons": { "16": "logo/16.png", "48": "logo/48.png", "128": "logo/128.png" }, "description": "Create markdown link from selected text", "content_scripts": [{ "matches": ["<all_urls>"], "js": [ "content.js" ] }] } manifest_version 拡張機能が使用するマニフェストファイル形式のバージョンを指定します。現在のバージョンは3です。 早ければバージョン2は2024年6月以降に廃止され、無効になりインストール/使用できなくな
ブラウザ自動操作API入門: WebDriver APIとChrome DevTools Protocol(CDP)
ウェブブラウザを自動操作する際には、WebDriverやChrome DevTools Protocol (CDP) などのAPIが広く利用されています。 これらのAPIを基盤に構築された様々なブラウザ自動操作フレームワークが、テスト自動化の分野で重要な役割を果たしています。 例えば、SeleniumやPlaywrightといったフレームワークを利用して、テストの自動化に取り組まれている方もいらっしゃると思います。 私もテスト自動化フレームワークの便利さを享受する一方で、フレームワークを介さずにブラウザを自動操作する方法についての興味がわいてきました。 そこで、この記事ではWebDriverやCDPが提供するAPIを直接利用してブラウザを操作する方法を基礎から探求してみることにしました。 これにより、私たちが普段利用しているフレームワークの背後にある原理を理解し、より深い知見を得ることを目
満腹！シーチキンの具沢山おみそ汁 by はごろもフーズ
シーチキンの旨みでだし要らず、具沢山で栄養バランスと食べごたえアップ。ご飯とおみそ汁だけでも大満足のおみそ汁です。 このレシピの生い立ち 具沢山のおみそ汁に、シーチキンを加えて味も栄養のバランスもさらにアップ！ご飯と合わせるだけでも満足でき、食べごたえも◎忙しい時でも作りやすくて、しっかりと食べられる、大満足のおみそ汁です！ シーチキンの旨みでだし要らず、具沢山で栄養バランスと食べごたえアップ。ご飯とおみそ汁だけでも大満足のおみそ汁です。 このレシピの生い立ち 具沢山のおみそ汁に、シーチキンを加えて味も栄養のバランスもさらにアップ！ご飯と合わせるだけでも満足でき、食べごたえも◎忙しい時でも作りやすくて、しっかりと食べられる、大満足のおみそ汁です！
Bento UIとはパネルが伸び縮みしながら配置が入れ替わるお弁当箱みたいなUI、View Transitions APIでCSSアニメーションが進化する
Bento UIとはパネルがお弁当箱のように配置されており、各パネルをクリックすると伸び縮みしながら配置が入れ替わるUIです。最近のWebサイトやスマホアプリでもよく見かけるようになりました。そんなBento UIをView Transitions APIを使用して実装されたデモを紹介します。 一昔前なら実装は面倒でしたが、Chrome 111から利用できるView Transitions APIにより簡単に実装できるようになりました。 Rediento -Bento Radio Group Carousel thing 実装にはChrome 111で実装されたView Transitions APIが使用されており、2つの状態間のアニメーションを作成しながら、1ステップでDOMを簡単に変更できます。 各パネルは、CSS Gridでレイアウト。 positionはなし。 ビジュアルのトラン
階層メニューやトーストUIが簡単に作れる新技術！ JavaScriptで利用するポップオーバーAPI - ICS MEDIA
階層メニューやトーストUIが簡単に作れる新技術！ JavaScriptで利用するポップオーバーAPI ポップオーバーとはコンテンツの1番上に重ねて表示するUIで、ユーザーにアクションを促したり、補足の情報などを伝えるために画面に表示します。ポップオーバーAPIのMDNのドキュメントではオーバーレイ、ポップアップ、ポップオーバー、ダイアログなどを総称して「ポップオーバー」と呼んでいます。 ウェブサイトでよく見かけるポップオーバーですが、実装するには意外と調整や考慮の多いUIです。たとえば、画面の1番上に重ねるためにはz-indexで他の要素との重なり順を調整する必要があります。Escキーを押した時や要素外をクリックした時にポップオーバーを閉じるには、JavaScriptで制御を追加します。ポップオーバーが複数あった場合どうでしょう？ 1つだけ表示するのか、すべて表示したままにするのか？ その
Andrew Ng先生＋ChatGPT本家のプロンプト開発講座が無料で公開されています！ - Qiita
ChatGPT Prompt Engineering for Developers （開発者向けChatGPTプロンプト エンジニアリング） ChatGPTのプロンプト講座です。Pythonを使うためにエンジニア向けとなっていますが、実行しないで動画だけ見ることもできます。また、講座で使うコードはすでに用意されていてブラウザ内で実行できるので、開発環境の準備も不要で非常にお手軽です。 Building Systems with the ChatGPT API （ChatGPT APIを使ったシステム構築） 実際にシステム構築する際のヒントが満載の講座です。 安全性の確保方法やユーザーの質問内容を分類して段階的に処理する流れ、回答の評価方法とその改善のアプローチなどが学べます。商用サービスの展開を考えられている方にお勧めです。 LangChain for LLM Application De
【ChatGPT】便利な神Chrome拡張機能 - Qiita
日々便利なプロンプトが生み出されたり、 ChatGPT pluginsの発表など話題が絶えないChatGPTですが、 今回はインストールだけでChatGPTがインターネットから得た最新の情報をもとに回答してくれたり、自分の質問履歴を検索できたり、世界中の人が作ったプロンプトを検索したり、自動同期をしてくれたりと、とても便利なChrome拡張機能をいくつかご紹介いたします。 拡張機能をインストールするだけなので、手間が全くかからずにすぐに使うことができます。 こちらの記事は随時更新追加していきます 機能 インターネットから適切な情報を検索し、ChatGPTの回答能力を向上させることができます。この無料のアドオンを利用することにより、関連性のあるオンライン情報をChatGPTに与える質問に組み込むことができます。その結果、ユーザーはより正確で最新の情報に基づく会話を楽しむことができるようになり
白銀ノエル大好きおじさん 特別読切｜ヤンジャン＋集英社公式・ジャンプ系青年マンガ誌アプリ
【週刊ヤングジャンプ No.14掲載特別読切】団長を知ってしまったおじさんは――。
AIの権威による「ChatGPT」の説明が分かりやすい！ 東大松尾教授の資料が話題
「ChatGPTって何？」と聞かれたら、取りあえずこの資料を渡せば良い──2022年11月末に登場してすぐに世間を驚かせたAI「ChatGPT」。自民党もAIには注目しており、「AIの進化と実装に関するプロジェクトチーム」を開催しているのだが、そこで東京大学の松尾豊教授が提出した資料が「分かりやすい」と話題だ。 資料が提出されたのは2月17日開催の第2回会議。「AIの進化と日本の戦略」というタイトルで、大規模言語モデルの仕組みやChatGPT、今後の日本の戦略について説明するものだ。同資料は塩崎彰久衆議院議員が投稿したnote記事からダウンロードできる。 ChatGPTについては、その学習方法から、高度な会話を実現できた理由、ChatGPTでできること、利用場面や受け取られ方まで網羅的にまとめられている。 例えば、高度な会話後実現できた理由のパートでは、従来のモデルには「生成分が人間の好み
Googleの時代は終わり…？明確なソースを明示してくれる対話型AI「Perplexity」がめちゃめちゃ便利そう
sangmin.eth | Dify Ambassador @gijigae これはすごい👏！世界初となる対話型検索エンジン、Perplexity Ask（ @perplexity_ai ）が登場です。答えの根拠として最新情報を参照＋対話形式で追加質問ができる。日本語にも対応してますのでぜひ！ pic.twitter.com/4bUQ12Yr22 2023-01-20 14:25:43 sangmin.eth | Dify Ambassador @gijigae . @perplexity_ai（👉perplexity.ai）をさらにバージョンアップさせたい全ての方にお勧めしたいのが、Perplexityを検索エンジンとして登録すること。Chromeだと、 ①設定 ②検索エンジン ③追加 の順で登録完了です。Chromeの検索窓からPerplexityを指定して検索できるので超便利✨。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
URL共有に革命？「ChatGPT」× Chrome拡張「cocopy」は実用性・楽しさ無限大 - 窓の杜
Netflix/YouTubeで英語のリスニングを鍛えられるGoogle Chrome拡張機能が便利と話題に／「Language Reactor」でお気に入りの映画やドラマ、毎日のニュースを教材に【やじうまの杜】
Obsidian Web Clipper
Chromebookを買ったがGoogleにログインしようとする度に落ちる...→試行錯誤の末に見つけた意外な理由に｢修理持ち込まれたら異常無しで返却されるやつ｣
DevTools Tips: Record and replay user flows with the Recorder | Blog | Chrome for Developers