VS Codeで対応するHTMLタグを確認／選択するには：Visual Studio Code TIPS - ＠IT

2018/09/07 16 users VS Code HTMLタグ Emmet 構文 労力

Emmetのバランス機能を使うと、現在のカーソル位置を囲んでいるHTMLの開きタグと閉じタグの対応を「選択範囲」として簡単に確認できる。 連載「Visual Studio Code TIPS」 Visual Studio Code（以下、VS Code）では「Emmet」構文を用いることで、HTML記述の労力を大幅に軽減できる（「VS CodeでHTMLを楽々コーディング！... 続きを読む

デザインの作業フローが大きく変わる！PhotoshopやIllustratorに予定されているAdobe Senseiの機能のまとめ | コリス

2018/02/06 54 users コリス 実装 Illustrator Photoshop 役割

2018年1月末のアップデートで、ついにPhotoshopでもAdobe Senseiが実装され、複雑な選択範囲が1クリックで簡単に作成できるようになりました。 紹介記事: Photoshopの選択範囲の作成が驚くほど簡単に PhotoshopやIllustratorなどに実装が予定されているAdobe Senseiの機能を紹介します。Adobe Senseiの主な役割は作業的な部分の効率化で、こ... 続きを読む

ついに人間の仕事なくなる？Photoshopアップデートで使えるようになった新機能「被写体を選択」が簡単すぎてやばい - Togetter

2018/01/24 66 users 被写体 やばい - Togetter マスク 従来 人間

Photoshop CC 19.1の最新機能「被写体を選択」がやばい。 写真の中からボタン一つで被写体のマスク(選択範囲)が作れる。 従来の範囲選択とは異なり、人工知能Adobe Senseiが「被写体」を認識するとのこと。 pic.twitter.com/hx3XXjTegk 続きを読む

Photoshopの選択範囲の作成が驚くほど簡単に！CC 19.1のアップデートで、Adobe Sensei（人工知能）が使える | コリス

2018/01/24 43 users 被写体 コリス 目玉機能 Photoshop 時間短縮

Adobe Sensei（人工知能）で選択範囲を1クリックで作成 Photoshop CC 19.1のアップデート内容 Adobe Sensei（人工知能）で選択範囲を1クリックで作成 今回のバージョンアップの目玉機能と言えるのが、Adobe Senseiを使った選択範囲の作成です。この機能を使用すると、1クリックで被写体をおおまかに選択できるので、かなりの時間短縮になります。 もうクイック選択ツ... 続きを読む

池田 泰延さんのツイート: "Photoshop CC 19.1の最新機能「被写体を選択」がやばい。 写真の中からボタン一つで被写体のマスク(選択範囲)が作れる。 従来の範囲選択とは異なり、人工知能Adobe Se

2018/01/23 17 users Photoshop 被写体 池田 ウェブデザイン マスク

池田 泰延 @ clockmaker インタラクティブコンテンツ制作がメインのWebデザイナー。 http:// ics.media   編集長 / ICS代表。ウェブデザインとカメラのつぶやきがほとんどです。 続きを読む

Photoshopの選択範囲や切り抜きはこれが一番簡単で正確！CC 2015.5で進化した選択範囲とマスクの作成 | コリス

2016/08/02 903 users たそ コリス Photoshop ほか マスク

Photoshopで選択範囲やマスクを作成したり、切り抜く時はいろいろな方法が用意されています。しかしCC 2015.5から登場した「選択とマスク」を一度使ってしまうと、ほかのやり方には戻れないくらい簡単で、そして正確に作成することができます。 そんな素晴らしすぎる「選択とマスク」の使い方を紹介します。 ちなみに、下の作業時間は3分です。 写真: ぱくたそ 「選択とマスク」の起動方法 選択範囲に欠... 続きを読む

ベテランほど知らずに損してるPhotoshopの新常識（3）切り抜き | Adobe Creative Station

