Zoomだけで画面作りをしてイベント配信してみた。
はじめに イベントを配信する場合にはOBSで配信するのが定番になっています。もっと有るものでシンプルに配信できないかと試みた記録です。 今回は、弊社イベントのクラウド万博でイベント配信した記録です。 https://cloudpack.jp/event/cloudpack-expo-2020-in-summer.html 配信環境 以下の要件があります。 Zoomで完結 スマホのカメラを利用 パネルディスカッションあり 地味に、スマホのカメラを利用するのが一番面倒でした。 そこで、以下のようなZoom多段構成にしてみました。 シンプルです。Zoomのみ利用しています。 スピーカー向けとしてZoomはアプリケーション版と、参加者向けとしてWeb版を立ち上げます。スマホ側はスピーカーの会議室に入ります。 そして、配信者はそれぞれ違う会議室に入ります。 音声は同じ部屋で録音しているため集音マイク
まだ手元のパソコンでイベント配信してるんですか？クラウド上でTeamsを利用してOBSで配信した方が楽ですよ。
配信 まだ手元のパソコンでイベント配信してるんですか？クラウド上でTeamsを利用してOBSで配信した方が楽ですよ。 はじめに まだ手元のパソコンでイベント配信してるんですか？クラウド上でTeamsを利用してOBSで配信した方が楽ですよ。 配信のために高いパソコンや配信機材を買ったり、一人で頑張る必要が無くなります。 また。自宅のネットワーク環境を気にする必要がありません。 これまで手元のパソコンでイベント配信を運用してきて下記のような問題が発生しています。 配信するスタッフの確保問題（ほぼ趣味） 同等の環境を冗長することが難しい そのため当日の交代が出来ない イベント運用側としては頭の痛い問題です。 要は手離れができないです。 これらを解決する方法としてクラウド上のIaaSを利用しスタッフ共同運用を行えば解決できると考えています。 配信している方の一部には、すでにクラウド上から配信を行っ
フロントエンドの「想定外」に対応する考え方とTipsいくつか
とても個人的な話ですが、ここ最近で自分自身のプライバシー意識の高まりを感じて、ブラウザの設定を見直す機会がありました。見直したのはCookieの設定で、許可したドメインにしかCookieを記憶しないようにしました。設定変更によるある程度の不便は覚悟していました。とはいえ、ま〜せいぜい、初回アクセスの時のモーダルが何度も出るようになるとか、ログインできなくなるとか、そのくらいかなと思っていました。 しかし実際は、悪い意味で期待を裏切られることになりました。 Cookieが無効なだけで、“全く”動かなくなってしまうウェブサイトやウェブアプリが、本当にたくさんあることに気づいたのです。 全く動かなくなってしまう原因は単純（後述）だったのですが、ちょっとした対処で簡単に直せることなのに、サイト全体が一切使い物にならなくなってて、もったいない！！ と思いました。 フロントエンドの想定外 ウェブサイト
新しいマシンやスマフォで Slack の各種チームに入るのが面倒くさい！！！という時 - Qiita
新しいマシンやスマフォで Slack App で各種チーム(たくさんある)にログインがすこぶる面倒くさい･･･面倒くさい･･･面倒くさい･･･。という経験したことありませんか。私は4回ぐらいあります。1password 使ってるからパスワードもバラバラだしね･･･。 そんなときは https://slack.com/signin/find のページから Find Another Team を押して自分のメールアドレスを入力すると、そのアカウントに紐付いてるすべての Team アカウントにログインできるマジックリンクがメールで送られてくる･･･！ あとは各種メーラーで、そのリンクをクリックしていくと、Slack app が立ち上がり自動でそのチームにログインできます。PCでもスマフォでも使えるし、うおー便利、マジックリンクが出来た当初から知っておきたかった･･･！！ Register as
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
あえてズレを入れるのがミソ！ ウェブのアニメーションを「いい感じ」に魅せるズルいテクニック - ICS MEDIA
アニメーションはゲームだけではなく、ウェブサイトやウェブアプリのUIなど、多くの用途で必要となります。流行りのマイクロインタラクションでもアニメーションは重要視されています。しかし、アニメーションに対して苦手意識を持っている方も少なくないのではないでしょうか。今回は私が普段トゥイーンアニメーションを作る時に使っている、簡単に「いい感じ」に仕上げるズルいテクニックを紹介します。 本記事で扱うのはトゥイーンと言われるアニメーションの種類です。これは、始めと終わりの状態を指定することで、中間の状態を自動的に補完しアニメーションさせる技術。具体的にはCSS TransitionやjQueryのanimate()関数、Adobe Animate CCのトゥイーン機能のことを指します。 本記事のデモはCreateJSで作成していますが、CSS3やjQueryなど他のテクニックでも応用できる内容となって
【Windows 10対応】パスワードを忘れたWindows OSにログオン（サインイン）する
退社した人のPCや前の管理者が管理していた共有PCなど、パスワードが分からなくなり、仕方なくWindows OSを再インストールする羽目になった、ということもあるのではないだろうか。実は、パスワードが分からなくなっても、ちょっとした操作でパスワードの再設定ができる。ただし悪用は厳禁である。他人のPCに対して許可なく、以下の方法でログオン（サインイン）すると犯罪になる。 以下、Windows 10のインストールメディアを使い、Windows 10のパスワードを解除する手順を紹介する。他のバージョンのインストールメディアやWindows 7／8／8.1でも同じ手順でパスワードの再設定が可能だ。 Windows OSのパスワードをリセットする裏技 パスワードを再設定するには、ちょっとした裏技（？）を利用する。Windows 7／8／8.1／10のログオン（サインイン）画面にある［コンピューターの
Webサイト＆WebアプリのRetina対応方法まとめ
こんにちは。 会社からMacBookPro Retinaディスプレイモデルを支給されました浅海です。 Retinaディスプレイ、非常に快適なのですが、Retinaディスプレイに最適化されていないWebページやアプリケーションでは、ビクセルベースで作られている部分がすこしぼけたように見えてしまいます。 特に文字を画像にしている場合なんかは、かなり気になります。 Retinaディスプレイは既にiPhoneで使われているほか、一部のAndroidもRetina相当の解像度を持っているモデルが登場しており、モバイルWebサイトやWebアプリがRetinaディスプレイを意識した作りになっていることはよく見られるようになりました。 これからもPCなど、Retinaディスプレイ対応のニーズは増えるだろうと思い、対応方法をまとめました。 目次 imgタグ CSS JavaScript Google Map
web-conte.com | blue | Keynoteのなかのムービーを取り出す
たいした Tipsじゃありません。なぜ記事にするのかというほどですが、まあ、してみましょう。 要は現ファイルがパッケージ形式でなくてもあわてずに、設定を変えたのちに新規書類を作り、それへ（ムービーを含んだ）スライドをコピー、保存すればパッケージから取り出せるということで、この説明で合点がいったかたは、そういうことですから以降を読まれる必要はありません。 もしくは、ファイルの拡張子を「.key」から「.zip」に書き換え、圧縮ファイルとして認識させておいてそれを解凍するという手もあり、どちらかといってこっちのほうが手っ取り早く、また、ファイルが破損して Keynoteで開けなくなっている場合でも使えるのでいいかもしれません。 「パッケージの内容を表示」 じぶんで作ったスライドショーならばたいてい、貼り付けたムービー素材の単体データも手元にあるものですが、たまさか「いま手元にない」等で、それを
知っておくと便利なGoogleのglパラメータとhlパラメータ
Googleが1つのドメインから3つ以上のページを同時にSERPに表示するようになったアルゴリズム変更を伝えた記事を見た読者さんから質問を受けました。 記事にあるスクリーンキャプチャのSERPと自分が検索したときのSERPがぜんぜん違います。自分の場合は、アメリカ自然史博物館のページは2つしか出てきません。どうしてですか？ 確かに、僕が検索した「exhibitions at amnh」と普通に検索した「exhibitions at amnh」では検索結果が違います。 ※リンク先はIEでは見れません。 僕の環境ではどちらで検索してもアメリカ自然史博物館のページは7個出るものの、2つめの検索結果には1つめの検索結果にあるようなサイトリンクは出ません。 理由はいくつか考えられますが、いちばん大きな理由は検索者のいる場所です。 2つめの検索はあなたのいる場所から検索した時の結果で、僕がキャプチャを
「広告に接触すると買わなくなってしまう人をきれいに配信対象から外すこと」を可能にするリスティング広告のリターゲティングテクニック5選｜アナグラム株式会社
「広告に接触すると買わなくなってしまう人をきれいに配信対象から外すこと」を可能にするリスティング広告のリターゲティングテクニック5選 先日、広告業界に従事している人なら、誰もが目を通したことのあるであろうという「業界人間ベム」さまで、「広告に接触すると買わなくなってしまう人もいる」という記事の投稿がありました。 その要因として「広告に接触すると買わなくなってしまう人がいるということ その２」という記事の冒頭にて、次のように仮説が立てられています。 「どうやら広告に接触すると買わなくなってしまう人がいる」ことを広告接触と購買行動を紐付けたデータの中に垣間見ることができると前回書いた。では、どうしてほっとけば買ったかもしれない人が広告を当てたばかりに買わなくなるのか。仮設としては、 ① 広告のトーン＆マナーが嫌い。（または出てくるタレントが嫌いなど） ② ブランドを勧める文脈が共感出来ない。（
Markdown記法
HTMLは、手軽なマークアップ言語ですが、開始タグや終了タグなどあり、文章作成やちょっとしたメモ書きには不向きです。 今回紹介するのは、Markdownという軽量なマークアップ言語です。 GitHubのREADMEや、Tumblrなどでも採用されており、様々なCMSのプラグインも存在しています。 汎用性が高く便利な記法なので紹介します。 Markdownとは Markdown は、文書を記述するための軽量マークアップ言語のひとつである。 「書きやすくて読みやすいプレーンテキストとして記述した文書を、妥当なXHTML(もしくはHTML)文書へと変換できるフォーマット」として、ジョン・グル―バー(John Gruber)とアーロン・スワーツ(Aaron Swartz)によって考案された。 Markdownの記法の多くは、電子メールにおいてプレーンテキストを装飾する際の慣習から着想を得ている。
Webデザインが3倍速くなる！Photoshop神速テク4つ
カンプのデザインやパーツの作成など、Webデザインにも欠かせないPhotoshop。もっとラクに、もっと速くWebデザインするために、すぐに役立つ4つの時短テクニックを紹介します。 サイズ違いのバナーはまとめて使い回し Photoshopでよく作るモノの1つといえば、バナー。掲載場所や配信先によってサイズが異なるバナーをバラバラに作成すると使い回しが面倒だし、写真や文言に変更があったときにいちいち直すのが大変ですよね。 いろんなサイズのバナーを1つのPhotoshopファイルにまとめて作成し、写真やロゴをスマートオブジェクトで一元化しておくと、バリエーションをスピーディに作れ、修正にも対応しやすくなります。 例として、大中小の3つのバナーを一気に作ってみましょう。作成する最大サイズのバナーが収まるように新規ドキュメントを作成し、大きいサイズのバナーから作成します。 レイヤーに素材を配置して
Movable Type 4 の再構築負荷を軽減する8つのTips
Movable Type 4 の再構築負荷を軽減する方法をまとめました。Movable Type を運用していて、「再構築に時間がかかるな」と思い始めたときに参考になれば幸いです。 １．SSIによるモジュール化 サイドバーの「最近のブログ記事」「最近のコメント」「カテゴリーリスト」「月別アーカイブリスト」「タグクラウド」などは、メインページや各アーカイブページ・ブログ記事ページの各テンプレートから呼び出され、必要なページ分再構築を繰り返します。 例えば、あるブログに100のブログ記事が投稿されていると仮定すると、ブログ記事ページは100ページあり、ブログ記事ページの再構築を行なった場合、サイドバーの情報も（同じ内容を出力する場合でも）100回再構築を繰り返すことになります。テンプレートタグを使っているリスト類が多いほど、再構築の負荷が大きくなります。 サイドバーのリスト類の再構築の負荷を軽
Fetch as Googleをインデックス登録させたいURLを送信する方法 | SEOのホワイトハットジャパン
それなりの更新率で一定の期間運営しているサイトですと、コンテンツを更新して数時間程度で新しいコンテンツをインデックス（検索エンジンのデータベースに登録）されることが多いです。 クローラーは高頻度で新しい情報を公開しているサイトにはしょっちゅう訪れて、新しいコンテンツが追加されていないか探すからです。 サイトの状態により、クローラーが訪れるタイミングはまちまちです。 開設したばかりのサイトですと、更新して1日経ってもクローラーが訪れないような事もあります。 そんな時にURLを送信してインデックスしてくれるようにお願いする機能がFetch as Googleです。 今回はFetch as Googleについての解説を行なっていきたいと思います。 Fetch as Googleを使うには Fetch as Googleの使い道 Fetch as Googleの使い方 Fetch as Googl
コンデジ＆ミラーレス一眼の“プロ並み”撮影ワザ大集合！ 料理写真は「太陽光モード」で撮る!? - 日経トレンディネット
実はプロのカメラマンも、高画質コンデジやミラーレス一眼をよく使っている。そこで、「目からウロコ」で、しかも簡単な撮影術をプロから学べば、コンデジやミラーレス一眼のユーザーでも写真の腕を一気に上げられる。 上達への手っ取り早い近道は、まず「オート撮影に頼らず、露出を積極的に変えて撮ること」だ。 多くのユーザーは、フルオートで撮ってしまいがち。だがフルオートでは、失敗せずに撮れる半面、全体的に暗めに写る場合もかなりある。 ところが「露出をプラス側に設定して撮るだけで、空気感が伝わる優れた写真に変貌することが多い」と、女性ユーザーに撮影術を教える写真家の山本まりこ氏は語る。例えば室内で花やスイーツ、小物を撮るときは、光が被写体の後ろから差している逆光状態にし、露出をプラス2などと高く設定する。そうすると被写体が明るく写るだけでなく、後ろの光がふんわり飛んで空気感が伝わる写真が撮れる。
Facebookのエッジランクに新要素「ネガティブフィードバック」とは？｜投稿を隠されないようにする3つのTIPSをご紹介。 « 株式会社ガイアックス
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
TLを汚すことなくGunosyに自分好みの記事を紹介して貰う方法 - 最速配信研究会(@yamaz)
時間がない人用、三行要約 Gunosyで「自分の興味があるジャンルのワード site:gunosy.com」 で検索し、その先のページでリンクを幾つかクリックして1日待てば良い感じになってるよ(例: 「レシピ site:gunosy.com」) アルゴリズム変えてくるかもしれないから一時的な技だよ 自分好みになったページはデフォルトで公開設定になってるので、非公開にするか趣味に走り過ぎないよう気をつけてね はじめに Gunosyと過ごした4週間〜1か月で推薦記事はどう変わったか でGunosyで自分好みの記事を紹介してくれないのに不満を持っている方がいる。 Gunosyはとても優秀なキュレーションサービスで、TwitterもしくはFacebookと連携させると自分のソーシャルグラフを分析して自分にあったニュース記事を紹介してくれる。そのキュレーションはとても優秀で、「なぜこれを？」と思うこ
Gmailの空き容量を空けるために古いメールの添付ファイルを見つけて削除する方法
By -Xv ついにGmailの全容量10.1GBのうちなんとそのほぼすべてを使い切ってしまい、メール受信が不能になってしまいました。 こんな感じ そこで「容量の大きな添付ファイルが付いているメールをまとめて消す方法は？」ということで探してみたところ、GoogleのGmail公式ブログに方法が書いてありました。今年の11月から公式にサポートされた新しい検索方法があるとのこと。 Search for emails by size and more in Gmail http://gmailblog.blogspot.ca/2012/11/search-for-emails-by-size-and-more-in.html やり方は簡単、例えばファイルサイズ5MB以上の添付ファイルが付いているメールを探したい場合は「size:5m」と書いて、検索ボタンをクリック するとこのようにずらーっとリス
こんな方法もあった！人気Facebookページは実践している、投稿をより多くの人に表示させるための【20個】のTIPS « 株式会社ガイアックス｜SNSマーケティング支援サービス
先日の平均リーチ率の調査記事でも紹介したように、2012年9月以降、Facebookページの平均リーチ率は下がっています。 皆さんが運営するページでは、1ウォール投稿のリーチ率が2012年9月以前に比べて50％以上さがったケースもあるのではないでしょうか？ ただ、リーチ率が全体的に下がる中でも運用の仕方次第で、数万人規模のページでも50％ほどのリーチ率を出す事も可能です。（ガイアックスでクライアント企業のFacebookのウォール運用支援をする中で実際に出せている数字です。） 今回の記事では、ignite social mediaさんで紹介されていた取り組みに解説を加え、参考になりそうな20個のTIPSをご紹介します。（特に【TIPS-1】ファンに「お知らせ」を受信してもらうはご存知ない方が大半ではないでしょうか。） 今回は皆さんのウォール運用でも活用してみて下さい。 ■目次 【ファンにな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
