SameSite属性とCSRFとHSTS - Cookieの基礎知識からブラウザごとのエッジケースまでおさらいする - Flatt Security Blog

2024/01/31 110 users okazu_dm CSRF HSTS 文脈 挙動

こんにちは、 @okazu_dm です。 この記事は、CookieのSameSite属性についての解説と、その中でも例外的な挙動についての解説記事です。 サードパーティCookieやCSRF対策の文脈でCookieのSameSite属性に関してはご存知の方も多いと思います。本記事でCookieの基礎から最近のブラウザ上でのSameSite属性の扱いについて触れ... 続きを読む

Flashゲーム『人生オワタの大冒険』など3作品が再公開。トラップ満載の死にゲーが、再びブラウザ上からプレイ可能に - AUTOMATON

2023/11/19 134 users ロッコちゃん クリエイター 同氏 AUTOMATON キング氏

国内のクリエイターであるキング氏は11月19日、『人生オワタの大冒険』などを再公開した。再公開されたのは、『人生オワタの大冒険』『ロッコちゃん（Rokko Chan）』『人生オワタの大冒険2』の3作品。同氏のサイト内にて、再びブラウザ上から無料でプレイ可能なっている。 再公開された作品の一つ『人生オワタの大冒険』... 続きを読む

ブラウザ上でデバッグするときに使えるテクニック

2023/11/18 358 users テクニック デバッグ Netflix パク フロントエンド

ウェブ上でJavaScriptを実行してバグが発生した場合、ブラウザに内蔵されている開発者ツールを使ってデバッグすることがよくあります。そうしたブラウザでのデバッグにおいて役立つテクニックをNetflixでフロントエンドの開発に携わっているアラン・ノルバウアーさんがまとめています。 67 Weird Debugging Tricks Your ... 続きを読む

老舗音声編集ソフトのAudacityをインストール不要でブラウザでも使える「Wavacity」

2023/09/09 131 users Audacity 本家 インストール ブラウザ オープンソース

無料で提供されているオープンソースの音声編集ソフトウェア「Audacity」をフォークし、ブラウザ上で動作するようにした「Wavacity」が公開されています。 Wavacity https://wavacity.com/ 上記のリンクにアクセスすると、以下のような画面が表示されます。本家のAudacityは表示言語を日本語に設定する必要がありますが... 続きを読む

ブラウザ上で3Dキャラクターと会話できる「ChatVRM」をオープンソースで公開しました - pixiv inside

2023/04/28 101 users pixiv ChatVRM ビューワー OSSライブラリ 運用

こんにちは、@keshigomu です。 普段は主にVRoid Hubのフロントエンドエンジニアとして、3Dキャラクターを表示するビューワーの開発に携わっています。また@pixiv/three-vrmという、Web上で3Dモデルを使ったコンテンツを開発するためのOSSライブラリの運用も行っています。 今回、ブラウザで簡単に3Dキャラクターと会話... 続きを読む

“詩の上を歩く”アクションゲーム『詩が書けなかった日』公開。綴られた言葉を歩み、作者の軌跡を辿る - AUTOMATON

2023/03/06 113 users インディーデベロッパー itch.io AUTOMATON

インディーデベロッパー/ピクセルアーティストのZennyan氏は3月6日、横スクロールアクションゲーム『詩が書けなかった日』を配信開始した。プログラマーのmikyokyuji氏との共同制作作品となっており、PC向け（Itch.io）として無料で公開中、ブラウザ上でプレイ可能だ。 『詩が書けなかった日』は“言葉の上を歩く”横スク... 続きを読む

膨大なサブカルネタに彩られた宇宙ステーション796階の生活を描写したループ動画「Floor796」、日本のアニメやゲームネタも盛りだくさん

2022/11/16 74 users サブカルネタ floor 古今東西 ループ動画 アニメ

「巨大宇宙ステーションの796階」というSFの舞台設定に、古今東西のアニメ・ゲーム・映画から引用した膨大なサブカルネタが詰め込まれたループ動画「Floor796」が、ブラウザ上で無料公開されています。日本でもなじみ深いアニメやゲームのネタも盛りだくさんとのことで、実際にFloor796の世界を探索してみました。 Floor... 続きを読む

matsuu(シン・ウー馬場ーイー2) on Twitter: "インフラエンジニアのためのLeetCodeのようなサイト。問題を抱えたサーバが与えられるので、ブラウザ上で開くターミナル操作で問題を解決する。1問

2022/10/29 329 users matsuu LeetCode シン・ウー馬場ーイー サーバ

インフラエンジニアのためのLeetCodeのようなサイト。問題を抱えたサーバが与えられるので、ブラウザ上で開くターミナル操作で問題を解決する。1問やってみたけど体験良い。サーバはEC2で立てられてる模様。いいね / “SadSer… https://t.co/Cgh0mXrgkl 続きを読む

