【Photoshop】画像の切り抜きだけで終わらない！そのあとのデザイン加工まとめ | デザイン研究所
Photoshopを使った画像の切り抜きはこんなに簡単になった。まず切り抜けない人のために、画像の切り抜き方法について解説していきます。 2つの方法を紹介しますが、どちらも機械的にPhotoshopが自動的に範囲を作ってくれます。 難題である人の切り抜きはこちらの動画をご覧ください。 髪の毛も瞬間的に切り抜いてくれます！2020年6月に追加された新機能です。 次にモノの切り抜き。 こちらも数秒で切り抜いてくれます。2019年11月に追加された新機能です。 ツールバーの上から4番目にあるオブジェクト選択ツールをクリック切り抜きたいモノを囲みますレイヤーパネルの右下にあるレイヤーマスクを追加をクリック切り抜けます！ もちろんこの2つは自動であるが故に精度はあまり良くない。しかしこれだけでもかなりのモノが簡易的に切り抜けるので最低これだけ覚えておくと幅は広がっていきます！ 個別の記事では他の切り
【自分磨き編①】オタクが婚活して、付き合って入籍するまでの話 - くらむ本
ギリギリアラサーのオタクです。コロナもあって、２年くらい前に自分磨きを始め１年ほど前に婚活を開始。婚活で知り合った女性と昨年末から同棲し、婚約まで至りました。このエントリを書いている現在、彼女とは色々な準備が整ったら入籍をする予定です。 そんな僕が取り組んだ自分磨きとか、参考にした動画とか、数エントリにわけてアウトプットしておきます。参考になるかどうか分かりませんが、自分磨きと、マッチングアプリ、婚活パーティーとかについてまとめていくので誰かのヒントになれば幸いです。ひとまず、このエントリでは特に支柱となる４項目について、自分なりに頑張った事や感想をだらだらと書いたことをここに置いておきます。 ①ダイエット ぼくがダイエットを始めたのは夏バテが起因で、年齢も年齢だし減量しないとな……って思っただけなんですが、婚活するにしても太ってる人はダイエットが最初にくると思います。 ぼくは2020年の
マグネティックフィルターを出している会社が多すぎるのでまとめる｜ぺ
最近の一眼レフ、ミラーレスカメラおよびその交換レンズは性能が良くなりすぎており、同じレンズとカメラを使えば誰でも同じ描写が得られるという時代になっています。[独自調査・要出典] ここ2,3年は表現にひと味つけるためのフィルターの類が様々なメーカーから再び発売されるようになりました。2018〜2019年頃は角型フィルターの新製品がKANI、NISI、MARUMI（H&Y）、COKIN（ケンコー・トキナー）といった新興・老舗メーカー双方からリリースされ、角型フィルターバブルとも言える年でありました。また、2020年頃からは、古くからの定番品であるブラックミストフィルターやソフトフィルターの新製品が各社からリリースされるという情勢です。 そんな中で、最近注目を集めているのがマグネティックフィルターです。通常の円形フィルターは、たいがいのレンズに備え付けられている溝にねじ込む形で使用します。一方で
『閃光のハサウェイ』のベスト視聴環境はLGの有機ELテレビとDENONのサウンドバーDHT-S517（予算20万円以内） - ARTIFACT@はてブロ
『水星の魔女』が終わったあと、地上波放映された『閃光のハサウェイ』が、また話題になっている。配信が始まった頃に戦闘シーンが暗くて見にくいという声が多かったが、黒が浮きやすい液晶テレビでは見づらく、視聴環境を選ぶ作品である。*1 また、地上波で放映される作品の常で、音声はステレオだが、『閃光のハサウェイ』の魅力の一つとして音響があり、大半の劇場アニメや邦画は5.1chの中、珍しくDolby Atmosで制作されている。*2Dolby Atmosとは、映画の一般的なサラウンドフォーマットの5.1chや7.1chと違い、上方からも音が聴こえる立体音響のフォーマットだ。ただし、大半の上映は5.1chで、Dolby Atmosはそれに対応した映画館だけで上映されたため、誰でも気軽に体験はできなかった。しかし、Blu-rayやUltra HD Blu-rayにはDolby Atmosの音声が収録されて
被写体を追尾する | フォーカス設定ガイド | ソニー
被写体を追尾する (静止画撮影) 狙いたい被写体を指定し、シャッターボタンを半押しするとカメラ任せで被写体を追尾させることができます。また、被写体の状況に応じて、フォーカス枠が顔や瞳の位置にシームレスに移動します。 トラッキングの開始位置をフォーカスエリアで指定する 一時的に［フォーカスエリア］を［トラッキング］に切り換える (［押す間トラッキング］) トラッキングと［顔/瞳AF］の連携 トラッキングの開始位置をフォーカスエリアで指定する 設定方法 静止画/動画/S&Q切換ダイヤルを（静止画）にして、静止画撮影モードにします。 ［フォーカスモード］ MENU→ （フォーカス）→［AF/MF］→［フォーカスモード］→ ［コンティニュアスAF］を選ぶ。 ［フォーカスエリア］ MENU→ （フォーカス）→［フォーカスエリア］→［フォーカスエリア］→［トラッキング］から希望の設定項目を選ぶ。 ［フ
AviUtlとは？特徴と歴史について【フリー動画編集ソフト】
開発者は？開発者は「KENくん」という方で、個人開発のソフトです。 非常に謎多い人で、詳細については全く分かりません。過去にニコニコの「AviUtl愛好会」というコミュニティにゲストとして出演した際にも、変声機を使用して会話するなど徹底した匿名性が見受けられました。（ツイッターもやっていましたがいつの間にかアカウントが削除されています） また、こっそり隠しメッセージを入れてたりするお茶目な人でもあります。 どんな特徴がある？ AviUtlは、他の有料動画編集ソフトと比較して以下のような特徴があります。 無料基本的な動作が軽いインターフェイスがシンプルなので、動画編集知識さえあれば割と直感で扱えます。ネットでの情報が多いのですぐにトラブルシューティングできる1997年に開発されたので歴史があります。拡張性が高いプラグイン次第でどんなファイル形式も読み込めるし、どんなファイル形式でも出力できま
本当に実践的なデザインドキュメントの書き方 第1回：なぜ渡されたワイヤーフレームは分かりにくいのか？ | アドビUX道場 #UXDojo
本当に実践的なデザインドキュメントの書き方 第1回：なぜ渡されたワイヤーフレームは分かりにくいのか？ | アドビUX道場 #UXDojo 連載 本当に実践的なデザインドキュメントの書き方 いきなり渡されたワイヤーフレームをデザインするよう言われて戸惑った経験は、デザイナーなら誰でもあるのではないでしょうか？これはディレクターとデザイナーの分業という状況に起因する問題ですが、分業が一般的なのにはもちろん理由があります。そこで、この連載では、現在の分業体制を前提に、情報設計に関わる『デザインドキュメント』をきちんと制作することで、この問題を解決する手段を探ります。 第1回は、受託のWeb制作における一般的な分業体制を詳細に分析し、よりデザイナーが貢献できる役割分担について考えていきます。 なかなかはじめられないUXデザイン これはGoogleトレンドで、「Webディレクター」「Webデザイナー
開発ドキュメントの書き方！9つのコツ【エンジニア】
文章を書く前にやることよい文章を書くには、実際に文章を書く前に、読者は誰か、どういう悩みを解決するのかを企画することが大切です。また、それを元にアウトラインを書いておきます。 このふたつを元に文章を書くことで、読みやすい開発ドキュメントにつながります。これについては、次の記事をご覧ください。 開発ドキュメントを書く前に決めるべき3つのこと【企画編】開発ドキュメントにおけるアウトラインの書き方開発ドキュメントの書き方企画とアウトラインの作成が終わったら、実際に文章を書いていきます。文章を書くときは、次の9つを意識して書きます。これだけで、読みやすさ、分かりやすさが大きく向上します。 一文を短く切る結論を先に述べる指示語を使わない主語を明確にする、述語との距離を近づけるひらく・閉じるを統一する再現条件を示す前提を揃える見出しや箇条書き、表などを適切に用いる読者に伝わる用語を使うひとつずつ説明し
最近のWebサイトで見かける！ フロントエンドのデベロッパーにもデザイナーにも役立つCSSの実装テクニックのまとめ
最近のWebサイトやアプリで見かけるUIコンポーネントやエフェクトを実装するCSSのテクニックを紹介します。 一昔前まではJavaScriptが必要だったりしましたが、現在ではCSSのみで実装できるようになり、覚えておくと非常に便利です。 10 Useful CSS Tricks for Front-end Developers by Alex Ivanovs 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. タイプライターのようなエフェクト 2. 透過画像用シャドウ 3. カーソルのカスタマイズ 4. attr()でシンプルなツールチップ 5. ピュアCSSによるチェックリスト 6. is()と:where()による要素のスタイル 7. キーフレームを使用したアコーディオン 8. ホバーエフェクトのサイドバー 9
新生活を始める若者向けに防犯の話をしよう→賃貸管理二十年近くの不動産屋さんの注意喚起ツイート
ｷﾘﾝ@瓶ﾋﾞｰﾙ 断酒アカウント @kintai2103 暇に飽かせてじゃないけど、色々思い出したので、新生活を始める若者向けに防犯のお話をしよう。もしも誰かの目に留まり一件でも犯罪被害者が減れば。 新生活、一人暮らしを始める若者、賃貸管理二十年近いおっちゃんの余計なお世話を聞いてくれ。大切なお約束だ。 まず、鍵は必ず施錠しろ。 2022-02-26 15:03:09 ｷﾘﾝ@瓶ﾋﾞｰﾙ 断酒アカウント @kintai2103 オートロック(AL)の有無に関係無く。AL付だからと玄関扉の鍵を掛けていない部屋は結構多く、簡単に入られるぞ。 典型的な手口やけどAL一緒に入ってくる奴も用心やで。 扉と鍵の形状によっては廊下歩いてるだけで無施錠の部屋は分かる。 で、鍵を開けて入室するときは一旦周りを見る癖を。 2022-02-26 15:05:31 ｷﾘﾝ@瓶ﾋﾞｰﾙ 断酒アカウント @kint
これだけは押さえよう！住所フォームの作り方 - ケンオールブログ
まとめ 住所フォームの作り方 住所フォームを作るときには以下の4つを押さえましょう。 オートコンプリート機能に最適化する 郵便番号フィールドは1フィールドにしてハイフン有無どちらも対応する モバイルUX優先なら郵便番号が入力されたら即座に補完。精度優先なら郵便番号補完ボタンを設置 住所フィールドは「都道府県」「市区町村」「町名以下」の3フィールドが基本。「建物」フィールドはオプション 本文 地域SNSのユーザー登録、ECサイトの配送先入力、資料請求、自治体サイトでの電子申請など、ウェブサービスを活用する上で住所入力は欠かすことができません。 住所入力をシンプルかつ正確に行えるような入力インタフェース（住所フォーム）は、離脱率を減らし、コンバージョン率を向上させる上で重要です。 郵便番号を入力すると対応する住所を自動入力する機能（郵便番号による住所補完）は、住所フォームの改善方法として最も効
現在の実装でよく使用されるCSSの機能、これから登場するCSSの新機能のまとめ
現在の実装でよく使用されるCSSの機能をはじめ、まもなく使用できるようになる新機能まで、現在とこれからのCSSを紹介します。 CSS3が登場した2015年以降の新機能、2022年これから登場するCSSの新機能、最近のCSSについてWeb制作に携わる人は要チェックです。 What's New Since CSS3 by Chris Coyier 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSS3以降の新機能 CSSワーキンググループ これから登場する新機能 はじめに 「CSS3」はCSSにとって大成功でした。たくさんの新機能がリリースされ、素晴らしいものばかりでした。CSSグラデーション、CSSアニメーション、border-radius、box-shadow、transform、などたくさんあります。さらに、CSS
CSSによるレイアウトの崩れやおかしな挙動を解決するテクニックのまとめ -Defensive CSS
WebページやUIコンポーネントのレイアウトの崩れ、おかしな挙動にあらかじめ対応しておくためのCSSのテクニックを紹介します。 FlexboxやCSS Gridによるレイアウトの崩れ、テキストが長いコンテンツ、固定の幅・固定の高さによるレイアウトの崩れ、子アイテムが増えすぎたり減りすぎたりで崩れたりなど、起こりがちな問題を解決する実践的なテクニックが満載です。 Defensive CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Flexboxでの折り返し スペースの確保 テキストが長いコンテンツ 画像の伸縮を防止する スクロールが連鎖するのを回避 CSS変数のフォールバック 固定の幅・固定の高さによるレイアウトの崩れ 忘れがちな背景の繰り返し 垂直のメディアクエリ justif
知っておくと便利で役に立つHTMLの属性のまとめ
あまり知られていないけど、知っておくと便利で役に立つHTMLの属性を7つ紹介します。 Google翻訳が翻訳しようとするのを防ぐtranslate属性、リンクをダウンロードするように指示するdownload属性、アップロードできるファイルのタイプを指定できるaccept属性など、HTMLだけで実装できるのかという便利な属性ばかりです。 7 useful HTML attributes you may not know by Mariana 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに multiple属性 accept属性 contenteditable属性 spellcheck属性 translate属性 poster属性 download属性 終わりに はじめに HTMLは、Web制作の要です。しかし、多くのプロ
JavaScriptを完全無料で学習できる最強の厳選コンテンツを大公開！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、JavaScript初心者から中級者までをカバーできる学習コンテンツを厳選してご紹介します。 完全無料で公開されているものばかりを集めており、なおかつ質の高いコンテンツを選んでいますので独学したい方にも最適です。テキスト、動画、本、Webアプリなど、さまざまな種類のコンテンツを楽しみながらぜひ学習に役立ててください！ ■学習を始める前に これからJavaScriptの学習コンテンツについて解説をしていく前に、ひとつだけ以下のサイトをご紹介しておきます。 【 The Modern JavaScript Tutorial 】 これはJavaScriptの基礎構文・DOM操作・非同期処理・サーバ通信など、ほとんどの学習項目を網羅したリファレンスのようなサイトです。海外で作られたサイトですが、うれしいことに日本語化されているので初心者にも扱いや
Next.js+microCMS+Vercel面白い - ゆーすけべー日記
Next.js と microCMS と Vercel が面白い。それぞれ面白いし、組み合わせるとさらに面白い。なにせ、メディアサイトがデプロイも含めて 2 時間で出来る。 Next.js + microCMS + Vercel すごいな。メディアサイト（中身スッカスカだけど）がものの 2 時間でデプロイまでできた。 https://twitter.com/yusukebe/status/1435708770705760256 ということで、メディアサイトを作りながら、Next.js と microCMS と Vercel の面白さをまとめる。 2 時間で作るメディアサイト 例として「ラーメンまとめ！」というメディアサイトを作ってみる。このサイトには ラーメン屋 ラーメン屋のまとめ記事 の 2 つの種類のコンテンツがある。「ラーメン屋」が「名前」「場所」「ラーメン写真」というプロパティを持
ゼロから始める、データ分析と可視化 - Kyash Product Blog
はじめまして。Kyashでデータエンジニアリングを担当しているKyashデータマンです。この記事では、Kyash社内のデータ分析の基礎に関するドキュメントを紹介します。 Kyashでは、データエンジニアリング・ガバナンス・セキュリティなど様々な角度から、公正なデータの取扱いと活用を推進しています。従来は、一部の訓練された技術者がデータ分析を一手に担っていましたが、社内でもデータ活用のニーズも多く、その担当者に分析や集計の業務が集中するという課題がありました。 この課題に対して、データへの適切なアクセス管理を行い、そして適切なBIツールを導入することで、データを取り扱う人が自分でデータ分析・そして活用できるようになることを目指しています。アクセス管理には、個人情報やそれに準ずる機密データに対して、ポリシータグによるアクセス権のコントロール、そしてアクセス権のリネージなどのソリューションの導入
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
世の中には困ってる人を助ける制度がたくさんあるのに何が使えるかを教えてくれないっていう理不尽仕様なんだが、そんな世界をなんとかしようとしてる人たちがいて、そのためのWebページがこの前リリースされたってことを僕はフォロワーさんに知っておいて欲しいと思ったんよ
2022年のモダンCSS - TechFeed Conference 2022
HTML Living Standard ｜ HTML要素チートシート
