【入門】WebRTCとは？一般的な仕組み・サーバー構成を解説（シグナリング/TURN/SFU）｜Agora Go Real｜オンラインイベント・ウェビナー・Web会議ブイキューブ
2022年05月19日 【入門】WebRTCとは？一般的な仕組み・サーバー構成を解説（シグナリング/TURN/SFU） WebRTC 基礎知識 ※2020年2月の記事です。 近年、ブラウザやアプリを介して、ダイレクトに動画や音声のやり取りができるようになりました。 ビジネスシーンでも、ビデオ会議を通じて、物理的に離れている相手とやり取りができるようになり、リモートワークの促進などが期待されています。 ビデオ会議を実現する技術の1つに「WebRTC」という仕組みがあります。今回はこのWebRTCの基礎知識をお伝えします。 WebRTCとは WebRTCとは、「Web Real-Time Communication」の略称で、APIを経由して、ウェブブラウザやモバイルアプリでリアルタイム通信を実現しようと立ち上がったプロジェクトです。WebRTCのプロジェクトに参画しているのは、アップル、Go
RESTfulなDjangoのWebsocketライブラリを作った - Qiita
はじめに DjangoのWebsocketライブラリのchannelsを拡張して，rest_frameworkの便利な機能であるserializerやpermissionをほぼ同じインターフェースで実現できるライブラリrest_framework_channelsを作成しました．作成過程や実装のポイントなどを備忘録も兼ねて書き殴っていけたらと思います． 経緯 とあるDjangoのプロジェクトでWebsocketを使用して双方向の通信を実現したい要件が出てきました．このDjangoのプロジェクトはrest_frameworkを用いたRESTAPIの仕様になっているため，できるだけSerializerやPermissionの機能を使いたいです． channelsはDjangoのプロジェクトでWebSocketを導入できる素晴らしいライブラリです．しかし，あくまでもWebsocketを導入するた
下戸がノンアルコールビールを飲んで「おつまみ」の概念を理解した話 - ココロ社
アルコールが苦手で、飲酒する人の習慣がわからないまま半世紀以上生きてきた。とくにわからなかったのが「おつまみ」という概念である。otsumami……omotenashiの親戚のような語感。おかずでもなく主食でもない謎の存在。非アルコールの領域でこの「おつまみ」に近い概念といえば、おそらく「お茶請け」であるが、わたしは甘い物が好きなので、お茶請けも瞬く間に食べつくしてしまって、お茶請けというより、お菓子を食べてからお茶を飲むというだけである。 さらにわからなかったのが、「お通し」である。「おつまみ」の概念に近いのかもしれないと思っていたが、飲食店への献金のようなものだと認識していた。 本邦においてノンアルコールビールが初めて売られたのが1986年であることをわたしは忘れてはいない。宝酒造の「バービカン」で、高校１年生の時に飲んだのだった。他はさておき、味覚についてはノーマルな感性しか持ってい
TechRAMEN 2024 Conference 参加レポート - 建設予定地
はじめに 7/27(金)・28(土)に旭川市大雪クリスタルホールで開催された、TechRAMEN2024 Conferenceに参加しました。 techramenconf.net この記事は、TechRAMEN2024 Conferenceの前夜祭+本祭の参加レポートです。 ことのはこび 今年の冬ぐらいに「7/27・28くらいに、tomioさんが旭川ででっかいやつをやるらしい」と聞きつけ、おもむろにカレンダーに予定を確保した日も今は昔。 諸々の経緯からお声がけいただいて、前夜祭・本祭当日はスタッフとして参加していました。 そういえばスタッフやってます〜 明日も早起きがんばるぞい#techramen24conf pic.twitter.com/YKvsqEksCE— 0yu(おゆ) (@yud0uhu) 2024年7月26日 当日以外は特にスタッフとして何をしていたわけでもないのですが、一本
Webサービス公開前のチェックリスト
個人的に「Webサービスの公開前チェックリスト」を作っていたのですが、けっこう育ってきたので公開します。このリストは、過去に自分がミスしたときや、情報収集する中で「明日は我が身…」と思ったときなどに個人的にメモしてきたものをまとめた内容になります。 セキュリティ 認証に関わるCookieの属性 HttpOnly属性が設定されていること XSSの緩和策 SameSite属性がLaxもしくはStrictになっていること 主にCSRF対策のため。Laxの場合、GETリクエストで更新処理を行っているエンドポイントがないか合わせて確認 Secure属性が設定されていること HTTPS通信でのみCookieが送られるように Domain属性が適切に設定されていること サブドメインにもCookieが送られる設定の場合、他のサブドメインのサイトに脆弱性があるとそこからインシデントに繋がるリスクを理解してお
Python製静的サイトジェネレーターSphinxでWebサイトを構築して公開 | gihyo.jp
鈴木たかのり（@takanory）です。今月の「Python Monthly Topics」では、Python製の静的サイトジェネレーターSphinxを使用してWebサイトを構築し、テーマを適用、外部へ公開する流れについて紹介します。後半ではSphinxの便利な拡張機能を紹介し、Webサイトをより便利にしていきます。 Markdownでドキュメントを書くだけで、きれいなWebサイトが簡単に公開できるので、ライブラリのドキュメントなどでもよく使われています。 Sphinxとは SphinxはPython製の静的サイトジェネレーターです。静的サイトジェネレーターとは、Markdown等の軽量マークアップのテキストファイルから、静的なWebサイトを生成するアプリケーションのことを言います。Python製の静的サイトジェネレーターにはSphinxを含め以下のツールなどがあります。 Sphinx：h
Delphi LSP を Visual Studio Code から使う - Qiita
はじめに 2021/09/10 に Delphi 11.0 Alexandria がリリースされました。Delphi 11.0 では Visual Studio Code との LSP (Language Server Protocol) による連携が可能となっているので、これを試してみる事にしました。 何ができるようになるかと言えば、Visual Studio Code で開いた Delphi のソースコードに対してコード補完等のコード入力支援が使えるようになります 1。 Using DelphiLSP Code Insight with Other Editors (Docwiki: en) 導入 Visual Studio Code で Delphi LSP を使えるようにする手順を以下に示します。 Visual Studio Code 1. LSP 設定ファイルの出力 プロジェクト
Hono で Server-Sent Events によるストリーミングを実装する
Hono で Server-Sent Events によるストリーミングを実装する 2024.02.01 Server-Sent events（SSE）は、サーバーからクライアントに向けてイベントをストリーミングするための仕組みです。WebSocket と比較すると、サーバーからの単方向の通信、HTTP で通信するという特徴があります。この記事では Hono を使って OpenAI API を使ったテキスト生成をストリーミングする方法を紹介します。 Server-Sent Events（SSE） は、サーバーからクライアントに向けてイベントをストリーミングするための仕組みです。WebSocket と比較すると、サーバーからの単方向の通信になるという特徴があります。また HTTP で通信するため、WebSocket のように独自のプロトコルではないため、運用の負担が少ないというメリットがあり
Linuxコマンドを連続して使うには
どうも、江川(egawa)くんです。 Linuxでシェルスクリプトなどを書いていると以下のような条件に遭遇することがあるので、 備忘録的に残していきたいと、おっもいま〜す。 複数のコマンド実行を一行で記述したい あるコマンドが問題なく実行された場合のみ、次のコマンドを実行したい あるコマンドが失敗したら、次のコマンドを実行したい 更新情報 2016/7/8 新規作成 2016/7/8 レイアウトなど見やすく修正 2016/8/18 テキストを一部修正 種類 ここで出てくるのは以下のみです。 - ; （セミコロン） - &（アンパサント） - &&（アンパサントアンパサント） - |（パイプ） - ||（パイプパイプ） 使用例 コマンド1が終了したらコマンド2を実行する（実行結果に関わらず） コマンド1が異常終了しても、コマンド2は実行されます 使い方
TypeScript で Chrome 拡張機能を開発する - RevComm Tech Blog
この記事は、RevComm Advent Calender 16 日目の記事です。 フロントエンドチームに所属する関口です。フロントエンドエンジニアとして活動するかたわら、MiiTel の一部の製品のプロジェクトマネージャーを兼任しています。 なぜこのタイミングで Chrome 拡張機能がテーマなのかというと、最近 Manifest V3 への対応を弊社の MiiTel Phone Chrome 拡張機能に対して行い、知見ができたことがその理由です。各 Chrome 拡張機能の機能定義を行うフォーマットが Manifest ファイルです。このフォーマットの V2 から V3 への移行が Google から促されており、その移行猶予期間が来年の 1 月までとなっています。 この記事について この記事のゴール Chrome 拡張機能の開発手順を最低限確認した後、TypeScript が使えるシ
LINEミニアプリとLIFFアプリの違いとは？どちらを選ぶべき？｜on inc.
こんにちは！on株式会社、広報担当のデミです！ LINEのアプリ開発でよく聞く「LINEミニアプリ」と「LIFFアプリ」。何が違うのかよくわからない……という方も多いのではないでしょうか？ 非常に似た機能を持つ両者ですが、比べてみると、LINEミニアプリの特徴と、LIFFアプリの特徴はしっかり分かれます。 2つの違いを知れば、自分たちが行いたいサービスをLIFFアプリで実現できるのか、LINEミニアプリでないと難しいのか、判断する手助けになりますよ。 ここでは、LINEミニアプリとLIFFアプリの違いについて詳しくご紹介していきます！ 1.LIFFアプリって何？LIFF（LINE Front end Framework）は、LINEが提供するWebアプリのプラットフォームのこと。LIFFアプリはLIFFブラウザで利用できるWebアプリの総称です（一部例外あり）。 一般的なWebアプリはGo
エンジニア3年目までに読んで良かった書籍 - Yuki Watanabe's Blog
未経験からエンジニアになり3年が経ちました。 この3年間はベテランエンジニアとの差を埋めるべく、プライベートの時間の大半を学習に充ててきました。幸い少しずつ成長を感じられ、業務では難易度の高い仕事を任せてもらえるようになったと感じます。このキャッチアップのために100冊以上の技術関連書籍を読んだことでしょう。 ここ最近、知人やTwitter経由で知り合った方から、私が学習に使った書籍について質問を頂くことが多いです。そこで、今後参照していただきやすいように、これまで私が読んで良かった書籍を1つの記事にまとめようと思います。 前提：エンジニアとして経験した技術 書籍について 全エンジニア向け Web / インターネット イラスト図解式 この一冊で全部わかるWeb技術の基本 (★) HTMLコーダー＆ウェブ担当者のための Webページ高速化超入門 (★) Webを支える技術 -HTTP、URI
Web Pushでブラウザにプッシュ通知を送ってみる - Qiita
本記事のアップデートについて ※ Chrome 60以降、Firefox 55以降では、暗号化の手順に変更が生じます。詳細は、[改訂版] Web Pushでブラウザにプッシュ通知を送ってみるを参照してください。 2022-05-03: 今後メンテナンスを行わない見通しであることから、Javaで動作するデモの公開を終了いたします。長らくありがとうございました。なお、GitHubリポジトリはそのまま残しますので、古いコードでよろしければ参考になれば幸いです。 はじめに 先に「ChromeでW3C Push APIを使ってみた」や「Firefox (Developer Edition)でW3C Push APIを使ってみる」で書きましたように、ブラウザでのプッシュ通知の対応が徐々に形になってきています。 ChromeやFirefoxでプッシュ通知を通知だけではなくデータ(ペイロード)付きで送れる
いま注目される「DMARC」
１．はじめに 標的型攻撃による機密情報の漏洩や、フィッシング詐欺による被害がメディア等でもさかんに取り上げられているが、これらの攻撃の入り口として電子メールが最も頻繁に悪用されている。例えば標的型攻撃では、攻撃者が取引先企業の人物や職場の同僚などになりすまして電子メールを送信し、そのメールの添付ファイルを開封した受信者をマルウェアに感染させる手口がよく知られている。また、フィッシング詐欺では、ショッピングサイトやオンラインバンクなどになりすまして、パスワードの変更を促すなどの内容で受信者にフィッシングサイトに誘導し、個人情報や金銭の奪取を試みる手口が典型的である。 なりすましメールを送信する攻撃者は、本来の送信者に関する情報を様々な手段でなりすまして送信する。その代表的な手口として、以下の3つの方法が挙げられる。 表示名（ディスプレイネーム）を詐称する本物の送信者のドメイン名と類似したドメ
【最新】SCSSの@importは廃止に！？@useとの違いについて解説！ - PENGIN BLOG
@importとは@importとは分割されたSassファイルを読み込み機能です。 このようにファイル内が分割されていても、@includeで一つのSCSSファイルに統合して、まとめてcssファイルにコンパイルすることができます。 @importの廃止予定時期便利な@importですが、公式で廃止予定であることが明言されています。 （日本語訳） Dart SassとLibSassの両方がモジュールシステムのサポートを開始してから1年後、またはDart Sassがモジュールシステムのサポートを開始してから2年後、いずれか早い方（遅くとも2021年10月1日）に、@importと、モジュールを介して行われる可能性のあるグローバルなコアライブラリ関数の呼び出しを非推奨にします。 この非推奨措置が実施されてから1年後（遅くとも2022年10月1日）には、@importとほとんどのグローバル関数のサ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Class types
Method invocation
【Windows11】 右クリックメニューを旧仕様に戻す方法
ITエンジニア勉強会に「無料フード目的」の部外者出没 アンケートで半数が「遭遇」と回答、注意すれば誹謗中傷や恫喝も - 弁護士ドットコムニュース
Vue3でモーダルダイアログの起動をいい感じに実装する - Qiita