Flashゲーム『艦砲射撃！』がHTML5に対応し仮公開。人気Flash作品が、現行のブラウザへ再登場 - AUTOMATON

2022/10/29 95 users NEXTFRAME AUTOMATON 艦砲射撃 現行 プレイ

国内のゲーム制作者TANAKA U氏は10月28日、『艦砲射撃！（艦砲射撃！甲改）』のHTML5への対応を告知した。現在同作はサイト「NEXTFRAME」内で、PC版Chrome向けに仮公開中。かつての人気Flash作品が、再びブラウザ上でプレイ可能となっている。 『艦砲射撃！』は、TANAKA U氏が制作し2004年より公開されてきた、2Dアクシ... 続きを読む

ブラウザ上でArduinoやRaspberry Piの電子回路を作成＆実行できる「Wokwi」を使ってみた！ - paiza開発日誌

2022/10/05 59 users Arduino 回路 paiza開発日誌 0310lan 作成

どうも、まさとらん（@0310lan）です！ 今回は、ブラウザ上で電子回路を組み立てたりプログラミングしたりできる無料のWebサービスをご紹介します。 Arduino、Raspberry Pi Pico、ESP32などのボードを使い、さまざまな電子部品を組み合わせて自由に回路を設計して動作確認もできる便利なWebエディタを提供しています。 ... 続きを読む

『ポケモン』風画面を“見よう見まね”で生成する機械学習デモが公開。実際に歩ける狂気めいた世界 - AUTOMATON

2022/09/17 151 users 任天堂 デモ プレイヤー ポケットモンスター 構築

とあるディープラーニング技術者が、『ポケットモンスター』風のゲーム画面を生成するデモを構築。プレイヤーの操作まで検知して“それっぽい”映像を再現することに成功し、実際にブラウザ上で操作できるよう公開されている。 Ollin Boer Bohan氏によるデモより 『ポケットモンスター』（以下、ポケモン）は、任天堂の人... 続きを読む

Shin Sasaki on Twitter: "Figmaの歴史はプロダクト開発者にとって学びの宝庫だった📝 1. 初期コンセプト「ブラウザ上のフォトショップ」は不発 2. 当時の常識は「1人かつオフライン」 3. 機能を絞

2022/09/16 143 users figma フォトショップ 宝庫 常識 https

Figmaの歴史はプロダクト開発者にとって学びの宝庫だった📝 1. 初期コンセプト「ブラウザ上のフォトショップ」は不発 2. 当時の常識は「1人かつオフライン」 3. 機能を絞りUIデザインに特化し成功 4. 他ツールからシェア… https://t.co/F9dyeR8Gbv 続きを読む

画像生成AI「Stable Diffusion」で自動生成された画像からどのようなプロンプト・呪文だったのかを分解して表示できる「CLIP interrogator」の使い方

2022/09/12 217 users プロンプト ユーザーインターフェース コマンドライン 呪文

2022年8月に一般公開された画像生成AI「Stable Diffusion」を簡単にWindowsローカル環境に導入でき、コマンドラインではなくブラウザ上に表示されるユーザーインターフェース(UI)から操作可能にするツールがAUTOMATIC1111版Stable Diffusion web UIです。AUTOMATIC1111版Stable Diffusion web UIはただ画像を生成するだ... 続きを読む

フロントエンドのコードからの情報漏洩を防ぐための工夫 - BASEプロダクトチームブログ

2022/09/06 155 users フロントエンド 工夫 BASEプロダクトチームブログ コード

基盤チームの右京です。 昨今はフロントエンドのアプリケーションもリッチになり、ブラウザ上で実行されるコードが行うことの範囲も増えてきました。一方で多くのことを実装できてしまうのはリスクでもあり、BASE でも問題となることがあります。 その中でも「開発環境の URL」や「デバッグ機能の存在」ような環境毎に異... 続きを読む

1990年代のMacをブラウザ上で完全再現すべく作られたエミュレーター「Infinite Mac」

2022/04/27 85 users エミュレーター Mac Infinite Mac 作者

オープンソースのMac 68KエミュレーターであるBasilisk IIをブラウザ上でも利用できるように拡張したというエミュレーターの「Infinite Mac」が登場しました。作者はMihai Parparita氏で、Infinite Macの開発経緯などをブログ上で明かしています。 persistent.info: Infinite Mac: An Instant-Booting Quadra in Your Br... 続きを読む

JavaScriptで壮大なハッキング体験を実現するWebゲーム「Bitburner」で遊んでみた！ - paiza開発日誌

2022/02/24 276 users Steam 疑似 0310lan ハッカー気分 まさとらん

どうも、まさとらん（@0310lan）です！ 今回は、ブラウザ上からリアルなハッカー気分を疑似体験できるユニークな無料Webゲームをご紹介します！ PCゲームとしてSteamからもリリースされていますが、今回ご紹介するブラウザ版は手軽に遊べるのでオススメです。ターミナル風のゲーム画面が特徴で、実際にJavaScriptを使っ... 続きを読む