2015/10/05 972 users Photoshop pho 新常識 いにしえ 鳥取砂丘

人物や商品写真の切り抜き作業。いにしえからのPhotoshopperは、まずはパスを切って！や、チャンネルを使って選択範囲を作成しはじめると思いますが、それなりに時間がかかります。 今回は、“ふわふわ/もこもこ”にも対応しつつ、スピーディに切り抜くための「今のPhotoshopならこうします」をご紹介します。 こちらの写真を使って切り抜いてみます（鳥取砂丘で撮影。協力：山陰デザイン会議）。 Pho... 続きを読む

PDFを見ながらMarkdownでメモを取れるアプリを書いた | Web Scratch

2015/05/04 103 users Markdown プレビューモード azu PDF メモ

NW.js(node-webkit)でazu/pdf-markdown-annotatorというアプリを作りました。 pdf-markdown-annotator 簡単に書くと PDFとMarkdownエディタを横に並べてメモを書けるアプリ PDFから選択範囲をエディタに引用 プレビューモードから該当ページにジャンプできる Markdownの読み書き Markdownのプレビュー という感じのシン... 続きを読む

Slackでカジュアルにスクリーンショットを投下する - たまめも(tech)

2015/04/16 129 users Shift Ctrl tech エントリ Slack

みなさんSlackで日常的にスクリーンショットによる晒しageコミュニケーションを取ったりされているとおもうんですが、 これはそのたびにスクリーンショット.pngが増えていってつらいなーと思っている人向けのエントリです。 方法はかんたん、 ⌘ + Shift + Ctrl + 4 で選択範囲を画像としてコピーできるので、Slack上で貼り付け（⌘ + v）するだけでアップロードできます。 こんなか... 続きを読む

tmuxのcopy-pipeとsplit-windowを組み合わせると捗る - handlename's blog

2015/02/01 29 users tmux NoPaste conf エントリ コマンド

2014-12-09 tmuxのcopy-pipeとsplit-windowを組み合わせると捗る tmux tmux 1.8 以前こういうエントリを書いた。 tmuxのコピーモードの選択範囲を外部のコマンドにわたす - handlename's blog ローカルで使っているtmux.confに以下のような設定を書いて、 選択範囲をnopasteに投げられるようにしていた。 bind-key -t... 続きを読む

【Photoshop】作業効率UPするTipsを集めました。 | バシャログ。

2014/07/25 12 users バシャログ Photoshop Alt Space レイヤー

9月6日（土）新木場ageHaでの、WIRED CLASHでA.MochiとLEN FAKIが楽しみなokadaです。 今回は、Photoshopの作業効率UPするTipsを集めました。 【Photoshop】作業効率UPするTipsを集めました。 選択したもの以外非表示にする。 レイヤーの枠内の目アイコンを[Alt]キーを押しながらクリック。 作成中の選択範囲の移動 選択範囲を作成中にSpace... 続きを読む

Photoshopで選択範囲に段落テキストを作成するスクリプト | Stocker.jp / diary

2014/06/12 20 users Stocker.jp Photoshop diary 縦横比

Photoshop で段落テキストを作成する時、数値を指定して作成するのは地味に面倒だったりします。 自由変形（command + T）で数値指定で段落テキストのボックスのサイズを変更することもできますが、テキストの縦横比が変わってしまうなどの問題があります。 また、「段落テキストは、画像ではなく HTML に記述するテキストであることが分かりやすいようにアンチエイリアスをオフにする」場合、地味に... 続きを読む

雑記 [Adobe Illustrator] 保存するとトラッキングの設定値が1つ戻る！

2014/06/09 13 users トラッキング 既出 雑記 Adobe Illustrator

以前Twitterで既出？と確認した所カレーにスルーされたので既出なんだ…と思っていたのですが、先日DTPerと集まった際に聞いてみたら、誰も知らなかったのでブログに書いておく事にします。 何が起こったのか… 現在確認しているバージョンはCS4〜CC OSはMacなのですが、Windowsでも起こるようです。 ポイントテキスト、エリアテキストで選択範囲に対し、ショートカットでトラッキングを行い、保... 続きを読む

