タグ サイドバー
新着順 10 users 50 users 100 users 500 users 1000 usersちょっと複雑なサイドバーをHotwireで簡単に作りたい - クックパッド開発者ブログ
こんにちは、レシピ事業部プロダクト開発グループの渡邉(@taso0096)です。 クックパッドは最近、One Experienceというプロジェクトによって日本版とグローバル版のシステムが統合されました。 どちらのシステムもRailsで実装されているという点は同じですが、統合先となったグローバル版ではHotwireが使われていました... 続きを読む
Firefox、サイドバーに統合する生成AIを選択可能に。まずはChatGPTやGoogle Gemini、HuggingChatなど、今後も選択肢を追加
Firefox、サイドバーに統合する生成AIを選択可能に。まずはChatGPTやGoogle Gemini、HuggingChatなど、今後も選択肢を追加 Mozillaは、Firefoxの新機能としてサイドバーにChatGPTやGoogle Geminiなど任意の生成AIサービスを選択して統合できるようにすることを明らかにしました。 今後数カ月のうちに登場するFirefoxの開... 続きを読む
縦タブ&多段タブ対応でUIカスタム自由自在な国産ブラウザ「Floorp」レビュー
「Floorp」は日本の学生コミュニティ「Ablaze」が開発するFirefoxベースのウェブブラウザで、タブを垂直配置したり多段配置したりできる他、サイドバーの配置を左右に入れ替えたりウェブサイトをパネル表示したりと多様なカスタムに対応しています。実際にFloorpを使ってみたところインストール手順や初期設定など各種操... 続きを読む
Windows 11、9月26日の大型アプデ「23H2」で「Microsoft Copilot」ビルトイン
Windows 11、9月26日の大型アプデ「23H2」で「Microsoft Copilot」ビルトイン Microsoftは、「Windows 11」の大型アップデートを9月26日にリリースすると発表した。このアップデートで、AIアシスタント「Microsoft Copilot」(プレビュー版)を組み込む。CopilotはWindowsのサイドバーとして表示され、PC設定やメールの... 続きを読む
Bingの進化が止まらない! ChatGPTを超えた機能7選【今日のワークハック】 | ライフハッカー・ジャパン
Microsoft Edgeのサイドバーに追加された「Bingチャット」。 ChatGPTをベースにしていますが、Microsoftはブラウザに独自機能をたくさん追加しました。 この変更のおかげで、Bingチャットは、インターネットの世界を飛び回るのにすぐに役立つ「副操縦士」になってくれるのです。Microsoft Edge上のBingチャットで使える... 続きを読む
「Firefox 116」正式版リリース、サイドバーが登場してブックマークや履歴、同期タブへのアクセスが簡単に
ウェブブラウザ「Firefox 116」の正式版が公開されました。サイトを閲覧中でもブックマークや履歴、同期タブにアクセスしやすくなるサイドバーが登場したほか、ムービーをピクチャーインピクチャーで再生している際に音量調整が可能になっていたり、「閉じたタブを開く」ショートカットで閉じたウィンドウも開けるように... 続きを読む
Microsoft Edge、サイドバーを拡張可能に ー サイドバーアプリの開発を促進
Microsoft Edgeは、7月21日にSidebar拡張機能を発表しました。 これにより、開発者はMicrosoft EdgeのSidebarに自分の拡張機能を作成することができます。 これにより、ユーザーにはより良い並行してのブラウジング体験が提供されます。 Microsoft Edgeは、7月21日にSidebar拡張機能を発表しました。 これにより、開発者... 続きを読む
Microsoft、「新しいBing」にAI採用の3つのショッピング機能追加
Microsoftは、AIチャットbotの「新しいBing」の新機能を発表した。いずれもショッピング関連で、例えばネット上の複数の製品レビューを要約して提示する機能などがある。 米Microsoftは6月29日(現地時間)、「新しいBing」とWebブラウザ「Edge」のサイドバーのBing AIチャットbot向けに、AI採用の3つのショッピング機能... 続きを読む
拡張機能「Memex」でwebクリップツールが進化する | ライフハッカー・ジャパン
Chrome、Firefoxといったブラウザで利用できる拡張機能「Memex」はWebページ上のセンテンスの保存と参照に重宝します。ハイライトとしてセンテンスを保存できてアクセスもサイドバーからクイック。タグやブックマーク機能もあります。データはすべてローカルに保存されるプライバシー重視の設計です。 続きを読む
【Bing AI】こりゃ使えそう!と感心した活用事例10選 | 株式会社SaaSis
Bing AIにサイト・PDFの要約機能が登場(Microsoft Edge)|Martin Bing AIにサイトやPDFの要約機能が登場しました。PCに保存しているPDFの要約も可能になっています。 Microsoftが開発するBing AIは、Microsoft Edgeのサイドバー(Copilot… 【広報必見!】Bing AIがツイート作成を一新!SNS戦略を加速! Bing AIの全く... 続きを読む
[速報]WindowsにチャットAIを搭載「Windows Copilot」発表、サイドバーから利用可能。6月にプレビュー版が登場予定。Build 2023
マイクロソフトは日本時間5月24日未明から開催する開発者向けイベント「Microsoft Build 2023」で、Windows 11にAIチャット機能を組み込んだ「Windows Copilot for Windows 11」(以下、Windows Copilot)を発表しました。6月にプレビュー版が提供される予定です。 Windows Copilotはタスクバーから呼び出し可能(サーチ... 続きを読む
「Edge」のサイドバーが分離、デスクトップに合体!? ~Microsoftが新機能をテスト中/他のアプリで作業しているときも「Bing」のAIチャットやサイドバー機能が利用できる【やじうまの杜】
Chromeで使える! ChatGPTをサイドバーに埋め込む拡張機能の使い方【今日のワークハック】 | ライフハッカー・ジャパン
Chromeの拡張機能「ChitChat ChatGPT Sidebar」を使えば、ChatGPTが検索のサイドバーに表示されます。要約を作成したり、リサーチための質問をしたり、似たようなページを探してもらったりできます。 続きを読む
「Microsoft Edge」サイドバーにAI画像生成を統合、AIチャットの最大ターンは15→20に/サイドバーの読み込みも高速化
一番星はてののプロフィールページを更新しました - 一番星はての開発ブログ
サイドバーに「一番星はてのについて」という固定ページへのリンクを設けました。 はてののプロフィールが簡単にわかりやすいようにというのと、ファンアートを書いてくださっている方がとても多いので簡単にそのあたりのポリシーも書いておきました。 これはいいの?とかあったら問い合わせのメールアドレスかtwitterの... 続きを読む
デスクトップ付箋とも同期 ~「OneNote」フィードが「Microsoft Edge」サイドバーに/現在プレビュー版の「Edge」でテスト中。幅広いプラットフォーム対応が魅力【やじうまの杜】
「Google コンタクト」の連絡先が「Gmail」などのサイドバーで作成・編集可能に/「contacts.google.com」へアクセスする必要なし
Microsoft Edgeに「ウィンドウの分割」機能が導入。2つのページを同時に閲覧可能に | ソフトアンテナ
Microsoft EdgeのCanaryビルドに、1つのウィンドウに2つのページを同時に表示する事が出来る分割ウィンドウ機能が実装されている事がわかりました(Neowin)。 現状のEdgeでも、最近導入されたサイドバーを利用して2つのページを同時に表示することができますが、分割ウィンドウ機能はツールバーのボタンや右クリックメニ... 続きを読む
気になるWebサイトを横に並べて表示 ~「Microsoft Edge 107」のサイドバーは結構便利/音楽ストリーミングサービスを中心に、対応サービスも拡充!【やじうまの杜】
「Microsoft Edge 107」が正式版に ~GmailやYouTubeも使える「サイドバー」で武装/脆弱性の修正は8件
Flexboxの最新テクニック! メディアクエリはなし、同じCSSで4つの異なるレイアウトに対応したフォームを実装
メディアクエリはなし、同じHTMLとCSSで、親コンテナの幅に応じて4つの異なるレイアウトに対応したフォームを実装するFlexboxの最新テクニックを紹介します。 もちろんコンテナクエリもなしです。 同じコードでフォームをどこにでも配置でき、コンテンツでもサイドバーでもフォームは最適にレイアウトされます。Flexbox... 続きを読む
CSS Gridでposition: sticky;のスティッキーが効かないときの原因とその対応方法
CSS Gridで2カラムのレイアウト(メインとサイドバー)を実装し、サイドバーにposition: sticky;を定義したけど、機能しなかったことはありませんか? CSS Gridでスティッキーが効かないときの原因とその対応方法を紹介します。 Using Position Sticky With CSS Grid by Ahmad Shadeed 下記は各ポイントを意訳したもので... 続きを読む
モダンCSSでよく使用されるレイアウトを実装するまとめ
ヘッダ・フッタ・コンテンツ・サイドバー、フルページのレイアウト、最下部のフッタ、中央配置、カードなど、一般的なWebサイトやスマホアプリのUIをモダンCSSで実装する方法を紹介します。 CSSの実装はデバイスベースからコンテンツベースに移行しているのが現状です。これからのプロジェクトに役立つCSSのテクニックを... 続きを読む
【小ネタ】Slack のサイドバーを非表示にして作業に集中できるようにする | DevelopersIO
クラスメソッドではコミュニケーションツールとして Slack を使用しています。 顧客とのやりとり、仕事の話、技術の話、エラー通知、雑談、各種 RSS、各自の分報、自分用メモなど緊急度も重要度も用途も全く違うことが Slack 上で行われています。 ですのでどんな時でもどこかで未読の投稿が現れます。そして未読があっ... 続きを読む
レスポンシブ対応のレイアウトやコンポーネントだけを実装するCSSのシンプルなコードのまとめ -SmolCSS | コリス
Webサイトでよく使用するレスポンシブ対応のシンプルなグリッドやサイドバー、フレキシブルなパディングの実装、ギャラリーやカード型レイアウトなど、レイアウトやコンポーネントを実装するCSSのコードを紹介します。 CSSの実装は年々進化しており、さまざまなプロジェクトで使用できるシンプルで最小限のコードをまと... 続きを読む