2021年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表 - PhotoshopVIP

2022/01/18 269 users CodePen PhotoshopVIP デベロッパー 共有

HTMLなどのコードをブラウザ上で確認ができ、公開や共有もできるなど、世界中のデベロッパーが愛用するCodepen。 この記事は、2021年に特に人気の高かったHTMLスニペットをランキング形式でまとめた The Most Hearted of 2021 が発表されていたので、その中でも実用性の高いHTMLスニペットを中心にまとめて紹介していま... 続きを読む

ブラウザで動作＆TwitterやYouTubeも購読可能なRSSリーダー「Feedbro」を使って情報収集を爆速化してみた

2022/01/09 470 users Twitter YouTube YouTubeチャンネル

GIGAZINE編集部では、世界中の情報を収集しまくるためにRSSリーダーを用いて数多くのウェブサイトの更新をチェックしています。しかし、独立型のRSSリーダーを使う中で「ブラウザとRSSリーダーを往復するのが面倒」「TwitterやYouTubeチャンネルの更新もチェックしたい」といった不満＆要望が生じたので、ブラウザ上で動... 続きを読む

「画像の一括ダウンロード」「ページ情報の抽出」などの操作をプログラミング不要で自動化できる「Browserflow」レビュー

2021/11/21 262 users Twitter スプレッドシート 手動 抽出 プログラミング

インターネットを利用していると「Googleマップの検索結果をスプレッドシートにまとめる」「Twitterのフォローを全て解除する」といった手動でポチポチ作業するのは面倒な作業が必要になることがあります。Google Chrome向け拡張機能「Browserflow」を使えばブラウザ上の面倒な作業をプログラミングの知識がなくとも簡単... 続きを読む

ブラウザ上の操作手順を自動でスクショしてくれるChrome拡張機能【今日のライフハックツール】

2021/10/06 316 users ライフハックツール Tango 身内 Chrome拡張機能

共有資料や手順書の作成で、スクリーンショットを撮りながら進めるのはちょっと面倒です。 身内への手順共有であれば画面録画を活用する手もありますが、それにしても編集したり考えながら操作を進めたり…といった要望がありますよね。 ウェブブラウザ上の操作をキャプチャするのなら、Chrome拡張機能『Tango』を追加す... 続きを読む

立体的な表現で見やすいネットワーク図がブラウザ上で作成できる「Isoflow」 - GIGAZINE

2021/07/22 504 users GIGAZINE 図面 キャンバス上 ネットワーク 構成

ネットワークの構成を視覚的に把握しやすいアイソメトリック図で表現でき、作成した図面を共有して相手に見せることができるオンラインサービスが「Isoflow」です。 Isoflow https://isoflow.io/ まずはお試しですぐに図面の作成画面に行くことができます。「CREATE A DIAGRAM」をクリック。 表示されたキャンバス上の好... 続きを読む

WebAssemblyのWeb以外のことぜんぶ話す

2021/03/20 411 users WebAssembly バイナリフォーマット kernel

WebAssemblyのWeb以外のことぜんぶ話す 1. WebAssemblyの Web以外のことぜんぶ話す Takaya Saeki (@nullpo_head) Kernel/VM勉強会 online part 2 2. WebAssemblyと は？(一般的なやつ ウェブブラウザのクライアントサイドスク リプトとして動作する低水準言語である。 ブラウザ上でバイナリフォーマットの形で 実行可能... 続きを読む

2020年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表 - PhotoshopVIP

2021/01/15 165 users CodePen PhotoshopVIP STATS 話題

You need to install Jetpack plugin and enable the "Stats" module to be able to use this. HTMLなどのコードをブラウザ上で確認ができ、公開や共有もできるなど、世界中のデベロッパーが愛用するCodepen。 この記事は、2020年に特に人気の高かったHTMLスニペットをランキング形式でまとめた The Most Hearted of 202... 続きを読む

Googleの無料サービス「Dialogflow」を使ってノーコードでチャットボットを作ってみた | Ledge.ai

2020/12/05 294 users Dialogflow Slack Ledge.ai コード

DialogflowはGoogleが無料で提供している、簡単にチャットボットを作成できるサービスです。Dialogflowを使うことで、以下のようなメリットがあります。 ・Googleアカウントがあればすぐに開発を始められる手軽さ ・ブラウザ上で開発できる ・コードを書かなくても開発できる ・Slack、LINE、Google アシスタントなど、... 続きを読む

システム構成図をテキストで

2020/11/28 517 users テキスト システム構成図 SVG 精度 コンセプト

システム構成図をテキストで drawthe.netとは cidrblock/drawthe.netは複雑なネットワーク図も「テキストで書いてブラウザ上でSVGレンダリングできるようにしよう」というコンセプトのもと開発されたツールです。下図のように複雑な構成図も精度高く描くことができます。 拡大してみると情報量が多いこと、またいかに整... 続きを読む