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属性は非常にクールなので、動画と記事を書くことにし
【拡張機能不要】Chromeでスクロール必須の長いページ全体を1回でキャプチャする
たいていWebページの長さに比べるとディスプレイの高さが足りないため、そこに表示されるWebブラウザではページ全体を見るのにスクロールを繰り返す必要があります。しかしOS標準のキャプチャー機能では、撮る瞬間に表示されている領域しかキャプチャーできず、スクロールするまで隠れている（表示されていない）領域は撮れません。 かといって、手動でスクロールしながらキャプチャーを繰り返し、後で全スクリーンショットをつなぎ合わせる、なんて作業は非常に面倒です。 そこで本稿ではWindows OS版およびmacOS版Google Chrome（以下、Chromeと略）を対象として、Webページ全体をキャプチャーする方法を紹介します。拡張機能は使わず、Chrome標準装備の「デベロッパーツール」のみ用います（デベロッパーツールは開発者に限らず、利用者でも使用できます）。またPC向けとスマホ（スマートフォン）向
Cockos Incorporated | LICEcap
LICEcap simple animated screen captures * LICEcap can capture an area of your desktop and save it directly to .GIF (for viewing in web browsers, etc) or .LCF (see below). LICEcap is an intuitive but flexible application (for Windows and now OSX), that is designed to be lightweight and function with high performance. LICEcap is easy to use: view a demo (output is here). In addition to .GIF, LICEcap
iPhone、iPad、Apple Watchなどのはめ込み画像が簡単に作成できるおすすめ無料アプリ５選
広告 iPhone、iPad、Apple Watchなどのはめ込み画像が簡単に作成できるおすすめ無料アプリ５選 iPhone、iPad、Apple Watchなどに任意の画像をはめ込み、簡単にオリジナルのはめ込み画像を作成することができる無料アプリのご紹介です。Webで無料に作成できるツールをよく私も利用するのですが、手軽にスマホからアプリで作成できるので移動時間や空き時間などにアイキャッチ画像の作成に役立ててみてはいかがでしょうか。作成方法も合わせてご紹介します。 Apprint１つ目のアプリは、「Apprint」という無料アプリです。そこまで凝ったはめ込み画像を作らないのであればこのアプリで十分だと思います。iPhoneのカラーを選んで、iPhoneにはめ込みたい画像を選択するだけで簡単にiPhoneへのはめ込み画像を作成することができます。操作方法を簡単にご説明します。 アプリを起動
iPhoneで縦長画面のスクリーンショットを簡単に作れる無料の画像連結アプリ「Tailor」
iPhoneのホームボタン＋電源ボタンを同時に押してスクリーンショットを撮影すると、画面に表示されている部分のみが画像として保存されるため、縦長のウェブサイトやチャットアプリのトーク画面などは途中で切れてしまうことがあります。そこで使えるのが、複数回に分けてスクリーンショットを撮ると自動で縦長のスクリーンショットを生成できるという無料アプリ「Tailor」です。 Tailor - iPhone Screenshot Stitching http://www.trytailor.com/ TailorはApp Storeで配信中なので、「入手」をタップしてアプリをインストール。 インストールが完了したら「開く」をタップします。 Tailorを起動すると、写真へのアクセスを求められるので「OK」をタップ。 初回起動時には端末に保存されているスクリーンショットが自動的に読み込まれます。 縦長画面
リンクもまるごとキャプチャしてSVGで出力するChromeスクリーンショット拡張をつくりました - #daiizメモ
閲覧しているウェブサイトの選択された範囲のスクリーンショットを撮ってSVG形式でダウンロードできるChrome拡張機能をつくりました．SVGで出力しているため，普通のPNGやJPGと比べると，以下のような少しだけ高度なことができます． スクリーンショットを撮ったページのURLを<svg>のdata属性として保持できる スクリーンショットの範囲内のリンクをそのまま残すことができる． ページ中の<a>の位置に，外部ページヘのリンクを持つ<rect>を挿入しています．クリックするとリンク先のページが開きます． ブラウザで通常リンクと同じように扱われるため，rectをホバーするとChromeの左下にジャンプしようとしているURLが表示されるので，移動先もしっかり確認できます． まだかなり荒いベータ版ですが，GitHubで公開しています．クローンして，そのままChromeの拡張機能管理ページから読み
機能はSkitch超え！画像に美しい注釈を加えられる「Screenpresso」がスゴい
これに出てくるソフトは、ほとんどが、以前から使っていたり、知っていたりするものがほとんどなんですが、このとき調べていて、「Screenpresso（スクリーンプレッソ）」というソフトを初めて知りました。 それ以来、いろいろ試しに使っているのですが、Skitchにはないいろいろな表現が可能で、一目で気に入ってしまいました。Sublime Textは、「恋に落ちるエディター」といわれていますが、Screenpressoは「恋に落ちる注釈ソフト」といっていいほど、心を打ち抜かれました。 ということで、今回は、Screenpressoという画像注釈ソフトの紹介です。 Screenpressoとは Screenpressoとは、Skitch並みに手軽に使え、その上、Skitch以上に表現力のある画像注釈ソフトです。基本的にほとんどの機能を無料で使えます。 様々なスクリーンショットを撮る機能があるのは
Browsershots
No active screenshot factories. Please try again later. What is Browsershots? Browsershots makes screenshots of your web design in different operating systems and browsers. It is a free open-source online web application providing developers a convenient way to test their website's browser compatibility in one place. When you submit your web address, it will be added to the job queue. A number of
iPhoneのフレーム付きスクショを自動で作ってくれるアプリ『Screenshot - Frame Maker』 - リニューアル式
Screenshot - Frame Maker 1.0（無料） カテゴリ: ユーティリティ, 写真／ビデオ 販売: Neoos - Neoos GmbH（2.4 MB） これはもう、全iPhoneブロガーにオススメだ。 320個目の原石アプリは「Screenshot - Frame Maker」。上の画像のようなかっこいいiPhoneのフレーム付きスクリーンショットを作れる無料アプリだ。 僕は4Sなので4Sのフレーム画像しか作れない。 でも、まあいい。 普通の写真もダメ。対象はスクショのみ。 でも、まあいい。 iPhoneで、このかっこいい画像を作れるのはうれしい。 うれしすぎるよね。 原石オススメ度 ★★★★★ 個人的にはiPad Mini発売のニュースと同じぐらいうれしい(笑) 高橋モトシ(@Motoshi_t）でした。 スクリーンショット系の原石アプリといえば Screenshot
Macのスクリーンショットで1日の作業を記録して動画で振り返り - 西尾泰和のはてなダイアリー
スクリーンショットを10秒に1回撮影して連番の画像で保存するスクリプトを走らせて1日の作業を記録し、一日の最後にffmpegで動画にして振り返りをしてみた。結構面白いよ。 社内掲示板やメーラやエディタで文章がにょきにょき伸びていくのが見えるのも楽しいけど、一日の終わりに「ああそうそう、これを調べてたんだった、途中でインタラプトが入って忘れてた」「この調べ物をした後サイドバーに出てた記事を読みふけってしまったけど、必要ではなかったな」「この作業は今やるべきことじゃなかったな」「時間を結構無駄にしたな」などという振り返りができる。反省。 10秒に1回撮影したのを10FPSで動画にしているから1時間が36秒になる。もうちょっと速くしてもいいかも。1分に1枚にすると1時間が6秒か。その間くらいかなー。 記録用スクリプトが連番で画像を吐いているのは後でffmpegで読み込ませるため。screenca
ウノウラボ Unoh Labs: Macでのスクリーンショットの撮り方まとめ
yamaokaです。 Mac（Mac OS X）でスクリーンショットを撮る方法についてまとめてみます。いつも忘れてしまうので個人的な備忘録だったりしますが、同じことで悩んでしまう方にとって少しでも参考になれば幸いです。 「Command + Shift + 3」を押下 単純に画面全体のキャプチャ画像が必要な場合に使います。ショートカットキーを押した瞬間、デスクトップに画面全体のキャプチャ画像が保存されます（PNG形式）。 「Command + Shift + 4」を押下 マウスカーソルが十字（ヘアライン）に変わり、画面上の範囲を選択できるようになります。ドラッグして範囲選択した上でマウスのボタンを離すと、選択範囲のキャプチャ画像がデスクトップに保存されます（PNG形式）。 「Command + Shift + 4」を押下、さらに「Space」を押下 マウスカーソルがカメラの形に変わり、その
PHPでWEBサイトのスクリーンショットを作成するチュートリアル:phpspot開発日誌
Taking screenshots of websites in PHP PHPでWEBサイトのスクリーンショットを作成するチュートリアルが紹介されています。 スクリーンショットの撮影には wkhtmltopdf というオープンソースソフトウェアを利用します。 このソフト自体がMac OS XやWindows、Linuxで動作するコマンドラインツールとなっているようなのでクロスプラットフォームで動作します。 このツールを使えば、「wkhtmltoimage --quality 50 //phpspot.org/blog/ snap.jpg」のようにコマンドを打つことでスナップショットが撮れます。 コマンドラインオプションが多数あるのでPHPerじゃない方も覚えておいて損はなさそうです。 例えば、 JavaScriptをオフにした状態でスクリーンショットを撮ったり、高さや幅の指定、切抜きの
Blinky
👻 Blinky - Web thumbnail service with Ruby and Webkit Technical demo to take screenshot of any URL, powered by PhantomJS, Poltergeist and Ruby. Blinky API compat with old service (MozShot) currently. Currently, no documentation except really simple usage. However, all source code has provided under ruby lisence. You can refer and modifiy this source freely.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
便利なのが登場！ これ一つでWeb制作に役立つ機能がたくさん使用できるChromeの拡張機能 -SuperDev
MockUPhone
AppMockUp Studio (Beta)
後でつなぎ合わせる必要なし！ Webページのスクリーンショットが一発で撮れる「Capture Full Page」 | ライフハッカー・ジャパン