OAuthの仕組みを説明してHonoで実装してみる
はじめに はじめまして！レバテック開発部でレバテックプラットフォーム開発チームに所属している塚原です。 直近に認証・認可周りの改修を予定しているため、チーム内で認証・認可の基礎からOAuth・OpenID Connectの仕組みを学ぶ勉強会を実施しました。今回はそこで学んだことのうち、認証・認可の基礎とOAuthの仕組みをまとめます。また、WebフレームワークとしてHono、JavaScriptランタイムとしてBunを使って、OAuthクライアントを実装してみます。 対象読者 認証と認可の違いってなんだっけ...?という人 Basic認証やDigest認証てなんだっけ...?という人 OAuthはライブラリ使って実装してるから仕組みよくわかっていない...という人 OAuthのクライアントの実装って何をすればいいんだっけ...?という人 認証・認可の基礎 2024/7/18 追記 こちらで
ブラウザ上で動画編集が可能なオープンソースアプリ「omniclip」を使って動画に字幕を付けてみた
動画編集アプリは数多くの種類が存在しますが、「動画に字幕だけを付けたい」といったちょっとした編集のために動画編集アプリをインストールするのは面倒です。「omniclip」はブラウザ上で動作するインストール不要の動画編集アプリとのことなので、実際にomniclipを使って動画に字幕を付ける編集をやってみました。 GitHub - omni-media/omniclip: Open source video editing web application https://github.com/omni-media/omniclip 今回は、以下の動画に字幕を追加してみます。 ビワマスを釣り上げる寸前に逃げられた - YouTube まず、以下のリンクをクリックしてomniclipを開きます。omniclipはChromeとEdgeに対応しているので、どちらかのブラウザを使ってアクセスしてくださ
Cloudflare、ヘッドレスブラウザ「Browser Rendering API」正式リリース。Puppeteerライブラリも提供開始
Cloudflare、ヘッドレスブラウザ「Browser Rendering API」正式リリース。Puppeteerライブラリも提供開始 Cloudflareは、同社のサーバレス基盤であるCloudflare Workersを通じてヘッドレスブラウザを操作できる「Browser Rendering API」の正式サービス化を発表しました。 これまではBrowser Rendering APIはオープンベータとして提供されていました。 Good morning! We'll keep it short: Browser Rendering API is now available to all paid Workers customers with improved session management. https://t.co/TP2W2KtgOx #DeveloperWeek — C
気になったウェブサイトや写真をわかりやすく整理しつつ保存して共有もできる「Journal」レビュー
気になったウェブサイトや書籍、ムービーなどを後から見ようと思った際、ブックマークやメモ帳へ適当に保存すると、後から見返した時に「これは何だっけ？」と混乱してしまうこともあります。「Journal」はウェブサイトや手持ちの写真をボードに貼り付けるように保存し、スマートフォンからのアクセスや他人との共有も手軽なウェブサービスとなっているとのことで、実際にどんなサービスなのか使って確かめてみました。 Journal 2.0 for Desktop - Bring your projects to life | Product Hunt https://www.producthunt.com/posts/journal-2-0-for-desktop ◆アカウント作成 Journalはダウンロードが必要な各種OSやスマートフォン向けのアプリだけでなくブラウザ版も用意されているため、ブラウザから公式
衛星データ利活用事例File.07：人工衛星を使った太陽光パネルの分析｜soranome inc.
衛星データ解析実験室！sorano me×豊橋市豊橋市とのコラボレーション企画！豊橋市で集めたアイデアの中で、サービスとして可能性のあるアイデアを実験的に検証していきます。2022年7月スタート！ マガジンはこちら。 本件に取り組む理由皆さんは再生可能エネルギーがどのようなエネルギーなのかご存知でしょうか？ 再生可能エネルギーとは、化石燃料などによる火力発電方式ではなく、太陽光や風力などの自然エネルギーを利用した持続可能な発電方式のことです。 太陽光発電も多くの方がご存知かと思いますが、太陽光発電は太陽光を利用した発電です。 東京都では大手ハウスメーカーの新築住宅に対して、太陽光パネル設置が義務化されていることもあります。 太陽光発電方式の中には、「メガソーラー」というとても広大な面積に太陽光パネルを敷き詰めて発電する設備もあります。 しかしながら、地方によっては景観を壊していたり、メンテ
新ブラウザ「Arc」ついに正式リリース！今すぐ乗り換えるべき4つの理由 | ライフハッカー・ジャパン
著者Khamosh Pathak - Lifehacker US [原文]翻訳長谷睦（ガリレオ） 2023.08.04 lastupdate 公開はされたものの数カ月にわたり招待制という形をとっていた、The Browser Companyが開発するブラウザ「Arc」が、ようやく正式リリースされました。 Macユーザーなら誰でもすぐにブラウザをダウンロードでき、今のところ無料で使えます（ちなみにWindowsバージョンは現在ベータ版の状態です）。 でも、ダウンロード可能になったからと言って、「Chrome」からArcへ完全に乗り換えてしまっていいものでしょうか？ 私はぜひそうすべきだと考えています。以下にその理由を説明しましょう。 インパクト抜群の新鮮なUIArcには、斬新で生き生きとしたムードがあります。かつてのApple製ソフトウェアを思わせるフィーリングです。 Arcの外観は、ほかの
QGISでオープンデータを使ってみよう | 航空・空間情報の朝日航洋株式会社
画像：姫路市オープンデータカタログサイト(外部サイト） オープンデータとは「機械判読が可能で、二次利用が可能な利用ルールに基づいたデータ」のことを指します。分かりやすく言うと「ルールを守れば誰でも自由に使えるデジタルデータ」のことです。政府の方針もあり現在では国や市町村によって多くのオープンデータが公開されています。特に市町村の持つデータは位置情報と相性が良いためGISデータも豊富にそろっています。そこで今回はQGISでこのオープンデータを使ってみたいと思います。 オープンデータは色々な方法で公開されていますが、もっとも一般的な方法としてはデータカタログサイトと呼ばれるWebページが用いられています。データカタログサイトとはデジタルデータを整理して、検索したり、入手したりすることをサポートするデータのカタログです。このデータカタログサイトを作る際に良く用いられているのが「CKAN」というオ
ブラウザ版のTweetDeckをアプリ化して利用可能にする
ツイッターのタイムラインを複数の列に整理して見やすくするアプリ、TweetDeckのmacOS版が6月中に利用できなくなると報じられています。 実際にmacOSのTweetDeckを起動してみると “TweetDeck for Mac is saying goodbye” と表示され、7月からは使えなくなるとのことです。 ただしアプリ版が使えなくなるだけで、tweetdeck.twitter.comでアクセスできるブラウザ版のTweetDeckはこれからも利用可能です。 とはいえ、なにもかもがブラウザのなかにあるのはいやで、単独のアプリだから良かったのにという方も少なからずいると思います。そんな人におすすめなのが、ウェブサービスを単独のアプリのように利用できるようにする Unite です。 Uniteでウェブサービスをアプリ化する Uniteは三本のアプリまでは無料で試すことができますので
コロナワクチンの予診票をブラウザから出力できるWebアプリ、学生が開発 「手書きは面倒に感じた」
新型コロナワクチンの1回目接種数が9月1日時点で50％を超えるなど、接種が全国で進む中、個人情報や健康状態を記入する予診票をブラウザから出力できる入力フォームを現役大学生が開発し、Webアプリとして公開した。 開発したのは、中央大学1年生の尾川史典さん（経済学部経済情報システム学科、Twitterアカウントは＠mizphses）。小学校3年生からプログラミングを独学で学び始め、現在はWebフロントエンド開発やデザインを趣味でやっているという。学業の傍ら、週に1回、多摩市立の小学校で小学生にタブレット端末の使い方などを教えるICT支援員としても勤務しているという。 開発のきっかけは、自身が感じた不便さからだ。接種時は事前に手書きで記入した予診票を会場に持参する必要がある。ICT支援員をしていた関係で、教職員向けの職域接種を受けた際、尾川さんは予診票のPDFファイルを編集し、PC上で記入したも
Webページがブラウザに表示されるまでに何が起こるのか？
## # Host Database # # localhost is used to configure the loopback interface # when the system is booting. Do not change this entry. ## 127.0.0.1 localhost 上記で「127.0.0.1 localhost」とあるように、[IPアドレス] [ホスト名]というフォーマットで書かれます。 HOSTS.TXTが使われていた当時 ( 1970年代 ) では、わずか数百台のホストしかなかったので、ネット上の全てのホスト情報の記載が可能でした。 しかし、インターネットが普及していくにつれてHOSTS.TXTは肥大化していき、1983年には、ホスト数はおよそ数万台になりました。もはやHOSTS.TXTによる名前解決は不可能となったので、現在のようなDNS
0からRust/Wasmを使ってブラウザで動くバーコードリーダを作ってみた話 @_mkazutaka | メルカリエンジニアリング
こんにちは！Mercari Advent Calendar 2020 の3日目は、メルカリWebPlatformチーム/Software Engineerの@_mkazutaka がお送りします。普段はメルカリのウェブ周りの開発をしておりGoやPHPやTypeScriptを書いています。 メルカリでは半期に一度エンジニアのためのお祭りMercari Hack Weekを開催しています。この記事では、第2回Mercari Hack Weekから筆者が取り組んでいるRust/Wasmを使ったバーコードリーダについて紹介します。 こちらプロダクションには出してるものでありません。お願いすればプロダクションへのリリースを許してもらえたと思いますが、筆者自身が出さない選択肢を取ったのでそれも含めて紹介します。 (注釈: いくつかの画像処理の話が出てきますが、筆者は画像処理の専門家でもなければ大学院で
Webブラウザ上で純粋なHTTPだけで単方向リアルタイム通信を可能にするHTTPのストリーミングアップロードが遂にやってくる - nwtgck / Ryo Ota
Web標準のHTTPクライアントfetch()でストリーミングしながらアップロードできるようになる。
Squoosh
SmallSmaller images mean faster load times. Squoosh can reduce file size and maintain high quality. SimpleOpen your image, inspect the differences, then save instantly. Feeling adventurous? Adjust the settings for even smaller files. SecureWorried about privacy? Images never leave your device since Squoosh does all the work locally.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Opera」がローカル大規模言語モデルを統合、AIをオフラインで使える初のWebブラウザーに／「Opera One developer」で実験的にサポート
フリーアドレスになって社員がどこにいるのか分からないので座席管理アプリ作ってみた。｜Solution - ソリューション｜株式会社イージェーワークス
秀丸エディタ、Webコンテンツ表示機能「ブラウザ枠」が実装。ChatGPTとの利用も
会員登録不要、無料で始められる「Python」学習環境「PyWeb」がベータ公開／WebブラウザーさえあればOK
追加料金なしにWebサイトを30％高速化 ～Cloudflareが「103 Early Hints」に対応、／「Google Chrome 94」ベータ版でテストできる
RSS復権の流れか。ウェブブラウザー「Vivaldi」の新バージョンにRSSリーダー機能追加【やじうまWatch】
Explore DOM Events
