SPAのアプリケーションで、外部のIdPを使ってOpenID Connect によるログイン機能を開発しようと考えています。IDトークンの保存先として、ブラウザのCookieかサーバーのDBに保存するかの2つの案があると思っています。調べた限り、サーバーサイドで持つべきという意見が多いように見えますが、以下のような背景がある中で開発しても、ブラウザのCookieでは持つべきなのではないのでしょうか？ - IDトークン自体にも、個人の属性（氏名等）情報は無いことを確認している - サーバーサイドでIDトークンの署名検証をして、IDトークンの改ざんが無いか確認する - Http Only属性：JSによるCookieへのアクセスを防ぐため - Secure属性：流出防止のため - SameSite=strict：CSRF対策のため 結論から言えば、「どちらでもよい」となります。しかし、恐らく話は
これでもうロゴのSVGを探さないで済む！ SNSやブラウザ、ライブラリ、ソフトウェアなどのロゴをSVGで簡単に利用できる -svgl
ソーシャルメディアをはじめ、各種ブラウザ、フレームワーク、ライブラリ、言語、ソフトウェア、AI関連などのロゴをSVGで簡単に利用できるsvglを紹介します。 SVGはコードをコピペで利用したり、SVGファイルをダウンロー...記事の続きを読む
無料かつ匿名でブラウザからChatGPTやClaude 3などのAIが使える「AI Chat」をDuckDuckGoがリリースしたので使ってみた
はじめに こんにちは。スペースマーケットで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)
なつかしの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
LLM でブラウザを操作する WEB エージェントと周辺技術のざっくり紹介 - Algomatic Tech Blog
こんにちは。Algomatic NEO(x) カンパニー機械学習エンジニアの宮脇（@catshun_）です。 本記事ではブラウザやモバイル画面を操作する LLM エージェントとその周辺技術について超ざっくりと紹介します。 社内に向けたキャッチアップ資料として作成しており、加筆修正する可能性がありますが、本記事を読んだ方の議論のネタ程度になってくれれば幸いです。 以前 AI ソフトウェアエンジニアについて紹介しているので、こちらもご覧いただけたら幸いです。 おことわり 本記事では対象とする研究棟の 詳細な解説は含みません。詳細は元の論文を参照ください。 不十分また不適切な言及内容がありましたらご指摘いただけますと幸いです。 プロダクト等の利用時は 必ずライセンスや利用規約を参照して下さい。 本記事の目次 Google I/O '24 での Gemini Nano × Android の発表
3D CADは、PCにインストールして使用するのが一般的です。しかし、近年、PCにインストールせずに、インターネットに接続した状態でWebブラウザから使用できる3D CADが登場し始めています。 そこで今回は、筆者が実際に使用したことのあるものを中心に、“Webブラウザで動作する3D CAD”について、いくつか代表的なものを紹介していきたいと思います。 ⇒ 連載バックナンバーはこちら 1．Onshape PTCが提供する「Onshape」は、3Dモデリングをクラウド上で行えるフルクラウド3D CADで、オールインワンのSaaS（Software as a Service）型製品開発プラットフォームとして位置付けられています。すぐに試せる無料プラン（非商用での利用のみ許可）が用意されていますが、仕事で使うのであれば各種管理機能やセキュリティ機能が強化されている有償プランの導入が必要です。 M
【PR】Webブラウザで、5分あればかわいいVRMアバターができる時代！「Vket Avatar Maker」のクリエイターズアイテムを試してみた | メタカル最前線
｢iOS 18｣では他社製デスクトップWebブラウザでApple Payが利用可能に ｰ Windows搭載PCにも対応 | 気になる、記になる…
｢iOS 18｣では他社製デスクトップWebブラウザでApple Payが利用可能に ｰ Windows搭載PCにも対応 2024 6/14 MacRumorsによると、「iOS 18」を搭載した「iPhone」では「Google Chrome」や「Microsoft Edge」「Firefox」などの他社製のデスクトップWebブラウザでApple Payが利用可能になることが分かりました。 Apple Payの最新バージョンを実装しているWebサイトはこの新しいシステムをサポートしており、「Safari」以外のWebブラウザでApple Payを利用してチェックアウトすると、画面にコードが表示され、「iOS 18」以降を搭載した「iPhone」のカメラアプリでスキャンすることで、「iPhone」上で購入手続きを完了出来るといったもので、Webブラウザを実行するコンピューターがWindow
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
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SPAのアプリケーションで、外部のIdPを使ってOpenID Connect によるログイン機能を開発しようと考えています。IDトークンの保存先として、ブラウザのCookieかサーバーのDBに保存するかの2つの案があると思っています。調べた限り、サーバーサイドで持つべきという意見が多いように見えますが、以下のような背景がある中で開発しても、ブラウザのCookieでは持つべきなのではないのでしょうか？ - IDトークン自体にも、個人の属性（氏名等）情報は無いことを確認している - サーバーサイドでIDトーク
[Playwright]VScodeの拡張機能でらくらくブラウザ操作
「うざい広告」防ぐ急成長Webブラウザー 謎の収益構造を大解剖
Googleマップの「タイムライン」機能、ブラウザ版が廃止に 「不便になる」などの声も
ブラウザ上で動画編集が可能なオープンソースアプリ「omniclip」を使って動画に字幕を付けてみた
無料＆セルフホスト可能なブラウザ上で操作できる文字起こしツール「Transcription Stream」レビュー
「twitter .com」から「x.com」へのリダイレクトにブラウザー拡張機能が続々対応中【5月27日追記】／「Control Panel for Twitter」や「Clean-Spam-Link-Tweet」などが更新済み【やじうまの杜】
Webブラウザで動作する3D CADに注目してみた
新サービス「Raspberry Pi Connect」を試してみた、Webブラウザーでリモート接続