こんにちは。会社でWindow家でMacを使っているので、Phothoshopのコマンドキーの配置に未だに戸惑います。井畑です。 今回は最近知って、おしっこちびるかと思ったほど便利なPhotoshopのショートカットや小技を紹介します。 ショートカットは慣れるまでは大変ですが、一度覚えてしまえば、それ無しには作業できなくなるほど、便利なものです。使った事が無い人は是非積極的に使ってみてください:) 今回はPhotohospのショートカットを一から紹介〜というものではなく、実際に作業してみて便利だなーと思うものをチョイスした記事となっております。 もしかしたらかなりマニアックなところかもしれませんが、ひとつでも読んでくれた人に「うぉーその技知らなかった。便利やーん！」というものがあることを祈って… それではどうぞ！ 最近覚えて便利すぎておしっこちびるかと思ったPhotoshopの小技/ショー

Photoshopを使い込むほど、増えていく傾向にある使用レイヤーの枚数。レイヤーの数が増えてくると、何をどのレイヤーに描いたのか分からなくなってきませんか？ レイヤーの表示/非表示を切り替える時に「表示アイコン(目のマークのアイコン)」をひとつずつクリックしていくのもとっても面倒ですよね。 そこでこの方法をぜひお試し下さい！ 今日のショートカット 【レイヤーを一括で表示・非表示】 表示・非表示を切り替えたいレイヤーの表示アイコンをまとめてドラッグ もっと早く出会いたかった、この方法……！ このやり方を知らなかった私は表示アイコンをひとつずつ地道にクリックしていたのです。それはもう、とても地道に……。 この方法なら表示を切り替えたいレイヤーのアイコンを、連続してさらっとなぞるだけ。 今日のショートカット 【クリックしたレイヤー以外を非表示に】 Mac) option + 表示アイコンをクリ

Spotlight(スポットライト)検索を開始できるキーボードショートカットです。 キーボードショートカットの変更方法も紹介します。 Spotlightのキーボードショートカット Spotlight(スポットライト)検索をすぐに利用できるキーボードショートカットを紹介します。 まず、「Spotlightメニュー」を呼び出すキーボードショートカットを紹介します。 「Spotlightメニュー」を呼び出すキーボードショートカット デフォルトでは、「Control」キー＋「スペース」キーを押せば起動します。 このキーボードショートカットは、ちょっと両方のキーが離れているので押しにくいと思いますので、キーボードショートカットを変更する方法を紹介します。 「システム環境設定」より「Spotlight」パネルを選択します。下の方にキーボードショートを設定する項目がありますのでそこを変更します。 おすす

なお、Macの場合、各ソフトをマウスでウィンドウを閉じても、アプリはまだ稼働しているため、Commad + Q にて「アプリケーションの終了」をしないとならない。 同じアプリを複数起動する場合は、「Command + N」で新規ウィンドウを起動するという仕様だ。 しかし、いざVMWare fusion やBootcampを使ってMacでWindowsを使用すると、CommandキーがWindowsキーに割り振られているため、ショートカットキーの管理が面倒である。 そこで非常に便利なソフトがある。 以下に紹介する。 ◆便利なソフトを使ってキーを克服しよう！ --- 【KeySwap】　ダウンロードはこちら キーボードの配置を変えてくれるフリーソフト。 ダウンロードして実行すると、見た目でもわかりやすいように、キー配置の変更が可能だ。 これを使って「Command」キーに割り振られている「Wi

https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1122737746 アースするだけで感電しなくなると本当にお考えでしょうか? いいえ、単にアースするだけでは漏電による電気がアースに流れるだけで漏電箇所に触るとビリビリと感電してしまいます もちろんアース接地の仕方や人間の電位状態によって異なりますが・・・・ アースをする事によって感電しなくなるのはアースだけではなく、漏電ブレーカを組み合わせた漏電遮断システムがある為です 漏電ブレーカは感度が高く数mAから数十mA漏電するだけで回路を遮断してくれます つまり、何らかの原因で絶縁が破壊され漏電が発生したとします すると即座に漏電遮断され回路事態に電源が供給されなくなります よって完全に何ら感電する事が無くなるわけです もちろんアースする事は大切で漏電ブレーカだけ設置してもアー

今回は <strong>要素 と <em>要素を使い分けてみましょう。 以前（HTML4、XHTML1）は、どちらも強調を表すものとされていました。 が、HTML5で定義が少し変わって、 <strong>要素 は 重要性、 <em>要素 は 強調 を表すと区別されました。 使用する要素 「em」は「emphasis（エンファシス）」の略。「強調」「力説」といった意味です。 「strong」は、そりゃーそのまんまストロングです。 <strong> も <em> も大昔からある要素で、どのブラウザも対応しています。 ブラウザのデフォルトスタイルでは <strong> は太字で、<em> はイタリック（斜体）で表示されます。 こんなかんじです。 重要性を示したいテキスト 強調したいテキスト HTMLはこちらです。囲むだけでとても簡単。 <strong>重要性を示したいテキスト</strong><

Macの場合を例に説明していきます。 事前にPackage Controlをインストールしてプラグインの管理が行えるようにしておきましょう。 cmd + shift + P でCommand Paletteが表示されるので、[Install Package] からプラグインのインストールに進んでください。 基本プラグインをインストール SublimeLinter まず上記のプラグインをPackage Controlからインストールしましょう。 構文エラーを自動的にチェックするためのプラグインです。 エラーのある箇所に印がついて、エラー理由を指摘してくれます。 このプラグインと別にそれぞれの言語に対応したプラグインをインストールしていきます。 SCSSの構文チェック SublimeLinter-contrib-scss-lint 上記プラグインをPackege Controlからインストール

