スマホをwebカメラにする方法！おすすめアプリ5選
コロナ渦の影響でリモートワークやワーケーションが増え、オフィスなどに出社せずに仕事をする新しい働き方が各社で導入されています。オンライン会議やオンライン面接など、実際に会うことなくweb上でやり取りすることも当たり前になりつつあります。 そのとき、PCを使用するのが一般的ですが、内蔵されているカメラだと画質が悪く、もっと顔写りをよくしたいと思う場合もあるのではないでしょうか。また、お手持ちのPCにカメラが内蔵されておらず、オンラインでのコミュニケーションが困難だという方もいるかと思います。そういう時におすすめしたいのがスマホをwebカメラとして利用する方法です。アプリをダウンロードするだけで使用できるので試してみてください。 スマホをwebカメラとして代用できるアプリ 今回はたくさんある中から人気の高い5つのアプリ「iVCam」、「Iriun Webcam」、「DroidCam」、「Epo
「GraphQL」徹底入門 ─ RESTとの比較、API・フロント双方の実装から学ぶ - エンジニアHub｜Webエンジニアのキャリアを考える！
「GraphQL」徹底入門 ─ RESTとの比較、API・フロント双方の実装から学ぶ Web APIの新しい規格「GraphQL」の設計と実装について、藤吾郎（gfx）さんによる寄稿です。 この記事では、Web APIの規格のひとつであるGraphQL（グラフキューエル）について解説します。筆者（gfx）は2017年からGraphQL APIをプロダクションで運用しており、GraphQLのDX（Developer Experience) に大きな魅力を感じているソフトウェアエンジニアです。 GraphQLは、RESTful Web API（REST）の持つ問題を解決するために開発された規格です。そこで、この記事の前半では、RESTと比較しつつ、GraphQLの利点や欠点、そしてその機能の詳細を見ていきます。そして記事の後半では、筆者が使っているGraphQL Ruby（graphql-ru
SOCKSプロキシとHTTPプロキシの違いについて勉強してみた | DevelopersIO
はじめに サーバーレス開発部@大阪の岩田です。 先日接続元IPアドレスをクラスメソッドのGIPに制限した検証環境を利用してAPIのテストを行なっていたところ、リモートワーク中のメンバーが検証環境に接続できないという状況が発生しました。 下記の記事で紹介されているように、クラスメソッドではSOCKSサーバーが構築されているので、VPN経由で社内NWに接続し、SOCKSサーバーをプロキシとして利用すれば本来リモート環境からでも検証環境が利用できるはずです。 VPN利用者のためにdelegateでSOCKSサーバーを立ててみました 最初はcurlコマンドのオプションに--proxyを付けてプロキシサーバーを指定するようお願いしたのですが、--proxy http://proxy.example.com:xxxxのような指定を行なっていたようで、問題が解決しませんでした。 結局--proxy so
WEBページの更新があれば、通知センタで通知する。 - それマグで！
WEBページの更新をチェックするのが面倒なので、チェッカーにする curl を呼び出す。 curl でページ取得して、md5sum にかけて、ハッシュ値チェックする。 もっと簡単にlast-modified や modified Etag 使ってもいんだけど、汎用性考えたら、md5sumかな。 Cookieは Cookieの処理あ、 chrome で curl コマンド取得すればいい。 hoge これで、Cookie付きのCurlコマンド取得できる。 通知 osascript -e 'display notification "更新あったよ。"' osascript で、簡単に通知が出せる。超楽ちん チェッカー #!/usr/bin/env ruby # cmd = "curl -s 'http://xxxx.example.gr.jp/score/index' "+ " -H 'DNT:
WebアプリケーションにリッチUIをもたらす高機能JavaScriptライブラリ「Wijmo」（ウィジモ）
はじめに 一般にアプリケーション開発環境や実行環境において、標準で備える基本的な機能よりも高度な機能を備えるソフトウェア部品（コンポーネント）が有料で提供される場合があります。開発者はこれらのコンポーネントを活用することで、より少ない工数で品質の高いアプリケーションを作成することができます。グレープシティは.NETやJavaなどの環境に向けてこのようなコンポーネントを提供しています。 今回紹介する「Wijmo（ウィジモ）」は、同社がHTML/JavaScript環境に向けて提供しているJavaScriptライブラリです。JavaScriptライブラリとして広く活用されているjQueryやjQuery UI、jQuery Mobileをベースにして、WebサイトやWebアプリケーションで活用できる高機能で多様なUI部品を利用できます。 本記事ではこのWijmoについて、まず機能やライセンス形
Node.jsのWebフレームワーク「Sails」を使ってpub/subアプリを作ってみる
Sailsとは Sailsは米国オースティンにあるBalderdash社のMike McNeilさんを中心として作成されているMVCフレームワークです。スタイルとしてはRailsに近い形を取りつつ、最近のWebアプリ開発に向けたいくつかの特徴を持っています。 主な特徴としては Web APIを簡単に作成し、公開できる リアルタイムWebなアプリケーションが簡単に作成できる Single Page SiteやMobileなどの多様なフロントエンドに対応できる といったようなものが挙げられます。 Web APIについてはJSONベースのRESTfulなAPIが簡単に作れるようになっています（Sails API blueprints）。特にAPIを作るという意識をせずとも、generatorによって単純なCRUDならすぐにAPIとして公開することができます。ルーティングについても、この手のフレー
HTML5対応チャートコンポーネントを利用したデータ視覚化入門 その1 - チャートを表示させよう
データを分かりやすく視覚化するポピュラーな手段として、最も利用される方法の一つにチャートがあります。膨大な数字の羅列では相関関係が分かりにくい場合でも、領域やバーの高さで素早く判断を行うことが可能で、報告や説明といった業務では特に多く利用されています。今回は、HTML5対応コンポーネントスイートであるIgnite UIに含まれているigDataChartを利用し表示する方法を紹介します。 対象読者 jQueryや最新のWeb技術に興味のある人。データ視覚化に興味のある人。 必要環境 「jQueryで地震分布図を作成しよう」においても言及されているように、開発環境やプラットフォームには依存しません。コード編集用のエディタと動作確認用のブラウザのみを用意してください。ただし、今回利用するigDataChartコントロールは下記の機能を利用しています。対応していないブラウザでは正しく動作しません
キャプチャーリプレイツールを使ったGUIテストの自動化
前回までは、単体テストを対象としたテスト実行およびテスト実装について、ツールによる自動化を解説しました。今回は、テスターによるGUI操作を伴うテストの自動化について紹介します。自動化には、キャプチャーリプレイツールと呼ばれるツールを利用します。 キャプチャーリプレイツールとは、「キャプチャー機能」「リプレイ機能」という二つの機能を備えるツールを指します。 ・キャプチャー機能 テスト対象となるシステムへのユーザー操作（キーボード入力、マウス操作など）を記録して、スクリプトとして保存する ・リプレイ機能 記録したスクリプトを用いて、何度も繰り返しテストを実行できる 以前のキャプチャーリプレイツールは、キャプチャー機能によって記録されるスクリプトにテスト対象の座標を利用していました。そのためGUIが少しでも変わると、スクリプトの修正が必要でした。その頃にツールを利用していた方は、今もそのようなイ
生活や実務に役立つ高精度計算サイト
(107) 新紙幣発行の裏の狙いとは？ 2024年7月に新紙幣が発行される。一万円、五千円、千円の3券種を改刷する予定で、それぞれ渋沢栄一、津田梅子、北里柴三郎が描かれる。 新紙幣を発行する目的は何だろうか？ 新紙幣には肖像の立体画像が回転する3Dホログラム技術が採用され、偽札を困難にしたと日銀は説明している。その他に (106) 新たなSI接頭語 単位の前に付けられ、10の整数乗を表すための接頭語として、国際単位系では20個のSI接頭語が定められている。 ミリ milli（10-3）、センチ centi（10-2）、キロ kilo（103）、メ (105) インボイス制度の影響について 2023年10月から、消費税のインボイス制度が開始される。 現在、約513万と推計される免税事業者は、そのまま免税事業者でいるか、それとも課税事業者になるか、大きな選択を迫られる。それぞれどのようなメリッ
Node.jsの仕組みはWebアプリ開発者も知っておくべき
インターネットのサービスは、アクセスしてきたユーザーを「待たせない」ことが大前提だ。「待たせない」サービスを実現するために、新しいインフラ技術が次々と登場している。例えばJavaScriptの実行基盤を構築するサーバー用ソフト「Node.js」もその一つ。大量の同時接続ユーザーに対して高速にレスポンスできる技術として、今、大きな注目を集めている。 Node.jsは、Webサーバー構築ソフト「Apache」やWebアプリケーションサーバー構築ソフト「Tomcat」などと置き換えて使う。ただし、単純に置き換えるだけで必ずレスポンスが高速になるわけではない。Node.jsが持つ本来のパフォーマンスを引き出すには、実装するWebアプリケーションの開発に注意が求められる。 “ループ”を止めないアプリが不可欠 Apacheの場合、複数のスレッドを起動して並行処理することで、大量のアクセスに対応できるよ
スタバ方式で「C10K問題」を解消
WebアプリケーションサーバーソフトのNode.jsには、これまでのWebアプリケーションサーバーとは全く異なる四つの特徴がある（図1）。（1）多くのアクセス要求を処理できること、（2）JavaScriptでアプリケーションを開発できること、（3）アドオンが充実していること、（4）様々な種類のサーバーとして動作すること、である。これらの特徴を順に見ていこう。 一つめの特徴は、ピグライフのように1万台規模のクライアントからのアクセス要求をさばけることだ。従来のWebサーバーとは異なる「ノンブロッキングI/O（インプット/アウトプット）」と呼ばれる考え方を取り入れることで、これを実現する。 この考え方は、スターバックスの接客方式をイメージすると分かりやすい。客はレジで注文と支払いを済ませると、配膳口近くで注文した飲み物ができるのを待つ。飲み物ができたかどうかに関係なく、レジでは次々と注文を受け
Rubyの軽量Webフレームワーク「Sinatra」がステキ - このブログは証明できない。
フルスタックがウリのRails。そこまで必要ないよ。と、ERBでゴリゴリ。メンドクセー。やっぱ、Railsで。などと、陽はまたのぼりくりかえしてーゆく。RubyのWebフレームワークは他にもあるけど。。軽くていいんだ。PHPを使いたくないだけなんだ。 そんな悩ましさを解消してくれるフレームワークを発見してしまいました。「Sinatra」でございます。こいつは、軽そうだ。 Sinatra サイトのトップページに書かれているコード。これが、サクサク感をかもし出してくれています。 require 'rubygems' require 'sinatra' get '/hi' do "Hello World!" end 説明読まなくても解るよ、これ。 日本語の解説スライドがあります。よく解る解説ー。 公式サイトのREADMEを読めば、だいたいOK。 Sinatra: README パラメータを取得し
第5回 Webサーバーのトラブルを突き止める
今回は、クライアントパソコンからWebブラウザーでWebサーバーにアクセスできないトラブルを紹介する。Webサーバーを社内ネットワークに設置したケースとして取り上げるが、実際にはクラウドサービスやレンタルサーバーを利用したWebサーバーでも起こり得るトラブルである。パケット・キャプチャー・ツールのWiresharkを使って原因を探り、解決の糸口を見つけていこう。 サーバーにアクセスするとForbiddenと表示される 最初のトラブルは、社内ネットワークに接続したWebサーバー（seminar.tripodworks.co.jp）にクライアントパソコンから「http://seminar.tripodworks.co.jp」というURLでアクセスするとエラーが発生するというものだ（図1）。このとき、画面上には「Forbidden」（禁止という意味）と表示される。この原因を探ってみよう。
第2回 Open Graph Protocolを使って情報を共有する
ソーシャルメディアにWebサイトが対応するためには、共有ボタンを配置するだけでなく、そのWebページに何が書かれているかを適切にソーシャルメディアに理解させる必要があります。そこには、見た目を重視していた従来のHTML記述とは別のテクニックが存在します。 セマンティックを記述する4つの仕様 前回の記事で、Webサイトがソーシャルメディアに対応するためには、ユーザーに共有してもらうためのボタンを配置することに加えて、Webページをセマンティック化する必要がある、と解説しました。 セマンティック化とは、Webページを「人間が見てわかるもの」だけでなく「ソーシャルメディアから見てもわかるもの」にすることを指しています。具体的には、ユーザーが共有ボタンを押して、ソーシャルメディア側のサーバーがそのWebページをクロールした際に、「何が書かれているか」をソーシャルメディア側のサーバーが理解可能な形で
3D表示規格の「WebGL」に深刻なセキュリティ問題、主要ブラウザに影響
WebGLはFirefox 4とGoogle Chromeではデフォルトで有効にされ、AppleのSafariにも組み込まれている。US-CERTはWebGLを無効にすることを勧告している。 Webブラウザで3Dグラフィックスを表示するための標準規格「WebGL」に深刻なセキュリティ問題が指摘されている。米セキュリティ機関のUS-CERTは5月10日、主要ブラウザでWebGLを無効にすることを勧告し、管理団体も対応を表明した。 セキュリティ問題の存在は、セキュリティコンサルタントの英Context Information Securityが指摘した。同社によると、WebGLの規格と実装において多数のセキュリティ問題があり、Webブラウザ経由でGPUとグラフィックスドライバに攻撃を仕掛けられた場合、マシンが使用不能に陥る恐れもあるという。 問題はWebGLの規格自体に存在しているため、修正し
テスト記述の詳細 - Zend_Testのメソッド -
本連載では、PHP上で動作するアプリケーションフレームワークであるZend Frameworkについて紹介しています。今回は前回に引き続きZend Frameworkで作成したのMVCアプリケーションのための単体テストを作成するためのコンポーネント、Zend_Testについて紹介します。 はじめに 本連載では、PHP上で動作するアプリケーションフレームワークであるZend Frameworkについて紹介しています。今回は前回に引き続きZend Frameworkで作成したのMVCアプリケーションのための単体テストを作成するためのコンポーネント、Zend_Testについて紹介します。 前回はZend_Testコンポーネントを利用するための環境設定から、簡単なテストの記述とテストの実行方法までを紹介しました。今回からは、テストにどのような条件を記述できるかについてより詳細に解説します。Zend
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
高精度計算サイト グラフ描画
「Google Chrome Deveoper Tools」はこう使う！ 基本機能チュートリアル & GDD 2011 セッション概要
i-harness.com
andiparos - Project Hosting on Google Code