選択範囲の変更に活用したい、10個のPhotoshopテクニックまとめPhotoshopVIP |

2014/01/27 71 users フォトショップ Photoshop 変更 10個 エントリー

フォトショップ（Photoshop）において選択範囲をうまく指定することは、デザイン制作に必要なスキルのひとつです。 海外デザインブログPSDtuts+ で、Photoshopにおける選択範囲の基本操作から、あまり知られていない選択テクニックまでを網羅したエントリー「10 Ways to Modify a Selection in Photoshop」が公開されていたので、今回はご紹介します。 詳... 続きを読む

jQuery.selection - テキストの選択範囲を自由自在に扱えるjQueryプラグイン|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2014/01/07 43 users jQueryプラグイン エンジニア ソフトウェア テキスト

おお、これはかなり使えそう！ テキストボックスやテキストエリアに入力された文字列に対して何らかの処理を行いたいと思うことは良くあります。さらにキャレットのある場所や選択されている文字に対して処理を行うのも良くある処理ではないかと思います。 例えばWYSIWYGエディタを作ったり、選択文字を別なサービスに飛ばしたりといった使い方が考えられます。意外と選択範囲を取り出すというのは面倒な処理なのですがj... 続きを読む

ココが好きだよIntelliJ IDEA - 便利機能10選 #jbugj - #侍ズム

2013/12/22 134 users jbugj リテラル 侍ズム IntelliJ IDEA 単語

IDEA Advent Calendar 2013の22日目です。 IntelliJ IDEAを使っていて「やっぱ便利！」と最近実感している小粒な機能を淡々と10件あげます。 1. 構造選択(⌘ + w) Structural selectionと呼ばれるもので文法上の構造の単位で選択範囲を広げていってくれます。単語→リテラル内(ダブルクォート内)→リテラル(ダブルクォート込)といった感じ。 言葉... 続きを読む

知ってるだけめちゃラクに！iOSの文字の選択範囲は青丸だけでなく青枠を左右に動かしても拡大出来る！ | 和洋風KAI

2013/12/22 31 users iOS 和洋風KAI ラク 左右 テキスト

ここのところiOSのテキストの選択がもう少し楽になるように色々模索していたのですが、なんとiOS自体に素晴らしい機能が組み込まれていたのに気づきました！ iOSのテキストの選択範囲は青丸だけでなく青枠を左右に動かしても拡大できる！ つまりどういうことかといいますと、iOSでテキストを選択したときにこういう表示になると思いますが、一見青丸に触れないと選択範囲が広がらないように見えますよね。 しかし、... 続きを読む

ChromeでもFirefoxでもIEでも！キャプチャ拡張機能の決定版「FireShot」が素敵だった | 株式会社WEB企画スタッフブログ

2013/11/21 249 users Firefox Chrome メインブラウザ Chorome

Chormeをメインブラウザとして使っていますが、キャプチャを取るのにしっくりくる拡張機能が無く不便でした。 でも、ついに見つけました！キャプチャをとるのに便利なChoromeの拡張機能「FireShot」を！ 今回は「Fireshot」を実際使ってみて便利だと思った点と簡単な使い方についてご紹介いたします。 「FireShot」の便利なところ 1.キャプチャの選択範囲を事前に選べる！ Fires... 続きを読む

iOS 7向けアプリ開発時の注意点

2013/09/21 104 users 注意点 UITextField UITextView 備忘録

iOS 7向けにアプリを開発していて気付いた注意点を備忘録を兼ねてまとめたいと思います。 間違いがありましたならばご指摘下さい。 iOS 7は大幅に設計し直したせいか、おかしな動きをする、いわゆるバグが大量にある感じです。 例えば以下の様な点です。 UITextViewで改行のみの選択をしようとすると失敗する UITextView、UITextFieldの選択範囲の描画がおかしい UINaviga... 続きを読む

