明けましておめでとうございます！ 設定ファイルの大掃除も兼ねて、自宅Macの環境セットアップをAnsibleで行うようにしてみました。 joe-re/dotfiles · GitHub Ansibleにした経緯 2台のMacの環境を揃えたい 昨年iMac5kディスプレイモデルを購入した。 それによって今までメインで使用していたMacBookAirは外出用にして、2台で運用している。 そうなるとどうやって環境を揃えようかなー、って悩みが発生する。 なるべく外出時も環境は変えずに開発できるようにしたい。 Ansibleに至るまで 当初はBoxen使ってた。 BoxenはPuppetでMacの環境構築を自動化してくれるツール。 PuppetのDSLを覚えなければいけないというハードルはあるものの、 かなり細かいところまで設定できて非常に高機能。 だけどチームならまだしも、個人で使うにはオーバース

{ const container = $el; // The div with overflow const item = document.getElementById('sidebar-current-page') if (item) { const containerTop = container.scrollTop; const containerBottom = containerTop + container.clientHeight; const itemTop = item.offsetTop - container.offsetTop; const itemBottom = itemTop + item.offsetHeight; // Scroll only if the item is out of view if (itemBottom > containerBo

小型・軽量なのがMacBook Airの身上。ゆえに、画面サイズが小さめなのは致し方ないところ。特に11インチモデルは、複数のアプリのウィンドウを一度に開くのはつらいものがあります。そこで活用したいのが「フルスクリーン」モード。 文字どおり、ひとつのアプリを全画面に表示して、めいっぱい広く使用する機能です。フルスクリーンモードに対応しているアプリは、ウィンドウの右上に矢印のアイコンが付いています。これをクリックしてみましょう。ウィンドウがぐいーんと広がって、画面いっぱいに表示されるはずです。 メニューバーやDockはおろか、アプリ固有のツールバーすら表示されなくなり、最大限に広く画面を使えるのです。このモードでは、1つの画面（ワークスペース）に対し、1つのウィンドウまたはデスクトップが割り当てられます。必要に応じて、アプリごとまたはウィンドウごとに画面を切り替えて使う方式です（ワークスペー

MacのFinderのツールバーに、アプリの起動アイコンを設置してみましょう。すると非常に作業が捗るんですよ。 今まで、Finderにあるファイルを特定のアプリから起動する際には、わざわざファイルをDockまでドラッグしたんです。しかし、これって結構な距離なんですよ。 特に、マウスを使わずタッチパッドを愛用している私にとっては、長い距離のドラッグ＆ドロップは、なかなかしんどい作業なのです。 そんな時、Finderのツールバーが非常に便利。アプリアイコンを設置することで、ファイルを特定のアプリで開くのがメッチャ楽になりました。 Finderのツールバーにアプリを登録する方法 まず、Finderのアプリケーションフォルダから、設置したいアプリを選択します。そして、Commandキーを押しながら、ツールバーにドラッグ＆ドロップ。これで完了です。 逆に、ツールバーに設置したアプリアイコンを外す場合

しばらく Mac からおさらばしていたのですが、ゆえあって戻ってきました。 Python 3.3 ベースで Python 環境の構築をしたので、参考までに手順を残しておきます。 1. Homebrew で Python 3 をインストール とりあえずベースになる Python を用意します。いまならもう Python 3 を普段使い用にできるので、 Python 3 を用意します。 $ brew install python3 MacPorts でも大丈夫だと思います。 2. 自分用のデフォルト環境を作る システムの Python に直接自分が普段使うツール類をインストールするのは憚られるので、自分用のデフォルト Python を用意します。 Python 3.3 では venv が標準ライブラリにあるので、この手順で virtualenv を手動で準備する必要がなくなりました。 $ mk

1ヶ月前に、Web開発者にオススメなAlfred用のWorkflowをまとめたGitHubリポジトリが2,000 starsを超える人気を博していて、その中に自作のFont Awesome Workflowも選ばれていて、それをきっかけに開発者向けのWorkflowが盛り上がっていることを知った。[^1] [^1]: このリポジトリは更新が遅く、各Workflow作者の最新バージョンを反映していない問題があったため、Font Awesome Workflowではこちらから削除依頼を出してリストから消してもらいました。そのため現在は掲載されていません。 つい最近だと、Googleのエンジニアで著名なAddy Osmaniがプレゼンで紹介していたり、フロントエンド向け情報サイトとして有名なSmashing Magazineが特集記事にしていた。 Automating Front-end Wor

前回と前々回はAlfredが備えているランチャ機能に関するものでしたが、今回は、外見やキーボード設定といった、Alfred.app本体に関する設定です。 Alfred 関連の他の記事 Alfred の無料版でつかえる機能の使い方と設定 Alfred の Powerpack でつかえる機能の使い方と設定 Table of Contentsこの記事の目次 General：Alfredの基本設定 Keybord：キーボード設定 Appearance：見ための設定 Advanced：その他設定 ※：検証には Alfred（Powerpack） v0.9を使用してます。 General：Alfredの基本設定 1 Startup： チェックを入れるとログイン時にAlfredが自動で起動します。 2 Alfred hotkey： Alfredの起動に使用するホットキーを設定します。デフォルトは Opt

HOMEMacUSキーボード MacBookユーザ必須の日本語入力環境設定。ワンボタンで「英数/かな」切り替えでストレス解消。 USキーボード MacBookユーザ必須の日本語入力環境設定。ワンボタンで「英数/かな」切り替えでストレス解消。 2013.03.24 Mac Mac, USキーボード, 日本語環境, 環境設定 シャレオツなMacBookユーザーはUSキーボードと決まっていますが、日本語入力する時にはちょっとした設定で使いやすくなります。新しいMacBookがきたので、設定し直すついでに忘れないようにメモ。 IME関連、キーボードショートカットの設定 ガチで便利！Mac歴100年の僕が最強だと思う、US配列キーボードの日本語入力環境設定 - Moxbit "CapsLock"キーを"Control"キーに割り当てる 『Google 日本語入力』を導入する 使用しないIMEを無効に

■ [Mac][Display] Mac のメインディスプレイを入れ替え Mac mini から Macbook に引っ越しした時からしばらくデュアルディスプレイで使っていたんだけど、椅子から遠くにある Macbook の画面がメインディスプレイのままでどうしても使いにくかった。特に使いにくかったのは下のようなところ。 アプリのほとんどは外部ディスプレイで使っているにもかかわらずメニューバーが Macbook に表示される QuickSilver が Macbook に表示される Dock が(ry この辺を解決させるためにリッドクローズドモードにしたかったりしたんだけど、どうにもうまくいかないので Wassr でぼやいていたら @wtnabe さんが Twitter で解決策を教えてくれた。 wtnabe: @hsbt メインを入れ替えるんじゃダメ？ wtnabe: @hsbt ディスプ

Mac用アプリケーションランチャー『Alfred』がアップデートされ、多くの機能が追加されました。その中でも、最も興味深かったのは新しいワークフローシステムです。これを使うことでだれでも簡単にカスタマイズショートカットを作れるようになりました。Alfredにワークフローが追加されたことは一見マイナーなアップデートにも思えますが、うまく活用すれば生産性アップが期待できます。 コーディングの技術がなくても簡単にセットアップが可能なのです。しかも作成したワークフローを他の人と共有したり、逆に他の人が作成したワークフローを自分のパソコンに取り込んで使ったりすることもできるようになりました。例えば、Spotifyのウィンドウを開かずにコントロールするSpotify controls などをネット上で見つけられます。 それではワークフローができるまでの手順をみていきましょう。 Alfredワークフロー

『Sophos Anti-Virus for Mac Home Edition』 バージョン：8.0.11C 価格：無料 （バージョンと価格は記事作成時のものです） (c) 2003-2012 Sophos Ltd. 外部リンク：アプリを入手する Macはウイルスに強いとよく言われます。昔は、Macがいまよりもずっとマイナーな存在で、ビジネスの現場ではあまり使われなかったので、ウイルス作成者もわざわざMacを標的にしなかったという側面がありました。OS 9まではプログラミングも大変でしたし。しかし、iPodやiPhone、iPadのなどのiOSデバイスの大ヒット、そしてMacBook Airの人気が高まるにつれ、プライベートはもちろん、ビジネスでもMacを使うユーザーがかなり増えています。 しかし、これだけ注目されているMacでもウイルスが爆発的に増加したというニュースは聞いたことがありま

私は、WordPressのプラグインやテーマなどの開発は、/Library/Webserver内に構築したバーチャルホスト上でvimなどのターミナル上のCUIでごりごり作業をしています。 成果物はこまめにSubversionやGitにコミットしておけば、本番作業への移行も楽ですし、お客さんのところでデモをする際にもネット環境が不要なので、この作業環境を気に入っています。 しかーし、CUIでの作業で面倒なのが画像が関連する作業で、CSSなどの編集で画像のサイズを見たい時などに、いちいちディレクトリを掘っていって右クリックとかは面倒です。 そこで、これらをコマンドラインで超簡単に行う方法をご紹介します。 コマンドラインから画像を超簡単にプレビューする ホームディレクトリ内にある.bash_profileに以下の行を追加してください。 alias ql='qlmanage -p "$@" >&

どーもノリ五藤(nori510)です。 今回は私が2012年4月現在「BetterTouchTool」で設定している項目をご紹介させて頂こうと思います。 「BetterTouchTool」をまだご存知でないという方は、唯でさえ便利なMacのトラックパッドを更に更に便利に快適にしてくれる超優良toolですので、この機会に是非導入のご検討をされるとよろしいと思います。 インストールや設定方法等の参考はコチラから↓ Mac必須！トラックパッドを更に便利にするアプリ「BetterTouchTool」 | nori510.com 「BetterTouchTool」の私の設定値 まずはトラックパッドのGlobalの設定値。 大変シンプルにこんな感じになっています。 では、一つづつ順に見ていきたいと思います。 Single Tap (Single Finger Gesture) まずは、一本指のジェスチ

通常、MacのFinderは１ウィンドウ毎に開くしかありませんでした。 ですが、XtraFinderを使うと１ウィンドウにいくつものタブを追加して使用できる！ようになります。感覚的にはFirefoxやGoogle Chomeの様なブラウザみたいなイメージ。 タブ化が出来ると何が便利って、もう全部便利！ あっちこっちにウィンドウを開いておかなくても良いのでスッキリですし、ファイルの整理なんかも楽に行うことが出来ちゃいます。正直タブに慣れてしまうと無しでは作業が面倒でやってられません・・・！ 他にも機能がたくさん！ 主な物では以下の様な事が出来ます。 Command + X（V）でカット＆ペーストが出来る様に！（右クリックからも！） フォルダを先頭に並べてくれる ファイルのパスを簡単にコピー可能に サイドバーアイコンをカラーで表示 Returnキーで選択項目を開く Backspaceで戻る 等