VS Code 1.78の新機能が便利！ 画像の相対パスが簡単に入力できるようになったぞ
VS Codeで画像のパスを入力するとき、今まではフォルダツリーで画像を右クリックして「パスのコピー」「相対パスのコピー」でパスを取得していたと思います。 先日アップデートされたVS Code 1.78で、画像ファイルをshiftキーを押しながらドロップするだけで、相対パス・完全パスが入力できるようになりました。 これはドロップセレクタと呼ばれるもので、VS Codeではshiftキーを押しながらドロップすることでファイルやコンテンツをエディタに挿入することができます。今までは画像のドロップで画像ファイルを開く、shiftドロップでファイル名でした。 VS Code 1.78のアップデートでこの挿入する方法を変更できるUIが追加されました。shiftキーを押しながらドロップすると、相対パス・完全パスを切り替えて挿入することができます。
こんなやり方が！フォトショップ時短テクニックや役立つヒント・裏技15個まとめ
こんなやり方が！フォトショップ時短テクニックや役立つヒント・裏技15個まとめ あまり知られていない、だれでも簡単な便利テクニックが集合 フォトショップをもっと使いこなしたい、と思っている人は多いでしょう。 しかし、フォトショップ経験が長くなってくると、いつも同じやり方ばかりで、新しい方法を取り入れていない、ということが結構あります。 そこでこの記事では、フォトショップを使う上で欠かせない、時短テクニックや役に立つヒント・裏技15個をご紹介します。 「こんなやり方があったのか」と思ってしまう、あまり知られていない、だれでも簡単な実用テクニックを中心にあつめました。 トーンカーブ二重使いの、直感的な写真レタッチ術 カンバスの向きをくるくる回転 ホットキーと隠しスライダーで不透明度を調整 スマートオブジェクトの調整はいつでも編集可能 選択したレイヤーのみ新規レイヤーに結合する方法 柔軟で思い通り
3つの使い方があるショートカットキー「F4」【Excel/Googleスプレッドシート】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ショートカット「F4」の3つの使い方 1. Ctrl+Ｚ（一つ戻る）の操作を取り消せる「一つ進む」 直前の作業を取り消したいときのショートカットとしてCtrl + Ｚがあります。これは一つ前の状態に戻れる便利なショートカットで、ご存じの方も多いのではないでしょうか。 実は、そんな「一つ戻る」の動作を取り消して、「一つ進む」ことがF4のキーでできます。 ショートカットキー F4 もしくは Windows：Ctrl + Ｙ、Mac：command + Y Ctrl+Ｚで戻ったあとに、F4（もしくはCtrl+Ｙ）を押すだけで、Ctrl+Ｚする前の状態に復旧できます。複数回にも対応できるので、何度もCtrl+Ｚを押したときは、F4を押すごとに一つずつ復旧することができます。 うっかりCtrl+Ｚを押しすぎたときや、作業のbefore/afterを確認したいときに戻したり進めたりを繰り返せるため、と
Apple Watchの隠れた便利機能14選 | ライフハッカー・ジャパン
しばらくすると、その文字盤が「リフトアップ」され、ライン上の任意の位置にドラッグできるようになります（Redderユーザーのwccn616さんがこの機能を実演している様子をこちらの記事で見ることができます）。 5．Apple Watchの調子が悪いときは強制的に再起動させるPhoto: Twin Design (Shutterstock)通常、Apple Watchの電源を切るには、サイドボタンを長押しして、「電源オフ」スライダーをスワイプします。 しかし、時計の調子が悪いときは、このオプションにアクセスできないことがあります。その場合は、強制再起動を行うことで、通常の入力ができなくても、時計の電源を再び入れることが可能です。 Digital Crownとサイドボタンを同時に押し続けると、Apple Watchが真っ暗になるのがわかります。Appleのロゴが表示されるまでボタンを押し続け、
Affinity Designer： 1つのファイルの中にキャンバスを複数作る
こんにちは、さち です。 Illustrator の代替としてコスパが良い Affinity Designer。低価格なのに高機能で、本格的なドロー（ベクターを描く）アプリです。 今回は、この Affinity Designer で、1つのファイルの中に複数のキャンバスを作る機能「アートボード」の使い方について書いてきます。 アートボードとは？ 「アートボード」は、1つのファイルの中に複数のキャンバスを作れる機能です。この機能で作ったキャンバスのことを「アートボード」と呼びます。 例えば、上の図は「ラブライブ！」のキャラクターアイコンを描いたものです。アートボードを使うと複数のアイコンを1つのファイルにまとめられるので、別々のファイルに保存するより扱いやすくなります。 他にも、名刺やチラシの表面／裏面，色違いのデザイン，色々なサイズのバナー作成など、アートボードが役立つ場面は多くあります。
配列を征する者はJSを制す。JavaScriptのスマートな配列操作テクニック - ICS MEDIA
JavaScriptでコードを記述する際、配列の各要素について処理をするケースは頻出します。開発の現場で配列操作の処理を見ていると、次のようなケースがよくあります。 配列の非破壊の望まれる場面が増えているが、元の配列を破壊操作している filter()やevery()など配列のメソッドで書けるところを、forEach()メソッドやfor ... of文を使ってコードを記載し、冗長になっている 記述しても効果のないArray.from()を使用している コード的には問題なく、アプリケーションは意図的に動作しているかもしれません。しかし、冗長な記述は可読性が低下し、予期せぬバグを誘発する可能性があるでしょう。 本記事では、配列操作でよく見かける冗長な記述を、簡潔な記述で置き換える方法について解説します。 本記事で紹介するJavaScriptの配列操作のチートシートを用意したので、まとめて読みた
Illustratorの技を磨く最新チュートリアル、使い方35個まとめ 2020年8月度
この記事では、Illustratorを始めたばかりの初心者から、普段使いしているスキルの高いユーザーまでを対象とした、基本の使い方や新機能、ヒントやテクニックを学ぶことができる最新チュートリアルをまとめてご紹介しています。 Illustratorで文字を自在に操るテキストエフェクトコレクションも一緒にいかがでしょう。 Illustrator文字の使い方をマスター！テキストエフェクト用チュートリアル116個【総まとめ】 Illustratorの技を磨く最新チュートリアル、使い方まとめ ファッション向けイラストレーションを作成する方法 重なり合うラインや鮮やかな色使い、独特のパターンデザインなどを特長としたイラストを、鉛筆ツールやスウォッチを利用してデザインします。 日本画のような音楽アルバムカバーをデザインする方法 レトロな配色と手書きしたようなナチュラルなラインが印象的なデザインで、1分間
これ便利！Photoshopであまり知られていない小技テクニック11選 - PhotoshopVIP
フォトショップに慣れてくれると、重要になるのが「作業の効率アップ」でしょう。 「自分のやりたいこと」を、できるだけ早くこなす、時短ワザは欠かせません。 この記事では、フォトショップを使う人なら誰でも役立つテクニック11選を、サンプル例と一緒にご紹介します。 コンテンツ目次 同じファイルを2画面で表示する方法 Photoshop以外から色を抽出する方法 コピースタンプツールの使い方（応用編） グループ機能の手軽な写真合成テクニック 輝きをアップする８つの描画モード 「白黒」調整レイヤーをつかった色の変更テクニック 気になるシワやしみを消す方法 写真の明るい部分のみ選択する方法 色調の自動補正アルゴリズムを変更する方法 切り抜きサイズを統一する方法 隠しバナナアイコンを表示する方法 フォトショップを持っていない人は、まずは7日間の無料トライアルからはじめませんか。 すべての機能を試すことができ
iOS11やiOS12でiPadを便利に使うために覚えておきたい機能と操作 - ごりゅご.com
iOS11やiOS12でiPadを便利に使うために覚えておきたい機能と操作 - ごりゅご.com
フォトショップの作業が楽になる、覚えておきたい小技テクニック29選
2018年8月5日に公開された記事を、サムネイル画像など再編集、アップデートしています。 フォトショップの作業が速くなる秘訣は、ずばりショートカットキーによる時短テクニック。 その理由は、「もっと早く知りたかった」と思うほど、ラクラクな手軽さで、面倒な作業をすぐに片付けてしまうから。 「レイヤーの重なり順を変えたい」 「細かい部分の作業を行いながら、同時に全体表示で確認したい」 「不要なレイヤーを非表示にしたい」 そんな普段からよく行う作業も、効率アップさせる時短テクニック18個が揃いました。 フォトショップがもっとうまくなりたいと思っている人こそ、まずは試してみませんか。
スマホのお天気アプリを使わずにAPIからお天気情報を見る | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもこんにちは、ちゃちゃまる（@chachmaru）です。先日大学の学部が決定しました。嬉しいです。 さて、みなさんはスマホのお天気アプリって使ってますか？ 僕は毎日家を出る前に使っています。でも、なんとなーく天気を知りたいだけなのに、いちいちスマホを解除してアプリのアイコン探して起動して……ってめちゃくちゃめんどくさいです。この作業をどうにか自動化したいんですよ。 そこで考えたのは、家の玄関にLEDを置いて、晴れならオレンジ色、雨なら青色に光らすこと。これならスマホを見る必要もなく、パッと色だけ確認してサッと家を出ることができます！ そのようなことができるか、上司ののびすけさんに聞いてみました。 「それ、めちゃくちゃ簡単だよ。Node.jsで天気APIの情報を取ってきてIntel EdisonでLEDを制御すればいいじゃん。わかる？」 ……ごめんなさい分からないです。でも簡単に作れるら
Adobe Readerの操作をスピーディに――覚えておきたいショートカット5選
キーボードを使ってAdobe Readerをより素早く操作するための、選りすぐりのショートカットを5つ紹介する。 保管コストの削減や劣化の防止、検索性の向上、再利用の促進――。こうしたさまざまな利点が認められ、徐々に広がりつつある紙の文書や帳票のデジタルデータ化ですが、用途や目的を考えずむやみにスキャンすると、かえって効率が悪くなったり、作業に手戻りを発生させてしまうこともあります。 また商法や税法で保管が義務付けられている文書の場合、電子帳簿保存法やe-文書法などのルールに則った手順を踏む必要があり、自分の判断でやみくもにデータ化するわけにいかないといった事情もあります。 本連載ではこうした現在の状況を踏まえつつ、文書のデータ化にまつわる情報、さらにはフォーマットであるPDFや変換機器であるスキャナ、保存先となるストレージに至るまで、業務現場と情報システム部門に役立つ知識やTips、活用
JavaScriptのFormDataの使い方
JavaScriptのFormDataの使い方についてまとめました。 １．ブラウザがFormDataオブジェクトに対応するか確認する ブラウザがFormDataオブジェクトに対応するか確認するには、window.FormDataで判定します。 if( window.FormData ){ alert("対応しています"); } else { alert("対応していません"); } ２．FormDataオブジェクトを作成する FormDataオブジェクトを作成するにはnew()を利用します。 var fd = new FormData(); ３．フォームデータを取得する new()と同時にフォームデータを取得することもできます。 次のHTMLを想定します。 <form id="foo" name="foo"> …中略… </form> この場合、次のようにオブジェクト作成します。 var
PHP 配列のまとめ
配列とは？ 配列とは、PHPにおいて通常、変数は値を１つしか持てません 変数に値を追加しようとした場合、その変数の値は上書きされてしまいます しかし配列の場合、変数の中にいくつもの値を持つ事ができます
アクセシビリティを考えたドロップダウンメニューを実装する | Webクリエイターボックス
2020年11月14日 jQuery, アクセシビリティ 多くのWebサイトに設置されているドロップダウンメニュー。うまくカテゴリー分けされていれば非常にわかりやすく、スペースも取らないので制作側からも愛されていますね。しかしアクセシビリティの観点から考えると、ちょっとやっかいな存在ではあります。マウスがうまく利用できないユーザーはキーボードを使ってページやリンクを移動しますが、ドロップダウンメニューは tab キーを使ってもサブメニューが表示されないのです。今回はこの問題を解決しようと思います！ ↑私が10年以上利用している会計ソフト！ こちらのGif画像のように、カーソルではなくキーボードの tab キーを使ってリンクを推移できるようにします。通常のHTMLとCSSを使った設置方法だと隠されている子メニューが表示されないので、キーボード操作でもうまく表示するのが今回の目標です。ちなみに
jQueryでDOM操作する際の基本記述を勉強し直してみたよ。
久し振りにJavaScriptを触ったら物凄く忘れていたので、まずはjQueryの基本記述をもう一度勉強し直してみました！DOMを操作する事って多々あると思いますので、ある意味チートシートのように見て頂くと嬉しいです。DOM以外にも偶数処理やクローン等も載せておきます。 親要素を取得する方法 まずは親要素の取得系からいきましょー。 一つ上の親要素取得 jQuery // 一つ上の親要素取得 $(".hoge").parent(); // 要素がdivなら取得する。divでなければ空(Objectは返ってくる) $(".hoge").parent("div"); 親全取得 jQuery // 親全取得 $(".hoge").parents(); // 親を指定して取得 $(".hoge").parents(".class_name"); 開始要素から最も近い親要素を選択 jQuery //
Excelのアンドゥ回数を変更する方法
Excelのアンドゥ回数を変更する方法を紹介します。 １．はじめに Excelではアンドゥ回数があらかじめ決められています。 Excel 2003以前では16回まで、Excel 2007以降では100回までアンドゥすることができます（100回で止まることはExcel 2010で確認済み）。 ちなみにアンドゥ回数が増えれば、元に戻すための履歴を保存するためにより多くのメモリ（RAM）を消費し、Excelのパフォーマンスに影響するため、Excel 2007以降であれば現在よりも回数を減らすという手もありそうです。 ということで、アンドゥ回数を変更する場合の方法を紹介します。 ２．Excelのアンドゥ回数を変更する Excelのアンドゥ回数を変更するにはレジストリを編集します。 「スタート」メニューの「プログラムとファイルの検索」のテキストフィールドに「regedit」を入力してリターン。 レジ
jQueryのeachと$.eachの簡単な使い方のメモ – bl6.jp
jQueryのeachと$.eachの使い方のメモです。あんまり深い知識はないので簡単な使い方ですが。。基本的にはeachは指定した要素を繰り返し処理してくれるのに対し、$.eachは配列やオブジェクトを指定して1つずつ処理してくれます。例えば、ある親要素の子要素を指定してeachで1つずつ配列に格納して、その配列を$.eachで処理したりといったこともできますね。こんな使い方でいいのかわかりませんが。以下サンプルコードです。 [ads_center] こんな感じのマークアップがあったとします。 <div id="sample"> <p>sample</p> <p>sample</p> <p>sample</p> <p>sample</p> </div> で、eachを使って#sampleの子要素pに順番をつけて、配列を作りたい場合は以下のようにしてあげるといいかもしれません。 var a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
カメラマンや写真好きの人のためのPhotoshopとLightroomの操作をまとめたチートシート
Adobe Blogs
