VSCheatsheet provides a list of instructive illustrations with the most frequently used. Find your favorite shortcut and increase your profanity.
この記事では、Figmaでのデザイン制作フローを劇的にスピードアップさせる、お手軽で簡単な小技とヒントをまとめてご紹介します。 よく利用するFigmaのショートカットや、お好みに応じて機能を追加できるプラグインやツールと一緒に活用し、より快適なFimgaライフを送りましょう。 インスペクターでは、シンプルな数式を利用しよう ピクセル単位で正しい値を見つけるために、要素のサイズを手動で変更するのは避けましょう。 数値を入力するインスペクターでは、足し算や掛け算などの数式を利用することで、数秒の貴重な時間を節約できます。 まとめて色を変更したいときは、Selection Colorを利用しよう Figmaでたくさんのコンポーネントを扱っていて、複数の要素の配色を素早く変更したいとき、それぞれの要素を一つずつクリックして、色を変更していませんか。 Selection Colorにあらかじめ配色を
こんにちは、Webディレクターのともぞうです。 今回は自分の仕事環境を紹介します。PCやアプリケーションの細かいセッティングや、どうマウスを使っているかなどなどです。PCはMacbook Proを使用していますが、Windowsユーザーの方にも参考にしていただける内容です。 PC・アプリケーション設定編 キーボードの設定 Caps lockはControlキーに割り当てる設定にしています。 USキーボードだとCaps lockの位置がホームポジションに指を置いたときに小指がちょうど乗るので、Emacsのキーバインドを使うときに便利です。 Emacsのキーバインドを覚えると、mac OSの場合キャレットの移動がとても楽になります。 以下はAppleの公式サイトで紹介されているショートカットキーの抜粋です。 control + A:行または段落の先頭に移動します。 control + E:行ま
開発者であれば手はキーボードのホームポジションに置き続けるのが効率的なはずです。しかしGUI操作を行う際にはマウスなどを使わざるをえません。ウィンドウの場所や大きさを変える度にマウスに手をやるのは面倒です。 そこで使ってみたいのがRectangleです。キーボードショートカットでウィンドウ操作を行うソフトウェアです。 Rectangleの使い方 起動しました。 キーボードショートカット一覧です。自分で変更も可能です。 こんな感じでウィンドウを画面に寄せたりできます。 設定です。 Rectangleは多彩なショートカットが用意されているので、まずそれを覚えないといけません。一旦覚えてしまえば、素早くウィンドウを移動させられるようになるでしょう。画面の端などにぴたっと寄るので、マウスで移動させるよりも素早く、的確に移動できるはずです。 RectangleはSwift製のオープンソース・ソフトウ
まいどです。バックエンドエンジニアのやなさんです。 突然ですがっ!! エンジニアのみなさんに質問です。 「ちゃんとドキュメント作成できていますか??」 私はバックエンドエンジニアという肩書きでLIGに所属しておりますが、ごりごりコーディングするというよりは、クライアントの要件を整理して、クライアント・エンジニア向けのドキュメントを作成する業務が半分以上を占めています。 これからドキュメントを作成する、またはドキュメント作成しているがしっくりきていないそこの中堅エンジニアのあなた。 そんなあなたに向けて、独断と偏見による「ドキュメントを作成するときに気をつけるべき書き方・使い方」をご紹介したいと思います。 Googleスライド ショートカット編 LIGでは文書などのドキュメントを作成する際、Google スライドなどのGoogle Appsを利用しています。 エンジニアがエディタでショートカ
普段からPC上のファイルを整理していないと、どこに何のファイルがあるのかわからず、必要な時に必要な資料や画像を見つけられなくなってしまいます。そのため、PC上でも定期的に整理整頓を行うことが求められます。無料ソフトの「moveQueue」はインストール不要で、ショートカットキーで簡単にフォルダの移動や削除が可能になるので、日々のファイル・フォルダの整理にお役立ちです。 cresstone.com - Apps - https://cresstone.com/apps/moveQueue/ 配布サイトにアクセスして「moveQueue_v0.2.zip」をクリックすると、ZIP形式でmoveQueueをダウンロードできます。容量は50.72KBです。 moveQueueを使うには、ダウンロードしたmoveQueue_v0.2.zipをExplzhやWindows標準の解凍機能などを使って解凍
チートシートとは、覚えておきたいことをまとめた「カンニングペーパー、カンペ」のようなものです。この記事では、デザインやWeb制作の作業効率が上がるチートシートをまとめてご紹介します。 デザインの現場に欠かせないPhotoshopやIllustratorといったAdobe製アプリはもちろん、HTMLの基本やCSS FlexboxやGridといった覚えておくのが大変なものから、配色やタイポグラフィーの基本など、「あれ、どうやるんだっけ?」そんなときに役立つチートシートを、日本語版中心にまとめています。 デザインやWeb制作の作業効率が上がる便利チートシートまとめ Photoshopのショートカットキー早見表 Adobe謹製のフォトショップ用チートシート。数あるショートカットの中から、デザイナーによく使われているものをピックアップして一覧表にしているそう。PDFで保存し、印刷することもできます。
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 仕事中、繰り返し使う文面であったり、よく使う関数があります。それらをメモしておくと便利です。そして必要な時に検索してコピー&ペーストすれば仕事の効率が大幅にアップするはずです。 今回紹介するBeeftextもそんな短文、スニペットを管理するソフトウェアです。 Beeftextの使い方 新しいスニペットを記載します。 スニペット一覧です。グループ管理できます。 設定です。 Beeftextはショートカットキー操作が基本で、さっと立ち上げて検索し、そして文字列をコピーするといった一連の操作をショートカットキーでできます。Webベースでなく、GUIアプリケーションなのも使いやすい点です。 BeeftextはC++製、Windows用のオープンソース・ソフトウェア(MIT License)
こんにちは、バックエンドエンジニアのグッチです 今回はMacの標準アプリ「スクリーンショット」がけっこう便利だったので紹介してみます。標準アプリなんてクソみたいなのしかないと思っているそこのあなた。ぜひ一度使ってみてください。 ※ いくつかお便りをいただいたので加筆しました。 全画面をスクリーンショットする方法 ウインドウ単位のスクリーンショットで周りに入る影を消す方法 ウインドウ単位でスクリーンショットをとるためのショートカット この辺りは全然知りませんでした。教えていただきありがとうございます。 ▲最近のランチ: めんたいパスタときのこのカルボナーラのハーフ&ハーフ 1. A・B・Cを用意しながら麺を茹でます A. ボールに粉チーズを卵、顆粒コンソメ、塩胡椒入れ、かき混ぜてドロドロに(粉チーズ50~100g、卵1個/人 B. オリーブオイルとバターで炒めたきのこ(適当に。ベーコン焼いて
こんにちは、Webディレクターのともぞうです。 Google ChromeのDevToolsにある「ネットワーク」タブが面白いので、今回はその面白さについてお伝えします。 Chrome DevToolsとは Google Chrome上でサイトを開き、右クリックをして検証をクリックすると現れるものです。 開いてみるとソースコードやConsole、モバイルのシミュレーターなどとWeb開発する上で役立つ様々なツールが提供されています。そしてその中の左から4番目にあるNetworkタブが今回紹介するものです。 余談ですが、DevToolsの開き方は他にもいろいろありまして、私はよくショートカットを使います。 macOSだとcommand + option + i で開くことができます。 WindowsだとCtrl + Shift + iで開くことができます。 今度DevToolsを開きたいときに
「PCで長めの文章を作ってスマートフォンに送りたい」という場合や、「スマートフォンでしか使えないアプリのテキストをPCに取り込みたい」という際にはオンラインストレージを使う方法がありますが、ログインしたりテキストファイルを作成したりするのが意外に手間に感じた人も多いはず。「Magic Copy」はショートカットキーでコピーしてテキストをクリップボードに保存するだけで複数の端末でテキストを共有できる便利なフリーソフトとのことなので、実際に使用してみました。 Magic Copy - #1 Secure Cross Platform Clipboard https://magiccopy.xyz/ 以下のムービーを見ると、PCとスマートフォンでシームレスかつリアルタイムにテキストを共有している様子が分かります。 無料のクリップボード共有ソフト「Magic Copy」でコピペしてみた - You
PC内のフォルダやファイルへのリンク、さらにウェブサイトへのリンクなどをアイコンへドラッグ&ドロップするとショートカットを作成でき、管理も簡単にできるフリーソフトが「Biniware Run」です。 Biniware Run https://biniware.com/brun 公式ページにアクセスしたら、「DOWNLOAD」をクリックします。 ダウンロードしたファイルをダブルクリックして開いて「実行」をクリックします。 「Next」をクリックします。 「Next」をクリックします。 実行ファイルを置くフォルダを決めて「Next」をクリックします。「Biniware Run」はポータブルアプリケーションで、指定した場所にはフォルダがひとつ作成されるだけです。ここではデスクトップを指定しました。 「Exit」をクリックして準備完了です。 デスクトップの上端に赤いアイコンが現れました。このアイコ
macOSを操作していてあるあるなのが、間違ってコマンド + Qを推してしまってアプリが終了してしまうと言うことです。保存していないコンテンツが全部消えてしまったり、ブラウジング中だったタブもすべてリセットされてしまったりします。 そこで使ってみたいのがSlow Quit Appsです。アプリの終了をほんの少しだけ遅らせてくれます。 Slow Quit Appsの使い方 実際に使っているところです。コマンド + Qを押し続けるとインジケータが上がっていきます。 Slow Quit Appsでは一回コマンド + Qを教えてもアプリケーションは終了しません。押し続けてインジケータがいっぱいになると終了します。途中で離すと元に戻ります。これで誤ったアプリケーション終了を回避できるでしょう。 Slow Quit AppsはmacOS用のオープンソース・ソフトウェア(GPL)です。 dteoh/Sl
キーボードショートカットで実行したい内容はどういったものでしょうか。アプリケーションを起動したり、特定のメッセージを送ったりでしょうか。または一連の手順に沿ったマクロ的なものかも知れません。 そうした操作を手軽にできるようにしてくれるのがiCanHazShortcutです。 iCanHazShortcutの使い方 メイン画面です。まずショートカットを作成します。 ショートカット作成画面です。コマンドを入力します。 シェルも決められます。 こんな感じで特定のコマンドを実行します。 macOSでは殆どの操作がターミナルから可能です。そのため、コマンドラインで入力した内容をそのままiCanHazShortcutに登録してしまえば簡単にキーボードショートカットが作成できます。一つのコマンドだけでなく、シェルスクリプトを呼び出せばさらに複雑な操作も可能です。 iCanHazShortcutはmacO
Mac OSXで入力リソースを変更する際には英/かなキーを押したり、コマンド+スペースで切り替えます。しかし元々JISキーボード版を使っていて、英字版キーボードに切り替えると入力リソースの切り替え方に手間取ることも多いでしょう。 そこで使ってみたいのが⌘英かなです。左右のコマンドキーを単独で押すと、それぞれ英/かなで切り替えられるようになります。 ⌘英かなの使い方 設定画面です。 利用する際にはアクセシビリティの設定が必要です。 ⌘英かなは有名なキーバインド変更ソフトウェア、Karabinerを使っているユーザがmacOS Sierraに対応していないために開発されたソフトウェアのようです。コマンドキーを単独で使う機会はないので、頻繁に使うキー操作に割り当てるのは良さそうです。 ⌘英かなははmacOS用のオープンソース・ソフトウェア(MIT License)です。 ⌘英かな iMasana
Adobe XDは先月のバージョンアップでメニューが日本語化され、本リリースに向けての毎月のアップデートを楽しみにしている人も多いと思います。次回はズームツールやPDFの読み込み/書き出しが追加予定で、年内にはWindows版もリリースされる予定です。 Adobe XDを使う時にはやっぱりショートカットを覚えておくと非常に便利です。ショートカットをまとめたチートシートを紹介します。 Adobe XD Adobe XDの機能について詳しい情報は、下記ページを参考に。 UI/UXデザインツールの大本命、Adobe XDの私が大好きな便利な機能をすべて紹介します Adobe XDのショートカットはAdobeのソフトウェアなので、PhotoshopやIllustratorなどを使用している人は違和感なく操作できると思います。
ウェブサイトやアプリのつくり方が多様化するいま、素早くデザインを作成し、ページ遷移など実際の動きまで確認できることが大切になってきていきます。先日、日本語版もリリースされたUXデザインツール Adobe XD は、そんな面倒な作業をスピーディーに行うことができるツールと言えるでしょう。 今回は、海外デザインブログSmashing Magazine で公開されていた「Quick UX Prototyping With Adobe XD Shortcuts (PDF Cheat Sheet)」より、Adobe XD の覚えておきたい便利なショートカット機能をまとめてご紹介します。これらの機能を習得することで、制作効率をグッとアップすることができるようになります。
2015年8月10日 Webサイト制作, 便利ツール 以前、すでにWeb制作者として就職している方から「まわりの同僚のように早く作業ができない」「作業の効率のいい進め方がわからない」という悩みを受けたことがあります。作業の効率化について紹介しているWebサイトや書籍も多く見つけられるかと思いますが、実際に手を動かしているところを見るのもひとつの方法です。他の人がどう作業を進めているか、見てみましょう! ↑私が10年以上利用している会計ソフト! 人がコーディングしているところを盗み見 「盗み見」なんてあまりいい響きではありませんが、賛否はどうあれ「技術は見て盗め!」という昔からの教育方針も存在します。会社の先輩、学校やコワーキングスペースの凄そうなオーラを醸し出している人の作業を見てみるといいかも。もちろん、絶対に作業の邪魔はしないようにしましょう! 「技術を見て盗む」メリット 作業の新しい
キーボードを使ってAdobe Readerをより素早く操作するための、選りすぐりのショートカットを5つ紹介する。 保管コストの削減や劣化の防止、検索性の向上、再利用の促進――。こうしたさまざまな利点が認められ、徐々に広がりつつある紙の文書や帳票のデジタルデータ化ですが、用途や目的を考えずむやみにスキャンすると、かえって効率が悪くなったり、作業に手戻りを発生させてしまうこともあります。 また商法や税法で保管が義務付けられている文書の場合、電子帳簿保存法やe-文書法などのルールに則った手順を踏む必要があり、自分の判断でやみくもにデータ化するわけにいかないといった事情もあります。 本連載ではこうした現在の状況を踏まえつつ、文書のデータ化にまつわる情報、さらにはフォーマットであるPDFや変換機器であるスキャナ、保存先となるストレージに至るまで、業務現場と情報システム部門に役立つ知識やTips、活用
皆さま、こんにちは。メディア事業部のまゆです。 さて、私は深夜になるとYouTubeでBGMを漁るのが日課になっています。しかし、毎回マウスでクリックして操作するのはめんどくさい、ということに最近になって気が付きました。 ということで、今回はYouTubeを利用するときに便利なサイトやショットカットキーをご紹介します。 ※編集部が動作を保証するものではありませんのでご了承ください YouTube動画をもっと便利にするサイト4選 1.動画だけを表示する quietube.com YouTubeで再生している動画のURL「http://www.youtube.com◯◯◯」の冒頭にhttp://quietube.com/v.php/を追加し、「http://quietube.com/v.php/http://www.youtube.com◯◯◯」の形にしてください。するとシンプルな動画再生ペー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く