無料でオープンソースなブラウザだけで動くビデオ会議システム「OpenVidu」レビュー、PC＆スマホで使えてAWSへの構築も簡単
自宅で働くリモートワークの需要が増加する中、Microsoftが「Meet Now」をリリースしたり、Googleが「Google Meet」を誰にでも無料で提供することを発表したりするなど、ビデオ会議ツールにさまざまな変化が起こっています。無料でオープンソースの「OpenVidu」は、PCやスマートフォンのブラウザから利用でき、AWSや自身が持つサーバーに環境を簡単に構築できるのが特徴のビデオ会議システムです。 OpenVidu https://openvidu.io/ ◆セットアップ(AWS編) OpenViduはAWSのCloudFormationによる構築が可能であるため、AWS上に簡単に環境を構築することができます。なお、以降の説明ではAWSのアカウントを所有しており、すでにログイン済みであることを前提としています。 まずは下記URLにブラウザからアクセスします。 CloudFo
SSRF は外部から到達できない領域にあるサーバーなどに対して、バグを悪用することでリクエストを送る攻撃手法・脆弱性です。本記事では SSRF が起きる原因と、脆弱性の影響について攻撃シナリオをベースに説明していきます。
TypeScript をより安全に使うために その 2: オブジェクトの具体的な形にアクセスするのを避ける - Object.create(null)
前回はこちら. susisu.hatenablog.com 引き続き環境は以下を前提とします: TypeScript 4.4 (この記事を書いている 2021 年 11 月時点の最新版) strict: true 原則: オブジェクトの具体的な形にアクセスするのを避ける 具体例 in 演算子による型の絞り込み Object.keys の誤った使用 Object.values, Object.entries の使用 リテラルの先頭以外での object sperad 次回 原則: オブジェクトの具体的な形にアクセスするのを避ける ここで「オブジェクトの具体的な形にアクセスする」とは, 静的な型によらずに, 実行時にオブジェクトがどのようなプロパティを持っているかといった情報を取得することを指しています. ある種のリフレクションと呼んでも良いかもしれません. こういった操作には, JavaSc
こんにちは。アプリケーションエンジニアのid:tkzwtksです。もうあと数時間で2022年も終わりですが、皆様いかがお過ごしでしょうか。2023年という新しい年に心機一転、なにか新しいことを始めようと考えているという方も、それに向けて準備を進めている方もいらっしゃると思います。 新しいといえば（と言っても半年前ですが）、はてなのサービス開始から20周年のさまざまな出来事の一環として、6月にはてなのコーポレートサイトをリニューアルし、このタイミングでコーポレートサイトのドメインもhatenacorp.jpからhatena.co.jpへ変更されました。 pr.hatenastaff.com 今回はこのドメイン変更作業にて発生したリダイレクトについて、リダイレクトの一般的な話と実際にやったことをご紹介します。 リダイレクトパターン 一言で旧サイト（旧URL）から新サイト（新URL）へのリダイレ
本記事は、はてなエンジニア Advent Calendar 2020 の 18 日目の記事です。昨日は id:YaaMaa さんでした。 yaamaa-memo.hatenablog.com 社内チャットではこの話で盛り上がったときにトライ木も作られており、良い頭の体操になっていました。 さて、本題。 Hatena::Let を眺めていて、こんな URL に気づいた。 http://let.st-hatelabo.com/onk/let.iframe?code_id=g5G0uOeEqfcA;key= クエリパラメータにセミコロン……！ パッと考えるとこれは { code_id => "g5G0uOeEqfcA;key=" } となりそうで、というか Ruby で実際にパースするとそうなる。 uri = URI("http://let.st-hatelabo.com/onk/let.ifr
「準備はまだできていないけど、仮のダミー画像を入れておきたい」ウェブ制作中にそんな場面に遭遇することもあるでしょう。 この記事では、ダミー画像を手軽に生成できるジェネレーター、オンラインツールをまとめてご紹介します。 そもそもダミー画像とは？ ウェブ制作中に、「画像の準備はできていないけど、とりあえずレイアウトの確認だけでもしたい」、というときに利用する仮の画像、これが「ダミー画像」です。 画像のサイズはもちろん、スタイルなどもimgタグに直接記述するだけで、ダミー画像を表示できます。 試しに以下のようにimgタグを記述してみると、 <img src="https://placehold.jp/272343/ffd803/640x400.png"> ほんの少しの指定を行うだけで、サイトの雰囲気にあった色合いのダミー画像を用意することができます。サイズ指定も手軽なので、お気に入りのダミー画像
申し訳ございません。 現在、アップロードの受付を停止しております。 Currently, it can not be uploaded.
3歳児には死の概念がない - ←ズイショ→
息子があんこを好きで、そして時節柄なので柏餅をもりもりと食べている。そんな彼を見守りながら俺は「嚙め噛め」「飲み込んでからもう一口いけ」「そんな大きく一口いくな」「頬張るな」「お茶飲め」と五月蝿い。 心配性の俺にとって餅と交通事故は怖いものオールタイムベストのトップ5に常にランクインしている。 息子は、口喧しい俺に相槌しながら餅を食う。「ほら、もう口の中ない」と舌を出して見せて、もう一口ぱくっといって「一度にそんなにたくさん頬張るな」とまた俺に嗜められ、「もー、たくさん噛んでるでしょ」とぼやきながら柏餅を食べ進める。 二人で公園に遊びに出掛ける際にはマンションを降りるエレベーターの中で「絶対手を離すなよ」と必ず伝え、蝶よ花よに気を取られて手を離した際には「あっ！手が繋げないなら帰るぞ！！」と脅して、彼は「あ、ごめんごめん、ちょうちょがかわいかったんだけど手を離してごめん」と悪びれもせず言い
ヘッドレスブラウザとSSRF | MBSD Blog
ヘッドレスブラウザは、サーバ環境などでHTMLをレンダリングするためにバックグラウンドで動作させるブラウザです。 筆者も昨年診断ツールに組み込んだのを契機に使用し始めました。使ってみるとなかなか面白いので、今年は社内での学習用の「やられサイト」にも組み込んでみました。今回はこのやられサイトを題材にして、ヘッドレスブラウザとSSRF（Server-side request forgery）について書きます。 やられサイトの概要 開発したやられサイトは簡単なブックマークサイトです。ユーザがURLを入力すると、そのスクリーンショット画像をヘッドレスブラウザで取得して、ユーザが付けたコメントなどの付加情報とともに保存します。 下図はヘッドレスブラウザに関連する部分の構成です。 図のとおりNode.jsのPuppeteerを使用しており、バックエンドのブラウザエンジンはChromiumです。性能向上
無償版 Microsoft Teams の Web 会議に Teams アカウントを持たないユーザーを招待する方法 - Qiita
企業向け Office 365 に含まれる有償版 Microsoft Teams であれば、予定表の機能で会議予定を登録するときに社外の人のメールアドレスを入れるだけで Teams アカウントを持たないユーザーでも会議に招待できる（会社の設定による）のですが（参考: Microsoft Teams のアカウントを持たないユーザーを匿名ユーザーとして Web 会議に招待する | idea.toString();）…、無償版 Microsoft Teams では予定表の機能が利用できません。 しかし！無償版 Microsoft Teams でも、相手がアカウントを持たないユーザーであっても簡単に Web 会議に招待することができます。 会議をはじめる まずは会議をはじめましょう。チームのチャネルの中で会議を開始しましょう。 左側のメニューから「チーム」を選択し、チームの一覧からチームを選択して
[新機能] AWS Lambda Function URLで簡単にLambda関数を実行する - NRIネットコムBlog
こんにちは、上野です。 Lambda関数をワンクリックでURL公開できる機能が出ました！ aws.amazon.com 今までのLambda Lambda関数を（AWS認証無しの）HTTPS経由で実行するには、Lambdaの前段にAmazon API Gatewayを設置する必要がありました。 API Gatewayは便利で高機能なのですが、設定項目も多く、初めて触る方には難しい部分もあるかと思います。 今回の機能で、Lambdaのメニューから機能をONにするだけHTTPS公開できるようになりました。 やってみる Lambdaの作成画面に、「関数URLを有効化」のメニューが追加されているので、これをONにします。 初期状態では認証が必要なAWS_IAMが選択されていますが、今回はまずどれだけ簡単に公開できるかを試すため、NONEを選択します。 ※画面のとおり、URLを使用して全世界からLa
![[新機能] AWS Lambda Function URLで簡単にLambda関数を実行する - NRIネットコムBlog](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc3c7388e74cb100059d08a9bbf13d4d0d55e082/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ff%2Ffu3ak1%2F20220408%2F20220408110835.png)
チームワークがよくなる！私の周りにいる人たちの素敵な習慣【打ち合わせ・チームワーク編】 - Qiita
こんにちは！GxPの清水です。 今回は、私がチーム開発を行う上でチームワークがよくなり、とてもありがたいな、助かるなと感じている「私の周りにいる人たちの素敵な習慣」をご紹介します！ 書き起こしてみるとたくさん見つかったので、この記事では「打ち合わせ系」「チームワーク系」に絞りました。 もしご自身が実践していることがあれば、周りの人はとても助かっているんだなと自信を持っていただければ幸いです 【追記】 続編としてチームワークがよくなる！私の周りにいる人たちの素敵な習慣【リモートワーク編】を書きましたので、よかったらこちらも見て頂けると嬉しいです✨ 打ち合わせ系 打ち合わせが決まったらカレンダーアプリに全員分の予定を登録してくれる 予定を迅速に全員分登録してくれる方です。 打ち合わせの中で次の打ち合わせ予定が決まった場合、その打ち合わせが終わってカレンダーを開くとだいたい既に予定が登録されてい
AWS Lambda Function URLs（関数URL）がCloudfrontのOACに対応したので試す - Qiita
はじめに AWS LambdaのFunction URLs（関数URL）は、Lambda単体でHTTPSのURLを発行し、HTTPリクエストをトリガーにLambdaを実行出来るようになる、非常に便利な機能です。 API Gatewayと統合せずともLambdaのみでWebAPIを構築出来るようになり、プロトタイピングやマイクロサービスに有用です。 関数URLの制限 ところで、関数URLの実行の認可は、IAMを用いた方法しかありませんでした（IAMロールベースの認可か、認可なししか無かった）。 Cloudfrontをリバースプロキシ的に前段に配置し、関数URLと繋ぐことで、ドメインを当てたりキャッシュを活用したり、便利な訳ですが、その際に上記が問題となります。というのは、CloudfrontからIAMベースのリクエストを行うには、Lambda@Edgeを利用するしかありませんでした（オリジン
このブログはこんな方におすすめ 緊急対応の初動を早めたい リモートワーク中心になり、緊急対応中の作業分担や進捗確認が難しい Google Apps Script で緊急対応時の Slack 操作を自動化してみた の Python 版がほしい 2021年6月11日に以下のセッションに登壇しました。本ブログでは登壇中に紹介するとお伝えした関数をご紹介します。また背景についても改めて少し記載しています。 業界特化事例紹介セッション SIer編 | Slack はじめに クラスメソッドでは Slack API を活用することで、いくつかある緊急対応の初動が約30分早くなりました。 では、どのように活用して初動対応を迅速化したのでしょうか。 本ブログでは、クラスメソッドの緊急対応の一つである、AWS 不正利用対応を例に紹介します。 AWS 不正利用とは、AWS アクセスキーの漏洩などが原因で発生しま
URLだけでOK！どんなWebサイトもコメント付きでシェア可能な「MarkUp」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、URLを入力するだけであらゆるWebサイトの好きな箇所にコメントを付けて、不特定多数の人とシェアできるWebサービスをご紹介します！ Webサイトのデザインや機能について、チーム内だけでなくさまざまな人と意見交換したいときに活用できるサービスになっています。 使い方に関しては究極にシンプルな設計なので、誰でもすぐに利用できるのも大きな魅力でしょう。 【 MarkUp 】 ■「MarkUp」の使い方 それでは、実際に「MarkUp」をどのように使うのか詳しく見ていきます。 まずはサイトのトップページからユーザー登録を済ませておきましょう。メールアドレスを入力したらボタンをクリックしてください。 次にユーザー名とパスワードを設定すれば完了です！ 以下のようなダッシュボード画面が表示されます。 画面上部にあるボックスへWebサイトのURLを入
Blank Phostock
ロイヤリティフリーの写真素材を無料ダウンロード！ トレース、フォトバッシュ、商用利用OKのクリエイターのための無料写真サイト『ブランクフォストック』
以前Twitterでこんなことをつぶやいたのですが・・・ ティームス(Teams)もURLだけでオンライン会議できるようにならないかなー 毎回電話会議のやり方とかいいやり方ないかとか聞かれるので #teams zoomみたいにできると嬉しい — hikky (@ken_hikita) February 27, 2019 調べてみたらTeamsでも似たようなことができたので、方法をまとめました。 これもっと宣伝したほうがいいと思うんだ・・・ ちなみにzoomはこちらです 前提条件 Teams管理センターで、会議設定→「匿名ユーザが会議に参加できます」がONになっていること Teams or Outlookで会議の予定を登録する まずはURLを取得するため、TeamsまたはOutlookから会議予定を登録します 注意点として、Web版Outlook(旧UI）だと、Skype会議しか設定できませ
Google Search Console、除外されたページとは？ 「除外されたページ」とは、Googlebotにクロール（巡回）されたけど、インデックスされなかったページのことをいいます。 つまりはGoogleが 「このページは不要」 「このページはGoogleの検索結果に表示する価値がない」 と判断したということです。 除外されたページは、Googleの検索結果に表示されません。
Thread Mastery: Strategies for Navigating Twitter Threads Like a Pro
While YouTube allows users to stream videos directly from its website or mobile app, there are times when you may want to convert a video into an MP3 file for offline listening. That’s where a YouTube to MP3 converter HD comes in handy. Introduction Soundcore Motion X600 is a state-of-the-art wireless speaker that delivers immersive sound and unmatched portability. Whether you’re hosting a backyar
好きな作品の公式アカウントが誤ったURLを添付してツイート→悪用されないように誤ったURLのドメインを自費購入して転送処理する猛者が現れる
『青春ブタ野郎はスクールメモリーの夢を見ない -青ブタ展-』公式アカウント @aobutaten 「青春ブタ野郎はスクールメモリーの夢を見ない -青ブタ展-」の公式アカウント｜東京会場２０２４年３月１２日（火）～２４日（日）開催！｜名古屋、大阪、京都でも開催決定！！｜鴨志田一×溝口ケージが描く思春期ファンタジー｜出演：石川界人、瀬戸麻沙美、東山奈央、種﨑敦美、内田真礼、久保ユリカ、水瀬いのり、雨宮天 #青ブタ展 tenji.ao-buta.com 『青春ブタ野郎はスクールメモリーの夢を見ない -青ブタ展-』公式アカウント @aobutaten ／ 📣#青ブタ展 グッズラインナップ公開！ ＼ 東京会場 グッズラインナップを公開致しました。 スペシャルドラマCD、パンフレット、キャラファイン等 展示会オリジナル商品を発売です！お見逃しなく！！ ▼詳細はこちら tenji-ao-buta.co
確認した環境 OS: Ubuntu16.04LTSPython3.7.0 @Anadonda Requestsモジュールのインストール このモジュールはPythonの標準ライブラリでないので、環境によっては新規にインストールが必要かもしれません。その場合は公式サイトを参照してインストールを行います。 筆者はAnacondaを使っていますので、下記コマンドでインストールしました。 ~$ conda install requests HTTP通信の概要 まず、HTTP通信の概要とリクエストメソッドについて、概要を簡単に記載します。 WebブラウザでWebページを開いたりすると、WebブラウザとWebサーバの間でデータのやり取りが行われます。このやり取りはHTTPというプロトコルに基づいて行われます。 Webブラウザは、開きたいWebページのアドレスをWebサーバに要求（リクエスト）します。We
世界各地の親が｢ネット授業｣に悲鳴を上げる訳
コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕
[2022-12-31：古い情報を更新し、新しいリンク先を追加しました] こんにちは。takanoです。 いつも検索について詳しくない人と話すときに説明に苦労するのが、検索エンジンがどのようにウェブサイトを認識し検索結果に表示しているかの流れです。 Google 検索の公式ガイド もあるのですが、そもそも見ていない人も多いようです。 なので今日は、公式ヘルプの紹介もしながら、なるべくシンプルに Google 検索の仕組みをまとめてみたいと思います。 サイト運営者として、自サイトが検索結果に表示されるまでの仕組みを知ることは重要なので、おおまかな流れが理解できたら、ぜひ文中の参考リンクも確認してみてください。 はじめに クロール クロールにおけるトラブルの例 サイトにアクセスできない場合 アクセスできるけどクロールしづらい場合 クロールのキューという概念 パース / レンダリング パースとレ
Qiita TypeScript Advent Calendar 2020 最終日の記事です。 TypeScript製の内部リンク取得ライブラリ「pathpida」 最近ちょっと話題になった frourio と aspida を開発したSolufaです。 Zenn初投稿を記念して、新作ライブラリ「pathpida」を紹介します。 と言っても完全な新作ではなく、初回リリースからもうすぐ1年が経ち月間DL数は1,000を超えています。自分が関わる案件だけで静かに検証を続け、ようやっと今週全面リニューアルして一般告知が出来るようになりました！ pathpidaはNext.jsとNuxt.jsそれぞれのルーティング規約に最適化しているので設定不要で型安全に使うことが出来ます。 どんな問題を解決するのか 以下のように/post/1 に遷移するLinkがあるとします。 import Link from
アビガンに期待する人が押さえておきたい裏側
新型コロナウイルス感染症（COVID-19）が世界中で蔓延するなか、富士フイルム富山化学が開発した抗インフルエンザウイルス薬「アビガン」が注目を浴びている。安倍晋三首相が記者会見で名指ししてアピールした薬剤で、新型コロナウイルスへの治療薬として期待が高まっている。だが開発の経緯を子細にたどると、実際の治療で使われるためには、越えなければならない高いハードルがある。 菅官房長官は4月3日の記者会見で、アビガンを希望する各国に無償提供する方針を明らかにした。現時点で約30カ国から提供要請があるという。 アビガンが注目されたきっかけは、実際に新型コロナに感染した患者に使用した中国の試験で、効果がみられたからだ。新型コロナウイルスの発生源とされる武漢市の武漢大学中南病院では、患者を「アビガン（中国では後発品のファビピラビル）」を投与したグループ（116人）と、ウイルスの侵入を阻害する薬剤である「ア
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
URL の取り扱いには要注意！ SSRF の攻撃と対策 | yamory Blog
コーポレートサイトドメイン引越しの裏側 - Hatena Developer Blog
クエリパラメータのデリミタに ; を使うこともできる - id:onk のはてなブログ
Web制作あるある「画像ない問題」を解決！ダミー画像の生成サービス15選
Wonder of Wonder Art
SEOワザ10選――いち早く新規ページをインデックス化し検索上位獲得するには【インデックス編】 | Moz - SEOとインバウンドマーケティングの実践情報
邪悪な変更？ Chrome 85ではURLバーのドメイン名以外が全て非表示になる可能性も【やじうまWatch】
Python で緊急対応時の Slack 操作を自動化してみた | DevelopersIO
TeamsでzoomのようにURLだけでWeb会議を開催する方法 | システム運用日記
Google Search Console、除外されたページを確認する方法
【Python】 GET・POSTリクエストによるWebデータの取得（Requestsモジュール）
SEO 初心者向け Google 検索の仕組み - takanoブログ
設定0行でNext.jsとNuxt.jsの内部リンクを型安全に取得できる最強ライブラリ「pathpida」