古くて余っているスマホを防犯カメラやペット監視カメラとして復活できる「Alfred Camera」レビュー
スマートフォンを新機種に買い替えていると、家に使っていないスマートフォンがどんどんたまってしまいます。無料アプリ「Alfred Camera」を使えば、余ったスマートフォンを防犯カメラやペット監視カメラとして活用できるとのこと。手軽に使えて便利そうだったので、実際にAlfred Cameraを使って監視システムを構築する手順を確認してみました。 Alfred Camera | Simple Security at Your Fingertips https://alfred.camera/ Alfred CameraにはiOS版とAndroid版が存在しますが、今回はiOS版を使ってみます。 また、Alfred Cameraを使うには「閲覧用のスマートフォン」と「撮影用のスマートフォン」が必要。今回はiPhone 12(左)を閲覧用、iPhone 5s(右)を撮影用に使います。 まずは、閲
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属性は非常にクールなので、動画と記事を書くことにし
captureでカメラ起動（知名度が低いウェブ標準ひとりAdvent Calendar 2021 – 17日目） | Ginpen.com
知名度が低いウェブ標準ひとり Advent Calendar 2021 – 17 日目 今日は capture です。カメラを起動します。 HTML attribute: capture – HTML: HyperText Markup Language | MDN デモ：https://codepen.io/ginpei/pen/xxXxvbX HTML Media Capture | Can I use… Support tables for HTML5, CSS3, etc あ、なんか CodePen のランダム URL 部分がちょっと格好良い……。 基本的な使い方 デモはスマホで見てね。 あとは CSS で良い感じにカメラボタンっぽくしてやると良さそう。 PC 用のウェブブラウザーは未対応だけど普通にファイルを開くだけなので大きな問題ではないかと。 値 capture, captu
Webデザイナーが覚えておきたい写真の基本構図
こんにちは！QUOITWORKS Incでディレクションとデザインを担当しておりますワタナベです(@ws0606)。今回はデザイナー向けに押さえておきたい「写真の構図」について記事を書きました。 デザインをする上で欠かせない素材の一つが「写真」。カメラマンと撮影に同行して写真の指示や良し悪しの判断を求められたり、フォトストックから選定をして加工、トリミングをしたりとデザイナーが写真と関わる場面は多くあります。 そういった場合に写真の知識があれば、カメラマンと円滑にコミュニケーションが取れ、自分で加工する際もより魅力的に見せることが出来ます。 またデザインの画面上での見え方（特にファーストビューなど）もこの構図の考え方を取り入れることにより安定したスタイリングができるなどメリットや、それをお客さんに説明するときも協力な根拠になります。 そこで今回は現場にも役立つ代表的な写真の構図やアングルに
スマホで身の回りのものを瞬間切り抜き Photsohopなどにコピー＆ペーストできる神アプリClipDrop
スマホのカメラで身の回りにあるオブジェクトを素早く切り抜き、Photoshopなどのデスクトップアプリに直接配置できる、新しいアプリClipDropが登場しました。 どんな被写体でも背景から数秒で正確に切り抜き、他のデバイス間でのコピー&ペーストがとてもシンプルで、オンライン上でも話題となっています。 この記事では、アプリClipDropの使い方を詳しくご紹介します。 最近アップデートされたPhotoshopの切り抜き機能を組み合わせれば、ほんの数秒で美しい切り抜き画像をデザインに利用することができます。 Photoshopの画像切り抜きが進化！髪の毛や複雑な背景もほんの数秒で作業完了 2021年10月29日アップデート : ClipDropのエンジニアチームが、人やものなどの被写体、文字テキストなど、あらゆるものを写真から消せる新サービスCleanup.picturesを公開。合わせて利
無料でスマートフォンをウェブカメラとしてPCに接続可能な「Kinoni」を使ってみた
スマートフォンのカメラをPCに接続して、ウェブカメラ代わりにできる「Kinoni」は無料でダウンロードできるウェブアプリです。スマートフォンとPCをワイヤレスで接続して使用することができ、ZoomやSkypeなどのアプリでもカメラとしても利用できます。 ◆スマートフォン側の設定 KinoniはAndroidおよびiOS,iPadOSデバイスをカメラとして使用することができます。 EpocCam - Webcam for PC and Mac – Google Play ‑sovellukset https://play.google.com/store/apps/details?id=com.kinoni.webcam2 EpocCam Webcam for Mac and PC on the App Store https://apps.apple.com/us/app/epoccam-
ローカルファイル・カメラ・SNSなど、さまざまな画像に対応したJavaScriptの画像アップローダー -Uppload
デスクトップからの画像ファイルはもちろん、PCのカメラで今撮影した写真のアップロード、写真サイトからのアップロード、Twitter、Instagramからのアップロードにも対応したJavaScriptの画像アップローダーを紹介します。 Vue.js、Reactなどのフレームワークも完全にサポートしており、オープンソースで利用できます。 Uppload Uppload -GitHub Upploadの特徴 Upploadのデモ Upploadの使い方 Upploadの特徴 Upploadはカスタマイズにも対応した、JavaScriptの画像アップローダーです。 写真画像をドラッグアンドドロップでアップロード。 PCのカメラで撮影した写真画像をアップロード。 写真画像をサイト（Unsplash、Pexels、Pyramidなど）から検索してアップロード。 写真画像をWebサービス（Twitte
デザイン素材をコリス限定で全員にプレゼント！SVGも完備、カメラや写真をテーマにしたアイコン素材
お馴染みの freepik.com 提供によるデザイン素材をコリス限定で全員にプレゼント！ もちろん個人でも商用でも無料で利用できます。 今回はカメラや写真をテーマにしたアイコン素材です。 freepik.comはウェブやグラフィックデザイナーのためのベクターやイラストやPSD素材の検索エンジンで、日本語環境でも利用できます。アイコンに特化したflaticon.comも運営しており、ついにそのアイコン素材は1,300,000個を越えました！ freepik.comでアイコンの検索する時は、下記のページからが便利です。 freepik.comでアイコンを探す またfreepik.comは、そのブログだけのオリジナルの素材を配布するコラボをしています。日本ではコリスが初、今回でいよいよ第41弾となりました！ 第31弾〜40弾まではこちら（※長いので、1〜30は省略）。 飾り罫やイラストが揃った
Webサイト（ホームページ）の写真撮影に欠かせない事前準備6選〜鯛茶STAND編〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
理想の彼女はリゼロのレムです、ありさんです。 LIGでデザイナーとして働いてますが、たまにWebサイトの撮影を担当させていただくことがあります。 実はLIGが運営している「鯛茶STAND」という御徒町の鯛茶漬け屋さんのWebサイトの撮影も、担当させていただきました。 鯛茶STAND | taicha stand 今回は鯛茶STANDでの撮影を参考に、Webサイトの撮影で気にしていたことを書いていきます。 「Webサイトの撮影ってなにしたらいいんだろう？」 って不安な方に届くといいなあ……。 心配性で事前準備に時間をかける派なので、事前準備で気をつけたことを中心に書いていきます。 撮影前にしたほうがいい準備6選 1. Webサイトのコンセプトを確認する 鯛茶STANDのWebサイトを担当したデザイナーさんにコンセプトを聞きます！ 鯛茶STANDのサイトコンセプトは、「小粋」と「和モダン」。
写真撮影をプロのように！確実にマスターしたい絞り値、シャッタースピード、ISO 完全ガイド
絞り値（英: Aperture）およびシャッター速度、ISOを確実に理解することは、思い通りの写真を撮影する第一歩です。 この３つのカメラ機能は、画像の露出（写真の明るさと濃淡のレベル）を担っており、他の美しい写真を真似ることができ、結果的に写真全体の見た目に大きな役割を果たします。 絞り値とシャッタースピード、ISOをマスターして、優れた写真家になるための第一歩は、自動モード（カメラがすべての設定を処理する）から、全手動モードでの撮影に切り替えることです。はじめは露出を手動で設定するのに時間がかかりますが、プロセスから学ぶテクニックはとても貴重と言えるでしょう。 まず、3つの露出設定を詳しく見てみましょう。それぞれの設定がどのように美しい画像の設定に影響するのか、そして「露出の三角形（英: Exposure Triangle）」がどのように連動するのか見てみましょう。 露出の三角形とは？
ついにiPhoneにAR技術がやってきた、カメラを向けるだけで長さを測れるアプリ「AirMeasure AR」できちんと計測するコツ
iOS 11で新たに搭載されたAR(拡張現実)機能を活かしたアプリ「AirMeasure AR」は、iPhoneの画面でポイントをいくつか指定するだけで、そのポイントの距離を測ることが可能です。実際に使ってみると「意外と誤差が大きい」といった印象を持つ人も多いようですが、いくつかの点に気をつけるだけで精度がグッとアップするという特徴があるようでした。 Air Measure™ | The AR Measuring ToolKit http://air-measure.com/ AirMeasure ARが実際に動作している様子は以下のムービーに収められています。iPhoneを対象物に向けるだけで長さの計測ができるという優れものですが、ある程度の精度を持たせるためにはいくつかの「コツ」が必要となってきます。 Air Measure App Demo - Augmented reality t
【お詫びと訂正】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行でま
「iPhone 7を使ってキレイな写真を撮る方法」をAppleが伝授するムービー＆ウェブサイトが登場
「優れたポートレートを撮影する方法」「力強くシンプルな写真を撮影する方法」「マジックアワーに撮影する方法」「ムービー撮影中に写真を撮影する方法」など、AppleがiPhone 7/iPhone 7 Plusを使って美麗な写真を撮影する方法を公開しています。意外に知られていないiPhoneのカメラ機能から、撮影のコツなどが「3ステップ＆約30秒のムービー」でわかるようになっています。 How to shoot on iPhone 7 - Photography - Apple https://www.apple.com/iphone/photography-how-to/ ウェブサイトにカード式で撮影のコツのタイトルが表示されており…… それぞれのカードをクリックするとムービーが再生されます。 記事作成時点で公開されている撮影方法は以下の通り。 ◆How to shoot a great p
写真撮影が上手くなる、覚えておきたい基本の構図テクニック20選
完璧な写真を撮影する方程式はありません。 しかし、これから紹介する20個のガイドラインを利用すれば、つまらない写真の構図を魅力的に改善することができるでしょう。 このチュートリアルでは、写真の仕上がりがグッと良くなる、20個の構図テクニックを参考サンプル例と一緒に見ていきましょう。もっとも基本的なガイドラインにはじまり、より複雑で高度なテクニックまでまとめています。 コンテンツ目次 0. 構図ってなんだろう。 1. 三分割法 2. 中央揃えと左右対称 3. 前景シーンと奥行き感 4. 枠のなかの枠 5. リーディング・ライン 6. 対角線と三角形 7. パターンと質感 8. 奇数の法則 9. フレームを覆いつくそう。 10. 余白スペースを利用しよう。 11. シンプルさとミニマリズム 12. 被写体のみ切り抜こう。 13. 視点を変えてみよう。 14. 配色の組み合わせを考えよう。 15
写真撮影がもっと上手に！最低限覚えておきたい4つの基本構図テクニックまとめ
海外サイトPetapixelで公開された「Understanding Basic Aesthetics in Photography」の著者Sebastian Jacobitzより許可をもらい、日本語抄訳しています。 スマートフォンやデジタル一眼レフカメラなどの人気によって、これまで以上に誰でも気軽に写真を撮影できるようになりました。しかし、その場の雰囲気までうまく切り取った写真を撮影するのはむずかしい、と感じるひとも多いのではないでしょうか。今回は、SNSでシェアするときにも活用できる、写真をうまく撮影できる4つの大事なポイントをご紹介します。 すぐに実践できるシンプルなテクニックで、これだけのテクニックを押さえているだけでも、より効率的で、美しい構図をあまり悩まずに撮影できるようになります。 詳細は以下から。 写真を撮影するとき覚えておきたい、基本の構図テクニック リーディング・ライン
初心者でもプロのクオリティーで撮れる！屋外のポートレート撮影テクニック
人物紹介：つるたま（TSURUTA MAKOTO） 2015年4月までアパレルECサイトにて撮影を担当。現在は表参道のワンピースや宝飾店の撮影の他、Webのあちらこちらに生息。 サイト：http://one-cut.net ファッション雑誌やアパレルのECサイトなどでは、おしゃれなポートレート写真が多いですよね。屋外で綺麗な写真を撮りたいと試行錯誤している人たちにとっては、とても参考になる写真ばかりです。 今回は、ポートレート撮影初心者や、アパレルでの撮影担当者向けに、屋外ロケでのファッションポートレートのポイントをご紹介いたします。 撮影の前に ポートレート撮影の前にこれらを準備しておきましょう。 カメラ機材を準備しよう 必要なカメラ機材はこちらです。 一眼カメラ マクロなど35mm換算100mmくらいのレンズ 標準ズームの広角域レンズだと顔や体が伸びてしまいますが、焦点距離100mmほ
料理の写真でもここまで違う！「だれに・なにを・どう伝えるか」で変わる撮影テクニック #ブロフェス2015 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ハレときどきPAKUTASO、外部ライターのつるたまです。 昨日、ブロガーの祭典「ブロガーフェス2015」に登壇させていただきました。そちらでお話させていただいた撮影テクニックの内容が好評だったため、LIGブログでも書かせていただきます。 ライター＆ブロガー、そして写真がもっとうまくなりたいすべての方の参考になれば幸いです。 ※記事中に分からないカメラ用語が出てきたら、こちらの記事をご参照ください。 露出補正編：美味しそうなのはどっち？！ まず、料理ブログなどでよくある例。 AとBは同じ写真ですが美味しそうに見えるのはどちらでしょうか。また、「美味しそう！」と感じた理由も考えてみてください。 もちろんAの方が美味しく見えるでしょう。 写真は明るいと彩りがきれいにみえるため、食欲や好奇心をくすぐります。撮って終わりではなく、暗い画像は明るく補正したり撮影時に明るさを調整しましょう
写真のクオリティが一気に上がる！PL（偏光）フィルターのススメ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディアディレクターのあきです。 夏といえばアウトドア！ 海などのレジャーを楽しみつつ、写真をたくさん撮るぞという方も多いと思います。 そこで今回は、空や水面を撮る際に持っておきたいアイテム「PL（偏光）フィルター」についてご紹介したいと思います。 「プロテクター」と「フィルター」の違い 「レンズプロテクター」とは？ 一眼レフカメラなどのレンズの先端部分に取り付ける丸くて薄いガラス製のプロテクターを「レンズプロテクター」と呼び、これはレンズ面の破損を防ぐだけでなく、埃や指紋などの汚れを防いでくれます。 レンズ面を破損してしまうと、場合によっては新品レンズと大差ない金額を支払って修理に出すことになってしまいますが、このプロテクターをつけておけば、そういったトラブルを未然に防ぐことができます。 大体1,500円前後で購入でき、家電量販店でも販売されていますので、つけていない方は購入
写真をその場で確認できるLightroomのテザー撮影で、悲しい再撮影を防ごう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのあゆみです。 Web業界にいて度々思うことなんですが、写真素材がもったいないな……と感じること、ありませんか？ Webサイトの素材、どうしよう？ クライアントからありがたくいただいた素材とはいえ、 「なんでここ切れちゃってるの……」「てゆうかこれピント甘くない……？」「どうして背景のオフィス、もうちょっと気を使わなかったの……（ボケてるとはいえ、ほかの社員こっち見てるのわかるし、机の上もなんだか散らかってるし、商品名想起できるペットボトルとかあるんですけどーーーーー！）」「色々Photshopの魔法をかけたけどやっぱり無理！！！ 奥の手で人物切り抜いて背景敷こうと思ったけど、F値下げすぎてて髪の毛の切り抜き微妙！！！ すごい微妙！！！！！」 って経験、ありませんか？ なおかつここ1〜2年で、ビジュアル面にこだわるサイトが増えてきたもんだから、写真クオリティのピンキ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Learn | Adobe Creative Cloud