ここ数年で、Macを使う上でなくてはならないものに加わったものに、Keyboard Maestroがあります。 Keyboard Maestroは、QuicKeysと並び、古くからある自動化ユーティリティ。macOSでは標準でAutomator.appもありますが、macOSでIllustratorを使っているなら、Keyboard Maestroがオススメですという紹介です。 きっかけは三階ラボ 2014年くらいに、三階ラボの長藤さん、宮澤さんにお会いする機会があったのですが、「あ、それ、スクリプトでできるよ!」、「それだったら、Keyboard Maestroでできるよ!」と、日々、困り果てていた問題の多くを普通に解決されていてぶっ飛びました。 そこからKeyboard Maestroの旅がはじまります。 3flab inc. | Keyboard Maestro の使い方 – 基本機
Adobe Photoshop CC、 Adobe Illustrator CC(共にCC 2017)で新規ドキュメントを作成すると、最近使用したファイルやテンプレート・プリセットが表示されるため、表示はあまり早くありません。 渋谷Stocker.jp / Spaceで開催された「スマートフォン時代のWebデザインスクール」の体験レッスンに参加した際、この新規ドキュメント作成を高速化する設定を教えていただき、ストレスフリーなドキュメント作成ができるようになりました。主催者様より許可をいただきましたので、シェアします。 従来のドキュメント作成インターフェースで起動を高速に CC 2017の新しいドキュメント作成機能では、豊富なテンプレートやプリセットを選択してドキュメントを選択できるようになりました。しかし、案件によってはテンプレートやプリセットが不要な場合も多いことでしょう。この新機能を使
macOSのシステム環境設定の[キーボード]の[ショートカット]を設定することで、ちょっとした作業がはかどります。 [別名で保存]を復活させる PDFとして保存(⌘PP) サブメニュー [別名で保存]を復活させる Keynoteなどのアプリケーションでは、[別名で保存]を使うことができません。 システム環境設定の[キーボードショートカット]で、メニュータイトルに「別名で保存…」、キーボードショートカットに「command+shift+Sキー」を入れます。 すると、[別名で保存]がメニューに出てきます。 「Save As…」にも同様に設定します。 ご参考 簡単に[別名で保存]をできるようにする|MacFan 上記にも書いてありますが、command+option+shift+Sキーを押すと[別名で保存]になります。 Keyboard Maestroで設定するのもよいでしょう。 PDFに保存(
この記事は 俺のメニューバー Advent Calendar 2015 25日目の記事です。 俺のメニューバーアドベントカレンダーも最終日になりました。メリークリスマス この24日間で紹介したアプリを振り返り + 書くまでもなかった定番アプリ、紹介できなかったアプリやネタアプリなども含め、ジャンル別に俺のメニューバーをここに総決算しますメリークリスマス 追記:44選って中途半端なので50選に加筆しました。(2015.12.25 19時頃) 俺のメニューバーとは 常駐アプリ多すぎてみんなに笑われた くやしいからアドベントカレンダーはじめました Togetter そもそも「俺のメニューバー」とは、Stocker.jp のなつきさんと会話していて、メニューバーを晒したら、色んな人に笑われたんですが、どれも便利で消せるものがないので、じゃあそれでアドベントカレンダーで毎日アプリを紹介してみようとノ
前編はこちら。 話題の音楽再生/データベース・アプリ「ROON」の導入記。諸事情あって常用のAudirvanaが使えなくなり、新たな音楽再生アプリを探し始め、ROONに目をつけるまでが前回でした。 そもそも私はWindows機を使っているころからのiTunes愛用者で、自宅で音楽を聴く時にPCからのデータ再生を主にするようになってからは、ずっと頼りにしてきました。音が悪いとかデザイン最悪とかいろいろ毀誉褒貶はありますが、音楽用のデータベース・ソフトとしてはこれ以上のものはなかなかなかった。とくに私のように毎日大量の音源を仕事で聴く者としては、データベースとしての利便性>音質>デザインです。CDを手に入れたらすぐリッピングしてデータ化し、iTunesで管理する。映像も同様に管理可能。もちろん配信で音を買った時も同様です。iCloudは使っていませんが、Apple Musicとアプリを共有でき
こんにちは、okutani(@okutani_t)です。Gitを使えばかんたんにプログラムのバージョン管理をすることができますが、リモートにリポジトリをプッシュする機能(git push)を使えば「本番環境への自動デプロイ」がかんたんにおこなえる環境を構築することができます。 今回は一例として、僕のポートフォリオサイト(okutani.net)をGitで管理して、本番環境に自動デプロイできるようにする流れで解説しています。 次の環境でおこないます。 ローカルリポジトリ MacPC上で管理。 本番環境 エックスサーバーにリモートリポジトリを作成し、そこにプッシュすることで本番環境にデプロイできるように設定していく。 GitHub GitHubでも管理しているため、本番環境とGitHubへのプッシュを同時にできる設定もおまけで設定。 参考: GitHubのURL→「https://github
gitで最低限のデプロイ環境を作る際のメモ。 いろいろなCIツールを使うまでもない、小規模なコンパイルいらずのWebアプリのデプロイ環境を作る。 CIツールを使う場合でも基礎となる知識なので整理しておく。 やりたいこと ローカルで開発。 リモートにpush pushを拾って、公開ディレクトリにpull イメージ 図で書くとこんな感じ。 今回は、独自のリモートリポジトリを使うが、ここがGitHubとかでもいい。 前提条件 ローカル、リモートにgitがインストールされていること(Mac想定) リモート(サーバ)にはsshで透過ログインできること 手順 まずは、push,pullの流れを手動でやってみる。 リモートリポジトリの用意(リモート) とりあえず、外からは非公開かつ、チームがアクセスできるディレクトリを用意し、リモートリポジトリにする。
git で手元でバージョン管理してるのにいちいち git-archive で差分を出して 展開して、FTPで持って行って上書きなんてめんどくさいなぁ・・・ コマンドだけででうまくできないものかと思った時に使える技。 SSHが使える場合とFTPのみ使える場合とで2パターン用意しました。 WindowsがメインPCなのでWindowsでも使える手順となります。 使うgitはオーソドックスにmsysgitです。 SSHが使える場合 昨今のレンタルサーバーではSSHを利用できるオプションがあります。 ロリポップ! (スタンダードプラン、エンタープライズプラン) heteml さくらのレンタルサーバー (スタンダードプラン以上) XServer git は ssh:// をリモートリポジトリに設定してやるとSSH経由で操作を行えるのでこいつを使います。 今回はロリポップ!を使った場合を想定して進めま
FontExplorer X Proについて書いているDTP Transitの一番古い記事は、2005年11月30日。 FontExplorer X - DTP Transit Suitcaseから乗り換え、かれこれ、丸11年。愛してやまない、というか、これのないMacは考えられないくらいの位置づけにあるユーティリティです。 FontExplorer X Pro 6.0の新機能など 2016年9月、FontExplorer X Proがバージョンアップして6.0になりました。ここ数年、頻繁なアップデートがあり、その度にバージョンアップフィーを請求されますが、いやいや、ここまでお世話になっていたら安いものだと思います。 とりあえず、新機能や機能強化について、ざっくりと翻訳してみました。 強化項目(勝手な)説明
メインのブラウザとしてChromeを利用しているのですが、Firefoxに比べて困るのがテーブルタグの選択です。 テーブルで構築されているWebページのリストをコピーしたいと思った時にFirefoxでは、Ctrキーを押しながらテーブルのセルを選択する事で、セル単位で選択してコピーなどができます。これを利用してテーブルの列をコピーしてExcelに貼り付けるというような便利な事が可能になります。 Chromeでこれを可能にしてくれる機能拡張がColumnCopyです。 直球の名前通り、Webページ上のTableタグの列だけを選択するという機能に特化した機能拡張です。 操作方法シンプル。コピーしたい列で「altキーを押しながらクリック」だけです。するとふわっと浮き上がるようなアニメーションがでてクリップボードに内容がコピーされます。 あとはそれをExcelなりなんなりに貼り付けることができます。
はじめに:通信量が少ない&&爆速なAMP AMP(Accelerated Mobile Pages)はサイト表示を高速化する技術です。特に帯域制限されたスマホでも素早く快適に画面が表示されるので、(私もそうなのですが)スマホの通信料金を節約したい!帯域細い!というユーザーには待望の技術ではないでしょうか。 しかしその高速さの一方で、AMP開発チームがその技術を User Experience > Developer Experience > Ease of Implementation と言い切っている通り、「UX(スピード)最優先、作りやすさは二の次!」で扱いにくい側面もあります。 参考: https://www.ampproject.org/learn/design-principles/ そんなAMPを、なるべく既存のコードを修正せず(特に、画面テンプレートにはほとんど手を入れないで
iPadを購入して早1カ月。あまりの便利さに持ち運ばない日はありません。 しかし自分が持っているのは3GナシのWi-Fi版のため、どこでもインターネットに接続というワケにはいきません。 Appで[InstapaperPro]や[Offline Pages]などwebページをキャッシュしてオフライン状態で読めるのもありますが、600円〜とAppとしてはいささか高価。 そこで使えるのがAdobe Acrobat Proの「webページからPDF作成」機能です! 今回はこの機能を簡単に説明します (MacOS10.4.11 Adobe Acrobat Pro9.3.2で説明しています) まずざっくりとPDF作成の手順をいいますと まずPDF作成したいwebページのURLをコピーします 次にAdobe Acrobat Proを起動して[メニューバー]→[ファイル]→[PDFの作成]→[webページ
名古屋で活動する似顔絵グループお絵かき隊です。愉快で楽しい似顔絵珍道中をご覧あれ http://www.pleasure-p.co.jp/oekaki/index.html こんにちは。お絵かき隊の毎週月曜日「猫やん日記」担当の有吉賢仁です。 きょうはタイトルでもわかるように、猫やん日記ではないでーす。 フォトショップの「取り消し」の悩み。 例えば・・・(※わたしはMacです) 「新規レイヤー」 「ペン入れ」 「間違えた!」 「コマンドZ」(もしくはコマンドoptionZ) 「ペン入れ」 「ペン入れ」 「ペン入れ」 「うんうんうまく行った☆」 「・・・」 「ん?」 「んんー???」 「ギャー!下書きと同じレイヤーに清書してしまったー!」 また1からやり直し・・・ ということがよくあると思います。 ありますよね? あるはずです。 「取り消し」をするとレイヤーまで以前の位置に戻ってしま
Webフォントは重い・遅いと思っていないだろうか。確かにかつてのWebフォント、特に日本語Webフォントはブラウザでの表示が遅く、Webフォントに切り替わるまではシステムフォントが表示されるのも、良いユーザー体験を提供できているとはいえなかった。 しかし、Webフォントはすごく進化しているのだ。実際、このページでは日本語Webフォントを利用しているが、そんなに遅いとは思わなかったのではないだろうか。 日本語Webフォントの進化を、表示スピードの向上を中心に取材してきた。 ※このページはTypeSquareの「黎ミン」「新ゴ」「ゴシックMB101」を利用しています。 Webで書体の融通がきかないのは諦めるべきか――Webフォントをおさらい自社製品のパンフレットやカタログを作る場合には、担当者はどのようなフォントを使うかについてかなり深く考えるものだ。自社製品のイメージに合うのはどのような書体
ラベルや日付を維持したまま、フォルダ構造だけを複製する(Mac)&AppleScriptで放り込むだけで実行できるよ! たまーにあるんです。 深い階層のフォルダ構造だけ維持して、中身のファイルはいらない、って時が。 でApplescriptとか、shellでfindとか調べてたんですが、もっとカンタンなのがありました。 日付もラベルも維持したまま複製します! 以下のようなフォルダを作りました。ファイルが少し入ってますが、これは要らない。フォルダだけ欲しい。 ターミナルでコマンド一発です。 rsync -arE --include "*/" --exclude "*" コピー元フォルダ名 コピー先フォルダ名 たとえば、デスクトップにある「moto」フォルダ(上の画像)をフォルダのみコピーしたい場合 rsync -arE --include "*/" --exclude "*" ~/Deskt
こんにちは、デザイナー兼フォトグラファーのおまめ (@omame_creator) です。 今回はPhotoshopで写真を切り抜く方法、髪の毛のような細かいものをきれいに切り抜く方法、背景と馴染ませる方法を解説します。 どれも私が試して一番短い時間で簡単にできた方法なので、ぜひ試してみてください! 独学でつまずいていませんか? Photoshopの使い方を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい!」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました 「選択とマスク」を使って髪の毛を切り抜く方法 髪の毛を目立たせるため、強めになびかせた
人物写真のレタッチで重要ものの一つは肌のレタッチですが、大量に写真がある場合1枚にそれほど多くの時間を費やすことは出来ません。。そこで今回はPhotoshopを使い、良い感じに手抜きしながら肌を素早くレタッチしていく方法についてご紹介していきます。忙しい人向けです。 短時間で効率的に肌をレタッチする!ゲストライターの村上です。最近は少し忙しくブログに寄稿できていませんでした。 最近は仕事で写真の加工する事が多く、短時間で作業効率を上げないといけないことが増えてきました。 ショッピングサイトの画像の加工も多いのですが、バナーなどを作成すると、人物の写真を使わないといけないこともまあまああります。自分の場合は人物のレタッチが得意ではないので、最近ちょくちょく勉強していました。人物のレタッチで重要なのが肌のレタッチなどではないかと思います。 色々な肌のレタッチ方法を見ていたのですが、結構な手間が
こんにちは、小林です。 昨日はエイプリルフールで、いろんなサイトがジョーク・コンテンツを繰り広げていましたね! 個人的には映画ライジング・ドラゴンとジャッキー・コーガンの公式サイトで、ジャッキー・チェンとブラッド・ピットの主役が入れ替わる!?というのが面白かったです。 下記公式サイト(ジョーク・コンテンツは終了している模様です) ライジング・ドラゴン公式サイト ジャキー・コーガン公式サイト 今回は、Photoshopのレイヤーカンプ機能について試してみました。 photoshop上でボタンのon/offを切り替えする時、どのように処理していますか? onとoffで別々のレイヤー(フォルダ)を作成して、onのレイヤー(フォルダ)には色をつけて区別する、という方法が多いのではないかと思います。 ひとつのボタンならまだしも、何個もボタンがあって、ひとつひとつレイヤーを表示/非表示で操作してボタン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く