JSHint JSHintとは、Javascript用構文チェッカーです。 構文チェッカーとしては、かなり厳しめのチェックをしてくれるJSLintがありますが、 これをforkして融通効くようにしたものがJSHintです。 詳しい経緯はここに。 とりあえずどんなチェックをしてくれるか知りたい場合、 このサイトでJavascriptのコード入力すれば、 どのようなチェックをしてくれるかわかります。 今回はコマンドラインからJSHintを使ってみたり、Sublime Text2から使ってみましょう。 環境構築方法 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.4 Node.js : v0.10.0 npm : 1.2.14 Grunt : 0.4 npmを使用してJSHintをインストールします。 このモジュールはグローバルオプションをつけてインストールしましょ

Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで（Macの場合はCommand＋Option＋Iキーで）手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro

Macは、ドットファイルが隠しファイルになります。「.bash_profile」とか。隠しファイルは、Finderに表示されません。Windowsのエクスプローラだと、隠しファイルを表示するオプションがあります。しかし、Macには見えるところに設定がないようです。そこで、Finderで隠しファイルを表示する方法。 1つ目の方法は、コマンドを使う方法です。ターミナルで、下のようにタイプします。 $ defaults write com.apple.finder AppleShowAllFiles TRUE $ killall Finder Finderが再起動されて、隠しフィアルが表示されます。 非表示に戻す場合は。 $ defaults write com.apple.finder AppleShowAllFiles FALSE $ killall Finder 2つ目の方法は、Autom

Finderのウインドウの最上部のタイトルバーに、現在表示しているフォルダのUNIXスタイルのフルパスを表示する方法です。 Finderのタイトルバーにフォルダのフルパスを表示する方法 通常のFinderでは、現代表示しているフォルダの名前しかウインドウの最上部に表示されませんが、フォルダのフルパスを表示することができれば、すぐにフォルダの位置が解り何かと便利です。 しかし、通常の設定ではフルパスを表示することはできません。そこで、ターミナルを使った裏技を紹介します。裏技ですので、自己責任でお願いします。 ターミナルを使って、フルパスを表示する まず、「起動ディスク（Macintosh HDなど）」→「アプリケーション」→「ユーティリティ」と移動し「ターミナル」を起動します。 次に、ターミナルに下のように入力します。 defaults write com.apple.finder _FXS

こんにちは、ねづ(nzakr)です。 以前、自分のPCをwindowsからmacに以降したのですが、 Macでも開発環境も同様につくりました。WindowsだとXAMPPを使ってましたが、Macだとそういったアプリケーションを使わずとも設定できます。 そこで、apacheの基本的な初期設定からphp使用可能にするまでの過程を備忘録がてらメモしてみました。 前置き 作業環境 本記事執筆時はmac book Proの13 inchです。 OSは最新の10.13(High Sierra)でも同様に設定できます。 作業は基本的にmacのターミナル上で行います。 Finderから設定ファイルへアクセスは初期状態のままだとできません。 「黒い画面嫌い！」って人もそこまで難しくないので、とりあえずやってみるといいかも。 黒い画面に慣れると、いろいろ作業の幅が広がります(たぶん) ちなみに、よく使うターミ

デジタルデザインの雑誌。Macintosh Designers Networkの略。毎号MacintoshによるフルDTPで制作され、そのノウハウが日本のDTPに与えた影響は大きい。DTPのサービスビューローの草分けの「グラフィテック・ワールド」を開業した猪俣裕一が発行を始めた。現在は月刊で発行されている。

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは。 Ameba Ownd（アメーバ オウンド）でiOS･AndroidアプリのUIデザインを担当しています、鈴木です。 4月28日に『～「Ameba Ownd」制作秘話から学ぶ～CyberAgent UI design seminar』というセミナーを行いました｡ チーフ・クリエイティブディレクターの佐藤をはじめ、計４人のデザイナーから日々取り組んでいるデザインの現場についてお話しさせていただきました。 私からセミナーで話しさせていただいた「UIデザイナーの役割や進め方」を、Ameba Owndの立ち上げ秘話を交えて、お話したいと思います。

レスポンシブ対応の縦長ページ、ランディングページ、プロダクトページ、ポートフォリオ、ブログなど、今時のかっこいいエフェクトを備えたHTML5+CSS3の無料のテンプレートを紹介します。 単に使うだけでなく、デザインやHTML5/CSS3の勉強としてスキルアップにもいいですね。

.htaccess とは.htaccess のルールファイル名コメントアウト文字コードと改行httpd.conf転送と有効範囲正規表現Apache のモジュールと .htaccess で利用可能なディレクティブモジュールとディレクティブ一覧HTTP環境変数後方参照RewriteRuleの後方参照RewriteCondの後方参照まとめ.htaccess とは[1] Apache HTTP Server Webサーバソフトウェアが "Apache" である必要があります。 .htaccess とは、Webサーバの動作を制御するための設定ファイル [1] です。設定例としては、特定のファイルやディレクトリのアクセスを禁止したり、HTTP 404(Not Found：未検出)エラーページをカスタマイズすることもできます。.htaccess は設置しなくともWebサイトは問題なく動作しますが、セキュ