HTMLだけでスマホのカメラにアクセスできるの知ってた？ 前面・背面カメラにアクセスできるHTMLのcapture属性
HTMLだけでスマホやタブレットのカメラにアクセスできる、HTMLのcapture属性を紹介します。 私はこの属性を知らなかったのですが、実際にiPhoneとiPadで試してみたところ、前面カメラにも背面カメラにもアクセスできました。JavaScriptなどは必要なく、簡単なHTMLでできます。 You Can Access A User’s Camera with Just HTML by Austin Gil (@heyAustinGil) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに HTMLのcapture属性とは capture属性のサポート状況 終わりに はじめに 私は先日、今までに見たことがないHTMLの属性、captureに出会いました。capture属性は非常にクールなので、動画と記事を書くことにし
SES - JavaScriptをセキュアに実行
JavaScriptを使えばWebページを自在にコントロールできます。ユーザにマクロを組ませて、より彼らのニーズに合ったサービスにしたいと思うこともあるでしょう。しかし自由にJavaScriptが実行できるのはセキュリティ上の問題にもなります。 そこで使ってみたいのがSESです。セキュアにECMAScriptを実行できるランタイムです。 SESの使い方 アタックコードの例。Date.nowを使うことで解析するタイプです。何もしない場合はセキュリティを破られます。 SESを有効にした場合。Date.nowが使えなくなってエラーになります。 SESを使うことでグローバルな変数へのアクセスを禁止したり、特定のオブジェクトへのアクセスがエラーになります。これにより、サードパーティーが作ったJavaScriptを誰でも安全に実行できるようになります。 SESはJavaScript製のオープンソース・
【お詫びと訂正】iOS11でついにSafariからカメラにアクセスできるようになりました。（コピペで動くサンプルコード付き） - KAYAC engineers' blog
お詫びと訂正：（2017/06/08 23:32） 本記事内に掲載しているスクリーンショットが、 Apple.Incの開発者利用規約（APPLE BETA SOFTWARE PROGRAM AGREEMENT APPLE INC.）に抵触しているというご指摘をいただきました。 Apple.Incの開発者利用規約から、掲載内容を不適切と判断し、該当箇所を削除させていただきました。 Apple.Inc及び読者の皆様に深くお詫び申し上げます。 追記：（2019/02/17） Navigator.getUserMediaが非推奨となったため、MediaDevices.getUserMediaを使うように修正しました。 Navigator.getUserMedia - Web API | MDN MediaDevices.getUserMedia() - Web API | MDN ざっくり1行でま
無料＆登録不要でVPNを使いアクセス規制を突破＆セキュリティを保つiOS・Android・Windows・Chrome・Firefoxアプリ「Betternet」
アプリをインストールすれば、個人情報の登録などを一切行わずにボタン1つでVPNが使いたい放題になるのが「Betternet」です。インターネットを使う上で個人情報を匿名にしてセキュリティ保ったり、アクセスに地域的な制限があるウェブサイトなどを見られるようにするとのことなので、実際にiOS・Android・Windowsアプリや、Google Chrome拡張機能、Firefoxアドオンなどを使ってみました。 Free VPN Service by Betternet | VPN for Windows, Mac, iOS and Android https://www.betternet.co/ ◆Betternetはなぜ無料でサービスを提供できるのか？ 自分のIPアドレスを完全に隠した状態でブラウジングができたり、地理的な条件があり日本からは閲覧できないサイトでも見ることができるようにす
SSHポートフォワーディング（トンネリング）とは
SSHポートフォワーディング（トンネリング）について調べてみました。 １．はじめに 目的のサーバに接続できないとき、「SSHポートフォワーディング」というテクニックをよく使うのですがいまひとつ機能が理解できていません。 ということで、「SSHポートフォワーディング」についてもう少しきちんと調べてみました。 ２．よくある説明 「SSHポートフォワーディング」とは下図のように、SSHによって確立した通信経路を利用して、クライアントのポートを、クライアントが直接アクセスできないウェブサーバのhttpのポート（80）に転送してくれる仕組みを指します。 ユーザーはローカルPCのクライアントポート（10000）に接続すれば、SSH接続されたサーバ（10.10.10.10）を介してウェブサーバ（10.10.10.123）の80ポートに接続してくれます。 この方法を用いれば、ウェブサーバがイントラネットの
Googleアナリティクスのビューとフィルタで不要なアクセスを除外する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのエリカです。 Googleアナリティクスを使って解析を始めてみると、「なんだかアクセス多いなぁ」と思ったら自分だった！ なんてケースが出てくると思います。 そんな時は「フィルタ」機能を使って特定のアクセスを除外するのですが、実はちょっとクセがありまして…。 フィルタを使って除外したアクセスはどこにも残らないのです。将来的にフィルタを削除しても、フィルタをかけていた期間のアクセスは戻りません。 そこでセットで覚えてほしいのが「ビュー」機能です。 フィルタをかけたビューと、フィルタをかけていないビューといった感じに分けて使うことで、万が一の設定ミスにも備えることが可能です。 Googleアナリティクス連載第6回目では、なんとなく難しく見える「ビュー」と「フィルタ」を実際に使いながら覚えてみましょう。 設定したことが無いかも…という方はこの機会にぜひ試してみてください！
TeraTermで「unknown Encrypt algorithm(ctos)」というエラーになる場合の対処
TeraTermで「unknown Encrypt algorithm(ctos)」というエラーになる場合の対処について紹介します。 １．問題点 さくらインターネットのサーバにTeraTermで接続しようとしたところ、下記の「unknown Encrypt algorithm(ctos)」というエラーになりました。 これまで同じ設定で正常に接続されていたのですが、ある日突然このエラーが発生するようになりました。 ２．原因 このエラーをよくみると、 unknown Encrypt algorithm(ctos): aes128-ctr,aes192-ctr,aes256-ctr,arcfour256,arcfour128,arcfour となっており、 AES128 AES192 AES256 arcfour256 arcfour128 arcfour という暗号アルゴリズムがサーバ側でサポ
Dead Simple Screen Sharing - とても簡単に使えるChromeで画面共有
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 外出先やユーザサポート、セミナーなど多くの場面で自分の画面を他の人に見せたいと思ったことはないでしょうか。通常、そのためには各自でソフトウェアをインストールしたりするのが大きな手間になってしまいます。 そこで使ってみたいのがDead Simple Screen Sharingです。自分の画面を見せたい人だけがインストールするだけで使える手軽な画面共有ソフトウェアです。 Dead Simple Screen Sharingの使い方 Dead Simple Screen SharingはGoogle Chrome機能拡張として提供されています。インストールした後、アイコンをクリックすると専用のURLが生成されます。 このURLに別なマシンからアクセスすると、ブラウザで表示している内容が
SSHクライアント「Poderosa」
SSHクライアント「Poderosa」の紹介です。 １．はじめに SSHクライアントにはTerTermやWinSCPがありますが、最近「Poderosa（ポデローザ/ポデローサ）」というクライアントがあることを知りましたので、本エントリーでまずは基本的な使い方を紹介致します。 Poderosaにはタブ機能や画面分割といった便利な機能が搭載されています。 ２．ダウンロード・インストール Poderosaの日本語サイトにアクセスして、zipファイルをダウンロード。 ここでは執筆時点で最新版の「Poderosa-4.3.14b-bin.zip」をクリックします。 ダウンロードしたアーカイブを任意のフォルダで展開すれば、インストール完了です。 ３．起動と接続 フォルダに含まれるPoderosa.exeをダブルクリックすれば起動します。 接続は「ファイル」→「新規Telnet/SSH接続」をクリック
Chrome・Firefoxでアクセス規制されているサイトに安全に接続できるようになる「uProxy」
Googleの「行動するシンクタンク」ことGoogle IdeasとBrave New Softwareの出資を受け、ワシントン大学が開発を進めているブラウザ拡張機能が「uProxy」です。uProxyは、友人などとインターネット接続経路をシェアすることで、本当ならアクセスを規制やフィルタリングでみられなくなっているサイトへのアクセスを可能にしたり、トラフィックの監視を困難にするという、プロキシサービスの一種。アルファ版のサービスがスタートしたのでさっそく使ってみました。 uProxy.org https://www.uproxy.org/ uProxyは、GoogleかFacebookのアカウントを経由して同じuProxyを使っている人物を見つけ、接続経路をシェアする仕組みになっています。機能を利用するためには、Google ChromeかFirefoxに拡張機能・アドオンをインストール
【Windows】FileZillaでsftp接続できない意外な原因【ppk鍵】 - †でおきしブログ†
☆結論 公開鍵(*.ppk)の保存先のディレクトリパスに日本語が含まれているとNG ☆AWS EC2にsftp接続できない… ひたすら以下エラーが出て、超どハマりしていました。 Disconnected: No supported authentication methods available (server sent: publickey) 同じようにsftpで接続できない現象について、ネットと調べてもこれというものが無い…。 ★経緯 試しに鍵無しでエラーを見てみる 同じエラーが出る… 鍵が送れていない？ 公開鍵(*.ppk)をc:\直下に移動して鍵設定をし直す Σ(´д｀;) ﾖｳﾔｸ ﾂﾅｶﾞﾘﾔｶﾞｯﾀ 同じようにハマった人の役に立てば幸いなり。 多分Macでも同じ現象になると思ふ。 ではでは。 うっかりしてた アーティスト: ya-to-i出版社/メーカー: P-VINE RE
シェルスクリプトでtelnet接続する方法
シェルスクリプトでtelnet接続する方法を紹介します。 １．問題点 現在行っている業務で、telnet接続でサーバにログインしてコマンドを入力し、ログイン先の情報を取得する必要が発生しました。 また今後、同じ作業を繰り返し行う必要があります。 よってtelnet接続をスクリプトにしたいのですが、シェルでの接続方法が分かりません。 ということで、シェルスクリプトでtelnet接続する方法を紹介します。 ここではbashを利用しています。 ２．シェルスクリプトでtelnet接続する シェルスクリプトでtelnet接続するには次のようなスクリプトを記述します。 ここではtelnet接続して「ls -l」を投入するまでのサンプルを紹介します。 #!/bin/sh host="xxx.xxx.xxx.xxx" user="foo" pass="bar" cmd="ls -l" ( echo ope
Gmail・Facebook・Dropboxなどに不正アクセスされそうになったら通知してくれる無料アプリ「LogDog」
Gmailには普段アクセスしない海外からのアクセスなど、不正アクセスが疑われる場合に警告メールを送ってくれる機能があります。このような不正なアクセスが疑われる場合に通知してくれる機能を、Gmail(Googleアカウント)だけでなく、FacebookやDropboxやEvernoteのアカウントでも実現して不正アクセスがないかを監視できるアプリが「LogDog」です。 LogDog - Anti Hacking Protection https://getlogdog.com/ Google Playからアプリ「LogDog」を検索して、「インストール」をタップ。 「同意する」をタップ。 「開く」をタップしてLogDogを起動させます。 これがLogDogのトップ画面。まずは不正アクセスされていないか監視するアカウントを追加します。右上の「＋」をタップ。 記事作成時点で監視できるのはGoo
【セキュリティ向上】WordPress の .htaccess に追加して安全性を高めます！
安全性を高めたい、セキュリティを強化したいですの！そこで、今回 .htaccess ファイルに改善の余地ありということに気が付きましたので実践いたします♪ WordPress の .htaccess の追加部分ポイント 次を冒頭に追加しました。 <FilesMatch "^(wp-config\.php|wp-mail\.php|install\.php)"> Order Allow,Deny Deny from all </FilesMatch> FilesMatch 部分の “^(wp-config\.php|wp-mail\.php|install\.php)” を整理します。 ^ 行頭を意味します。 () 囲った範囲をグループ化します。 \ エスケープ文字を意味します。 | 区切られた前後の正規表現のいずれかに一致します。 以上により、http://example.com の後に「
1行で書けるPHPファイルを直接実行させない方法 : エクスギア Blog
Webサーバーのウェブルート以下に、クラスファイルやincludeされることが前提となっているライブラリファイルのような直接実行されることを意図していないPHPファイルを置いてしまった場合、意図していなくてもブラウザから直接URLを入力された場合はPHPファイルが実行されてしまいます。 もちろん、直接実行されては困るようなファイルをどこからでもアクセスできる公開ディレクトリに置くことが間違っていますが、アプリケーション設置をユーザー自身が行う場合に、「このファイルはhtdocsの上のディレクトリにlibディレクトリを作成して...」という手順を伝えるのが困難な場合もあるかもしれません。 .htaccessで対策する というわけで、直接呼ばれないようにする方法として一番最初に思い浮かべるのが、ライブラリを配置するディレクトリを別に用意し、.htaccessでdenyを設定してしまうことでしょ
【WordPressのデータベース（DB）を操作したいので初めの一歩から勉強して理解しています】｜今村だけがよくわかるブログ
ところでですが、MySQL,PostgreSQL,oracleなどのDBMSは、これまで一通り触ってきました。ですので、初歩的な予備知識はあると思っています。が、私個人的にWordPressに関しては、「WordPressを構成してるデータベース（DB）の理解」をしないと、うまく扱えない。前に進めないな、と感じています。 当たり前かもしれないですけども・・・ WordPressのDBに関する理解私の現状の理解は、 WordPressはDBMSとしてMySQLを採用していて、インストール時に決めたDBに、WordPressを構成するテーブルを作成するcodexのサンプルコードを参考に、ちょっとだけDBの値を引っ張ってくる程度ってくらいです。 あ、あとWordPressインストール時に作られるテーブル名も、前回調べました。（昔PostgreSQLで構築する方法もあるのはどこかで見たけど、そこは
WordPressからデータベースに直接アクセスする
タイトルを取り出したいので「post_title」というフィールドですね。 複数行のレコードを取り出す場合は「get_results」関数を使用します。 SQL文は「get_results」の引数に記述します。 通常のMySQLのように「FROM テーブル名」と記述してもいいのですが、テーブル名の「wp_」という接頭辞はインストール時に変更できるため柔軟なテンプレートを作成するなら直接指定しない方が良いようです。 Wordpressでは代わりに各テーブルに対応したプロパティ名で指定します。 プロパティ名は基本的にテーブル名から接頭辞（デフォルトではwp_）を除いたものになります。「wp_posts」なら「posts」ですね。 では、テンプレートの適当なファイルに下記を記述して実行してください。 WordPress テンプレートファイル $results = $wpdb->get_resul
Cookieを取得してpost idとマッチしたら特定の処理をしたい
よろしくお願い致します。 表題の通りなのですが、Cookieに保存している複数の「値」が、現在投稿されているすべての記事の「ポストID」にマッチした場合、該当記事のタイトルや画像を表示させたいと思っています。 自分なりに色々と調べてみて、全記事のポストIDとCookieの値を取り出すコードは分かったのですが、これをどう組み合わせれば、Cookieに保存されている値に該当する記事だけを表示できるのかが分からず困っております。 function get_postid(){ global $post; $posts = get_posts(‘numberposts=-1’); foreach($posts as $post){ setup_postdata($post); echo “ポストID：$post->ID”; } if(isset($_COOKIE[‘hoge’])){ foreach
WP-PostViewsプラグインの使い方(人気記事ランキングをサイドバーに表示)
WP-PostViews プラグインは記事の閲覧回数を元に人気のある記事(又は不人気の記事)のランキングをサイドバーに設置できるプラグインです。このプラグイン単独で記事の閲覧回数のカウントまで行いますので手軽に利用することができます。ここでは WP-PostViews プラグインのインストール方法と使い方について解説します。 WP-PostViewsプラグインのインストール WP-PostViewsプラグインをインストールにするには「プラグインのインストールと有効化」プラグインのインストールと有効化」を参考に「プラグインのインストール」画面を表示し検索ボックスで「WP-PostViews」と検索されて下さい。 「WP-PostViews」プラグインが表示されましたら「いますぐインストール」と書かれたリンクをクリックしてインストールして下さい。 インストールが完了します。 なおダウンロードし
閲覧履歴（最近見た商品）を表示してくれるプラグイン Last Viewed Posts | Z-WP-Memo
Last Viewed Posts 最近見た記事を表示してくれるwordpressのプラグイン。 welcart対応の商品画像表示等のカスタマイズをしたのでメモ。 これはxamppでは動きませんでした。phpのcookieが対応してないのかも？私の環境だけかもしれません。サーバーにアップしたらちゃんと動いたので大丈夫。 プラグインをダウンロードしてlast_viewed_posts.phpをカスタマイズ。 最初の基本設定 お好みで。 /* Here are some parameters you may want to change: */ $zg_cookie_expire = 30; // クッキー保存の日数 $zg_number_of_posts = 12; // 閲覧履歴をいくつ表示するか $zg_recognize_pages = false; // 固定ページを含む
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
