SPAのアプリケーションで、外部のIdPを使ってOpenID Connect によるログイン機能を開発しようと考えています。IDトークンの保存先として、ブラウザのCookieかサーバーのDBに保存するかの2つの案があると思っています。調べた限り、サーバーサイドで持つべきという意見が多いように見えますが、以下のような背景がある中で開発しても、ブラウザのCookieでは持つべきなのではないのでしょうか？ - IDトークン自体にも、個人の属性（氏名等）情報は無いことを確認している - サーバーサイドでIDトークンの署名検証をして、IDトークンの改ざんが無いか確認する - Http Only属性：JSによるCookieへのアクセスを防ぐため - Secure属性：流出防止のため - SameSite=strict：CSRF対策のため 結論から言えば、「どちらでもよい」となります。しかし、恐らく話は
無料かつ匿名でブラウザからChatGPTやClaude 3などのAIが使える「AI Chat」をDuckDuckGoがリリースしたので使ってみた
プライバシー重視の検索エンジンやブラウザを展開するDuckDuckGoが、GPT-3.5やClaude 3、Llama 3、Mixtral 8x7BなどのAIモデルを匿名かつ無料で使用できるサービス「DuckDuckGo AI Chat(AI Chat)」をベータ版でリリースしました。AI Chatはブラウザから簡単に利用できるとのことで、実際に使ってみました。 DuckDuckGo AI Chat: anonymous access to popular chatbots https://www.spreadprivacy.com/ai-chat/ AI Chat https://duckduckgo.com/?q=DuckDuckGo&ia=chat DuckDuckGo AI Chat Privacy Policy and Terms of Use https://duckduckg
はじめに こんにちは。スペースマーケットでWebエンジニアしてます、新卒のdumbled0reです。 4月に入社してから早2ヶ月経って、入社式が昨日のように感じています。時の流れは早い。 日頃、ブラウザ操作する時はPythonのライブラリであるSeleniumを使用していましたが、vscodeにあるPlaywrightの拡張機能を使用すれば非エンジニアの方でも簡単にブラウザ操作用のコードを書けたので紹介します。 Playwrightとは PlaywrightとはMicrosoftが開発したオープンソースのE2Eテスト自動化フレームワークです。 Chromium、Firefox、WebKitなどの主要なブラウザで対応しており、1つのコードで複数のブラウザ上で動作確認も行えます。 環境 node 20.9.0 playwright 1.44.0 拡張機能のインストール 今回使用するVScode
![[Playwright]VScodeの拡張機能でらくらくブラウザ操作](https://cdn-ak-scissors.b.st-hatena.com/image/square/aeab1ee552bc8ea8fc414d63e3cd992eb142f720/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--V4XD7bFE--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BPlaywright%25255DVScode%2525E3%252581%2525AE%2525E6%25258B%2525A1%2525E5%2525BC%2525B5%2525E6%2525A9%25259F%2525E8%252583%2525BD%2525E3%252581%2525A7%2525E3%252582%252589%2525E3%252581%25258F%2525E3%252582%252589%2525E3%252581%25258F%2525E3%252583%252596%2525E3%252583%2525A9%2525E3%252582%2525A6%2525E3%252582%2525B6%2525E6%252593%25258D%2525E4%2525BD%25259C%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_34%3Adumbled0re%252Cx_220%252Cy_108%2Fbo_3px_solid_rgb%3Ad6e3ed%252Cg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzc1NTA1NzM5OGYuanBlZw%3D%3D%252Cr_20%252Cw_90%252Cx_92%252Cy_102%2Fco_rgb%3A6e7b85%252Cg_south_west%252Cl_text%3Anotosansjp-medium.otf_30%3A%2525E3%252582%2525B9%2525E3%252583%25259A%2525E3%252583%2525BC%2525E3%252582%2525B9%2525E3%252583%25259E%2525E3%252583%2525BC%2525E3%252582%2525B1%2525E3%252583%252583%2525E3%252583%252588%252520Engineer%252520Blog%252Cx_220%252Cy_160%2Fbo_4px_solid_white%252Cg_south_west%252Ch_50%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzQ1MTY4OGExZGEuanBlZw%3D%3D%252Cr_max%252Cw_50%252Cx_139%252Cy_84%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
広告ブロック機能搭載Webブラウザーの「Brave（ブレイブ）」は2024年4月、日本国内の月間利用者数（MAU）が400万人を超えた。開発を手掛ける米Brave Softwareは一方で、媒体社への収益を分配する独自の広告事業の拡大を進めている。24年6月には動画広告を開始する方針だ。広告をブロックしながら、広告事業を手掛ける同社。矛盾しているようにも見えるが、消費者と媒体社の両方を守る新たなエコシステムの開発を目指している。その新広告モデルの驚きの仕組みを明らかにする。 ページ遷移するたびに、画面いっぱいに表示されるポップアップ広告、閲覧履歴とは関係なしに表示される、成人向け漫画の刺激的な描写を切り取ったバナー広告、サイトをスクロールしてもついて回る動画広告……。 こうした、「うざい広告」はネットメディアの利用者にとって、利用体験を妨げることこの上ない。そうした広告を、利用者自身で対策
ゼロからはじめるPython(117) ブラウザとPythonが合体したデスクトップ開発ライブラリ「pywebview」を使ってみよう
今回紹介するのは、PythonとWebブラウザコンポーネントを利用してデスクトップアプリを開発できる「pywebview」だ。Webブラウザの持つ高い表現力にPythonの豊富な機能を組み合わせることができる点が便利だ。 pywebviewを使うとPythonからブラウザコンポーネントを操作できる ブラウザの表現力をPythonに組み合わせたアプリを作ろう Pythonでちょっとしたデスクトップアプリを作りたい場面というのは、意外と多いものだ。ファイルを選択したり、オプションを選んだり、エディタにメッセージを入力してもらうなど、簡単なUIが必要なだけであれば、先日紹介したTkEasyGUIでも十分だろう。 しかし、もっと画面表示を凝ったものにしたい場合には、Webアプリにして、画面入出力にブラウザを利用することも多い。この場合、FlaskなどのWebフレームワークを利用する。この方法であれ
米Googleは、Webブラウザ版Googleマップの「タイムライン」機能を廃止する。タイムラインは、自分の移動履歴を記録できる機能で、これまでは使用する位置情報データをGoogleのサーバに保存していた。今後、データが各スマートフォンに直接保存されるようになるのに伴い、PCなどWebブラウザ版Googleマップでのタイムライン機能の利用ができなくなる。 仕様の変更についてはGoogleマップアプリの全てのユーザーに段階的にリリースし、利用アカウントでアップデートが可能になると通知が届くという。Googleマップのヘルプコミュニティーによると、機能を利用する場合はデータの保存期間を指定し、タイムラインを「このままオンにする」と設定。これまでの移動履歴については、データをエクスポートし、スマートフォンに取り込む必要がある。 通知に従って設定し、データをスマートフォンに移動した後は、ブラウザ版
はじめに 社員の皆さんはこんな奴が最近エンジニアになって頑張ってるんだなと暖かい目で読んでいただければと思います。 社外の方やエンジニアを目指している方は少しでも学習の参考や、コネクター・ジャパンに興味を持っていただければと思います。 自己紹介 建築の営業→未経験から独学でプログラミング学習し5ヶ月でLaravelでポートフォリオを作成しました。そして現在は自社開発企業に入社し、WEBエンジニアとしてプロダクト開発に携わっています。 概要 あなたは普段どんなブラウザを利用していますか？ ほとんどの方がGoogleChromeで、fireFox、Vivaldiなど色々ブラウザがありますね。 私は最近世界で話題になっている新しいブラウザ「Arc」を使っており、Chromeから移行のしやすさや、利便性の良さからすっかり虜(ファン)になってしまいました笑 そんな「Arc」を3ヶ月使ってみての使用感
Edgeが神ブラウザになる可能性がでてきた #MicrosoftBuild2024.05.22 07:0060,278 三浦一紀 音声で聞けるの、ありがたいね。 Microsoft（マイクロソフト）は、開催中の開発者向けカンファレンス｢Microsoft Build 2024｣で、同社開発のウェブブラウザ｢Microsoft Edge｣に、多言語リアルタイム翻訳機能を追加すると発表しました。 どういう機能かというと、YouTubeやLinkedIn、ロイター、CNBC、ブルームバーグなどのサイトにある動画を指定した言語でリアルタイム翻訳してくれるというもの。音声にも字幕にも対応するようです。 短いですけど、デモ動画があるのでご覧ください。 Video: Microsoft Edge/YouTubeちょっとわかりにくいかもしれませんが、LinkdInの英語の動画をスペイン語にリアルタイム翻訳
なつかしのFLASHゲーム22作品が復活公開中。ブラウザから無料で遊べてクセになる「あのころお世話になった」かもしれないゲームたち | ゲーム・エンタメ最新情報のファミ通.com
復活公開中のゲームは『艦砲射撃！甲改』、『マテリアルスナイパー』、『2ch格闘(仮)』、『SeventhSky Refine』など、ゲームファンがいつかの時代、お世話になっていた“かもしれない”ゲームたち。プレイしてみると、いま遊んでも色褪せない楽しさがある。 NEXTFRAME!から閲覧できるポートフォリオによると、TANAKA U氏は『Pokémon Sleep』（ポケモンスリープ）や『アイドルマスター シンデレラガールズ スターライトステージ』、『プリンセスコネクト！Re:Dive』ほか多数の有名タイトルに携わってきたゲーム制作者。そのゲーム制作の原点が、2003年より公開を開始した多数のFLASHゲーム群であるようだ。 当時制作したゲームの再公開は2022年末からスタート。少しずつ遊べるゲームを増やし、現在は22作品が遊べる状態となっている。制作するゲームは「動かしているだけで気持
動画編集アプリは数多くの種類が存在しますが、「動画に字幕だけを付けたい」といったちょっとした編集のために動画編集アプリをインストールするのは面倒です。「omniclip」はブラウザ上で動作するインストール不要の動画編集アプリとのことなので、実際にomniclipを使って動画に字幕を付ける編集をやってみました。 GitHub - omni-media/omniclip: Open source video editing web application https://github.com/omni-media/omniclip 今回は、以下の動画に字幕を追加してみます。 ビワマスを釣り上げる寸前に逃げられた - YouTube まず、以下のリンクをクリックしてomniclipを開きます。omniclipはChromeとEdgeに対応しているので、どちらかのブラウザを使ってアクセスしてくださ
「Transcription Stream」は音声ファイルをアップロードするだけで自動で文字起こしと要約を作成してくれる上、シークバーと文字起こし結果が連動するため人間による聞き取りが必要な場所を一目で見つけられる便利なツールです。無料で使用でき、セルフホスト可能なオープンソース版として「Transcription Stream Community Edition」が用意されているので実際にセルフホストしてみました。 GitHub - transcriptionstream/transcriptionstream: turnkey self-hosted offline transcription and diarization service with llm summary https://github.com/transcriptionstream/transcriptionstre
バグ・エラー・不具合を動画と画像とメタデータで再現可能にして開発者とサクッと簡単にブラウザの拡張機能で共有できる「Jam」レビュー
「Jam」はボタン一発でスクリーンショットや動画の撮影を行い、OSやブラウザのバージョンなどのメタデータと一緒にまとめて共有できる状態にしてくれるChrome・Edge・Arc・Brave・Operaなど各ブラウザ向けの拡張機能です。ユーザーからのバグ報告を受けるのに便利そうだったので実際に使い勝手を試してみました。 Jam | Build a bug-free product. https://jam.dev/ Jamの公式サイトにアクセスし、「Get Jam for Free」をクリック。 「Chromeに追加」をクリックします。 「拡張機能を追加」をクリック。 アカウントの作成を求められます。今回はGoogleアカウントを使用するので「Continue With Google」をクリック。 ログインに使用するアカウントをクリックします。 「次へ」をクリック。 Jamを開きやすいよう、
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます リモートアクセスは、Raspberry Piのポテンシャルを最大限に引き出す上で障害となる場合がある。多くの愛好家は「RealVNC」のようなツールを使うが、無料版にある制限は、特にアクセススポットが限られている場合、いら立ちの原因となる。 そこで「Raspberry Pi Connect」の出番となる。Raspberry Pi Connectは、Raspberry Piコミュニティーが心待ちにしていたリモートデスクトップツールだ。アクティブなインターネット接続があれば、Raspberry Piデバイスに対するシームレスなリモート管理をブラウザーから直接可能にする。 Raspberry Pi Connectを使用するには、ハードウェアが
視覚障害を持つ人々はブラウザの拡大機能やカスタムCSSを使用して文字を大きくしてウェブサイトにアクセスすることがありますが、サイト側の対応が不適切だとレイアウトが崩れてしまいます。レイアウトを維持したまま文字のサイズ変更に対応する方法が、Airbnbの企業ブログで解説されています。 Rethinking Text Resizing on Web. Airbnb has made significant strides in… | by Steven Bassett | The Airbnb Tech Blog | May, 2024 | Medium https://medium.com/airbnb-engineering/rethinking-text-resizing-on-web-1047b12d2881 視力が著しく低下してしまった人がAirbnbのページを見た時のイメージはこん
X(旧Twitter)がすべてのURLを「x.com」へ正式に変更しTwitterの名残が消滅、しかしブラウザやログイン状態によっては一部のtwitter.comのURLが依然としてリダイレクトされないままのケースも
2022年11月にイーロン・マスク氏がTwitterを買収し、その後、2023年7月に名称が「X」に変更されました。名称変更後もXのURLは「twitter.com」のままだったのですが、2024年5月17日についに「x.com」に変更されることが発表されています。しかし、一部のブラウザやログインステータスによっては、依然として「twitter.com」のURLが新しいものにリダイレクトされないまま残っていることが指摘されています。 Twitter is officially X.com now - The Verge https://www.theverge.com/2024/5/17/23829098/twitter-x-com-url-links-switch Twitter URLs redirect to x.com as Musk gets closer to killing
LLM でブラウザを操作する WEB エージェントと周辺技術のざっくり紹介 - Algomatic Tech Blog
こんにちは。Algomatic NEO(x) カンパニー機械学習エンジニアの宮脇（@catshun_）です。 本記事ではブラウザやモバイル画面を操作する LLM エージェントとその周辺技術について超ざっくりと紹介します。 社内に向けたキャッチアップ資料として作成しており、加筆修正する可能性がありますが、本記事を読んだ方の議論のネタ程度になってくれれば幸いです。 以前 AI ソフトウェアエンジニアについて紹介しているので、こちらもご覧いただけたら幸いです。 おことわり 本記事では対象とする研究棟の 詳細な解説は含みません。詳細は元の論文を参照ください。 不十分また不適切な言及内容がありましたらご指摘いただけますと幸いです。 プロダクト等の利用時は 必ずライセンスや利用規約を参照して下さい。 本記事の目次 Google I/O '24 での Gemini Nano × Android の発表
StackBlitzでReactとJSON Serverを動かしてフロントエンドでAPIからデータを取得するサンプルをブラウザで全部動かす | DevelopersIO
StackBlitzでReactとJSON Serverを動かしてフロントエンドでAPIからデータを取得するサンプルをブラウザで全部動かす StackBlitzを使って、ブラウザ上でReactとJSON Serverを動かして、フロントエンドからバックエンドAPIのデータを取得するサンプルを作りました。フロントエンドもバックエンドもあなたのブラウザ上で動きます。 フロントエンド（React）のブログを書くのに、動かせるサンプルとして StackBlitz を使っています。 StackBlitzって何？と、思った方はこちらのブログを御覧ください。 簡単に言うと、ブラウザ上でプレビューできるオンラインのコードエディタです。 フロントエンドは、基本的にデータをバックエンドAPIから取得して表示することが多いです。 そういった機能を盛り込んだブログを書くとき、StackBlitzのサンプルのデータ
【PR】Webブラウザで、5分あればかわいいVRMアバターができる時代！「Vket Avatar Maker」のクリエイターズアイテムを試してみた | メタカル最前線
いろんなサービスやツールで使えるアバターとして、代表格を挙げるとすれば、やはりVRMです。入手方法も、「VRoid Studio」などを使って作成したり、最近では市販品も充実しています。 HIKKYが提供している「Vket Avatar Maker」も、VRMモデルを作成できるサービスのひとつ。5月31日、このサービスに大きなアップデートがやってきました。 それは「クリエイターズアイテム」。クリエイターが手掛ける顔や服を、購入すれば使えるようになるのです。 しかも、アバターの作成にアプリのダウンロードなどは不要です。Webページを開くだけで、5分もあればかわいいVRMアバターが作成できます。本記事にて、作成手順などを解説します。 「Vket Avatar Maker」とは 「Vket Avatar Maker」は、HIKKYが開発・運営しているアバター作成サービス。Webブラウザ上で動作す
オンライン忍者かくれんぼ対戦『SALUTO -ソルト-』ブラウザ向けに無料公開。最大100人参加可能、闇に紛れる真っ黒忍者を真っ白忍者が追いかける - AUTOMATON
ホーム ニュース オンライン忍者かくれんぼ対戦『SALUTO -ソルト-』ブラウザ向けに無料公開。最大100人参加可能、闇に紛れる真っ黒忍者を真っ白忍者が追いかける 全記事ニュース
2024年5月、Raspberry Pi財団が公式にリモートデスクトップサービス「Raspberry Pi Connect」のベータ版をリリースした。Webブラウザーベースという点が大きな特徴だ。ローカルネットワークはもちろんのこと、外部ネットワークからアクセスもできる。今回は2024年5月時点のRaspberry Pi Connectの使い方と使用感を紹介しよう。 Raspberry Pi OS標準のVNC 「Raspberry Pi OS」でリモートデスクトップといえば、Raspberry Pi OS標準でインストールされているVNC（Virtual Network Computing）を想像するのではないだろうか。過去にVNCを使ったことがある読者も多いことだろう。 2023年にリリースされたRaspberry Pi OSの「Bookworm」では、ウインドーシステムが「X Wind
■チャンネル登録はこちら→https://www.youtube.com/@webmaniach/?sub_confirmation=1 ＜今回の動画について＞ 現在世界中で話題の新世代ブラウザ「Arc」について徹底解説しました。 Arcは2023年に最後発ではじまったArcですが、AIなど他にはない便利な機能を多数搭載している次世代ブラウザです。 この動画ではArcの使い方や機能など詳しく解説しているので、ぜひ気になる方が動画をご覧ください！ Arc公式サイト：https://arc.net/ Arcショートカット一覧：https://resources.arc.net/hc/en-us/articles/20595231349911-Keyboard-Shortcuts ＜ウェブマニアについて＞ おすすめのWEBサイト・WEBサービス・ツール・アプリなど、 皆さんのネットライフを
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SPAのアプリケーションで、外部のIdPを使ってOpenID Connect によるログイン機能を開発しようと考えています。IDトークンの保存先として、ブラウザのCookieかサーバーのDBに保存するかの2つの案があると思っています。調べた限り、サーバーサイドで持つべきという意見が多いように見えますが、以下のような背景がある中で開発しても、ブラウザのCookieでは持つべきなのではないのでしょうか？ - IDトークン自体にも、個人の属性（氏名等）情報は無いことを確認している - サーバーサイドでIDトーク
[Playwright]VScodeの拡張機能でらくらくブラウザ操作
「うざい広告」防ぐ急成長Webブラウザー 謎の収益構造を大解剖
Googleマップの「タイムライン」機能、ブラウザ版が廃止に 「不便になる」などの声も
世界で話題のブラウザ「Arc」が便利すぎたので魅力を解説する - Qiita
Edgeが神ブラウザになる可能性がでてきた #MicrosoftBuild
ブラウザ上で動画編集が可能なオープンソースアプリ「omniclip」を使って動画に字幕を付けてみた
無料＆セルフホスト可能なブラウザ上で操作できる文字起こしツール「Transcription Stream」レビュー
「Raspberry Pi」にブラウザー経由でリモートアクセス--「Raspberry Pi Connect」
ブラウザ側で文字サイズを変更してもレイアウトが崩れないようにするための方法をAirbnbのエンジニアが解説
「twitter .com」から「x.com」へのリダイレクトにブラウザー拡張機能が続々対応中【5月27日追記】／「Control Panel for Twitter」や「Clean-Spam-Link-Tweet」などが更新済み【やじうまの杜】
Synology「BeeStation」にPCブラウザー版「BeePhotos」から写真をアップロードする【自宅Wi-Fiの“わからない”をスッキリ！】
新サービス「Raspberry Pi Connect」を試してみた、Webブラウザーでリモート接続
世界で話題！新時代のブラウザ「Arc」がやばすぎたので魅力を徹底解説する