四角の画像を一瞬で角丸にしてしまうMacアプリ「Kakumaru Punch」が鬼便利。 | 和洋風KAI

2012/12/17 22 users Photoshop シェイプ 和洋風KAI レイヤー 一瞬

今まで、四角の画像を角丸にするって結構大変でした。 僕の場合、Photoshopで加工してましたが、「コピーを作って → 画像を統合して → シェイプで角丸のレイヤーつくって → 選択範囲を取得して → 統合した画像をその選択範囲で切り取る」という、大変めんどうなことをしていました。全行程5分くらいかかってたかも・・・。 しかし、今回ご紹介する「Kakumaru Punch」を使えば1秒、一瞬で美... 続きを読む

ショートカットを入力すればデスクトップを録画することができる「Screen Teach」無料です。 * 男子ハック

2012/07/19 25 users JUNP_N 男子ハック ショートカット デスクトップ 教育

@JUNP_Nです。デスクトップの録画方法はいくつかありますが、選択範囲を手軽に録画することができる「Screen Teach」というアプリを使うと便利なことも色々とあるかも。 Screen Teach 1.0.1（無料） カテゴリ: ビジネス, 教育 現在の価格: 無料（サイズ: 0.3 MB） 販売元: Lin Fei – Lin Fei リリース日: 2012/06/30 Screen Te... 続きを読む

マウスでドラッグしてツイートできる！　記事の選択範囲をツイートできる機能をJavaScriptで実装してみた！ ~ Plus One World

2012/02/20 19 users マウス Plus One World JavaScript

2012年2月20日月曜日 ドラッグしてツイート！　記事の選択範囲をツイートできる機能をJavaScriptで実装してみた！ 当ブログに、記事の文章をマウスのドラッグして選択した部分をTwitter に投稿（ツイート）出来る機能を実装してみました。この機能により、Twitter ユーザーはブログの気に入った文を選択してツイート出来るようになります。 JavaScript （jQuery）を使って実... 続きを読む

【90枚】color+っていうiphoneアプリで作った画像貼っていくwwwwww カナ速

2011/07/04 43 users color iPhoneアプリ パヤオ オリジナリティ ジブリ

●【90枚】color+っていうiphoneアプリで作った画像貼っていくwwwwww 　選択範囲をモノクロにできるってことかい？ ●宮崎駿、息子・宮崎吾朗に「もっと俺をおびやかしてみろ」 　やはりパヤオと言えどもただの甘い親か。もはやオリジナリティも糞もないジブリに存在価値はないし、無能な息子に食い潰されるのがオチだね。 ●カードゲーム取り上げられ先生に跳び膝蹴り　中2男子逮捕 　とび膝蹴りとかハ... 続きを読む

Photoshopの切り抜き、選択範囲いろいろ：で、結局どれがいいの？

2010/09/15 1589 users Photoshop 定番 基準 近く CS5

Photoshopの切り抜き、みんなどんな風にしてますか？ 今回紹介する切り抜きは定番みたいなものだと思うんですけど、私の近くにPhotoshop達人がいないので、聞く事もできず、もっといい方法無いのかなーなんて思ったりもしてます。 この記事を読んでくれた人で、「こうした方がいいよー」とかあったらコメントいただけると嬉しいです！ 私は今、CS5を使っているのでそれを基準にしています。 CS4以前を... 続きを読む

Photoshopを便利にする30のショートカット | コリス

2007/09/10 273 users コリス Photoshop Opt Space ショートカット

Web Design WallでPhotoshopの30のショートカットが紹介されていました。 Photoshop Secret Shortcuts 下記に、コマンド別に紹介します。 ※Win XP+Photoshop CS2でのコマンドです。 Macの場合は、下記置き換えてください。 Ctrl = Cmd Alt = Opt [選択ツール] + [space] 選択範囲を作成中、スペースキーで移... 続きを読む