以前、ブログでEmmetをご紹介いたしましたが、またまたEmmetが良さげなツールを開発中です。 現在はまだベータ版ですが公開されていたので一連の流れを試してみました。 アジェンダ Emmet LiveStyleとは？ 環境設定 動作確認 SCSS(Sass)・LESS等のメタ言語の対応は？ Emmet LiveStyleとは？ ブラウザとエディタ間のスタイルをリアルタイムで確認・編集ができるツールみたいです。現在公式サイトでデモ用の動画を確認できます。 環境設定 Emmet LiveStyle を確認するには、設定が必要なので動作確認ができるまでの設定をご紹介します。 今回の動作検証環境 Windows7 chrome Sublime Text 2 Sublime Text の設定 Sublime Text 側でパッケージのインストール Sublime Textを開き、[Ctrl] +

最近サーバ構築を仕事でやっているんだけど、どうにも時間がかかってしょうがない。 色々と面倒な制限があるため、それに合わせるように通常の手順を色々変更しなければならないんだけど、それにしても自分の見積もりより大幅に時間がかかっている。自分の見積もり精度は確かに良くはないんだけどもそれを差っ引いても時間がかかっている気がしてしょうがない。 何故かと考えてみた。 1. 何をやったらいいのか分からない 自分でサーバ構築した経験はあるものの、ほとんど全て自分の開発サーバや勉強用や社内で使うようなものだ。apache入れて終わり、iptablesとか面倒なものは使わない、みたいな場合が多い。なのでいくつかの要件を満たすように複数のミドルウェアの設定に一貫性を持たせた上で構築するということはしたことがなかった。 自分の開発マシン内で使うVMであればcurlを叩けばレスポンスが返ってくるもので普通は十分だ

どーも！こんちわ。サイトリニューアル後初投稿です。って書いたけど、実際は投稿順序が逆転したので2つ目になりました。最近ひたすらコーディングに明け暮れる毎日で、ブログ投稿さぼってました。でもネタはちゃんとためてるよ！ちなみに今回は、細かすぎて伝わらない可能性大の（そして需要なさそう）、最近とことん突き詰めようと考えてきた、爆速HTMLコーディングについてのTipsです。どうぞよろしく。 目次 はじめに、爆速目指す上で意識すべきこと 準備するもの 爆速コーディングの基本〜キーボードショートカット TextExpanderを導入・設定する 日本語入力時に変換されないバグを修正する TextExpaderにスニペット（省略語）を登録する TextExpanderの優れた点 変換後のカーソル位置を指定する 変換時にクリップボードのテキストを埋め込み可能 爆速のためのスニペット登録のコツ 基本はタグ名

【CSS】ハイブリッドアプリを作成するときにいつも書くようにしているCSSプロパティいくつか！ : アシアルブログ -webkit-tap-highlight-color: rgba(0, 0, 0, 0)iPhoneやAndroidでリンクなどの要素をタップしたときに、iPhoneでは薄いグレー、Androidでは緑やオレンジの枠がデフォルトで表示されます。 -webkit-tap-highlight-colorというプロパティに色を指定することで、この枠の色を変えることができます。 ハイブリッドアプリを作成する際には、この枠が出ると如何にもWebっぽくなってしまうため、透明色を-webkit-tap-hightlight-colorに指定して、枠が表示されないようにしています。* {    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}リ

jQueryMobileの基礎/ツールバー 1でツールバー（ヘッダー、フッター）の基本的な使い方について説明しました。 今回はツールバーの以下の特殊なモードについて説明します。 固定ポジションモード ナビゲーションバー それでは続きへどうぞ 固定ポジションモード jQuery Mobileではヘッダーとフッターを画面上に固定することができます。 固定しない場合は、表示しているページが1画面に収まらない場合、一番下までスクロールした時にフッターが表示されます。しかし、固定ポジションモードを使うとスクロールが必要な場合でも画面の上下にヘッダーとフッターが表示されるようになります。 固定ポジションモードを設定するにはヘッダー／フッターに属性data-position=“fixed”を設定します。 ヘッダーとフッターそれぞれに設定する必要があるので注意してください。 ■jQueryMobileSa

旧Macでの作業 Dropboxをインストール後ターミナルを立ち上げる Mackupをダウンロードするコマンドを入力curl -o mackup https://raw.github.com/lra/mackup/master/mackup.py Mackupを実行可能化するコマンドを入力chmod +x mackup Dropboxへバックアップするコマンドを入力./mackup backup 新Macでの作業 Dropboxをインストール後ターミナルを立ち上げる Mackupをダウンロードするコマンドを入力curl -o mackup https://raw.github.com/lra/mackup/master/mackup.py Mackupを実行可能化するコマンドを入力chmod +x mackup Dropboxから復元するコマンドを入力./mackup restore Ma

Tweet Tweetlogixがとにかく気持ちいい。 動作が軽快で安定している上に、使い方に合わせた細かい設定ができるからだ。 「ここをこうしたい」と思うと、ちゃんとメニューが用意されている。 そんなTweetlogixの設定項目を、ひとつひとつ探ってみた。 まだ購入していない方も既存のユーザーも、新たな発見があると嬉しい。 設定メニュー バージョン1.6 1. Theme（画面テーマ） Whiteboard（ホワイト） Blackboard（ブラック） Background（プロフィール画面などの背景） Pinstripe（ピンストライプ） Texture（テクスチャ） ✔よく見ると反映されている。 2. Fonts（フォント） Timeline Font Size（タイムライン） Compose Font Size（投稿画面） Detail Font Size（ツイートの詳細画面）

1. コンパイルエラー みなさんはエラーをどのように発見していますか？実行時？テスト？ いろいろあると思いますが、eclipseやXCodeばかり使っているとエラーがリアルタイムに通知されたりするので、ついつい他のエディタにもそのような挙動を期待してしまいます。 やっぱり早い段階でエラー通知してくれたほうが修正はしやすいです。 上の画像はMono Developでエラーを表示しているところです。今回はUnity(C#)のコンパイルをSublime Text2上でリアルタイムで実施する方法を説明します。C#でこの方法を使えばシンタックスのチェックだけでなく、存在しない変数名を使用している場合にエラーを出したり、使用していない変数に対してWarningのメッセージを出したりできます。 他の言語でチェックする仕組みを作る場合も似たようなことをすれば出来るはずです。 2. SublimeLinte

フォトストリームの画像をフォルダに自動保存して、同期完了を通知センターで知らせてくれる方法です。 wwwlogmeさんの記事「まるでDropbox!?フォルダへGrowlの通知付きでフォトストリームの画像を自動保存する方法」を参考に、少し手を加えて通知センターに表示するようにしています。 実際の動きはこんな感じです。 1. iPhoneで写真を撮る ↓ 2. フォトストリームで同期される ↓ 3. フォルダに自動保存 ↓ 4. 通知センターで写真が追加された事が表示される ↓ 5. 通知センターのバナーをクリックすると保存されたフォルダが開く wwwlogmeさんのやり方のポイント フォトストリームのフォルダに画像が同期されたら通知するだけでも良いのですが、その画像を直接移動や削除するとiPhotoに反映されなくなってしまうようです。 wwwlogmeさんのやり方では、いったん別のフォルダ

一つの巨大な机のうえに、だーっと全ての考え事や、心配事、そしてやろうと思っていることを並べて一目で把握できたらよいと思いませんか？ それをウェブ上で、そしてiPhone上でかなりの線まで実現してくれるのがWunderkitです。 Wunderkitはウェブ版のサービスと、それと緊密に同期するiPhone版から構成されています（OS X版のクライアントもありますが、中身はウェブ版を呼び出しているだけです）。 Wunderkit の最大の特徴は「ワークスペース」という単位でタスクやリストをいくらでも分割できる点です。たとえばOmniFocus のようなタスク管理アプリを使う際に、ときおり思うのは「家族」「仕事」「趣味」といったスペースにわけることができれば便利だということなのですが、Wunderkitは最初からそれを考えた設計がされています。 簡単でいて、膨大な考え事を整理するのに使えそうなツ

この記事ではDefault設定ファイルにどのような記述がされているか、その記述にどんな意味があるかを一つ一つ見ていきます。実際に設定をカスタマイズしてみたい方は、メニューのPreferencesタブの"Settings - User"からUser設定ファイルを開いてそこでいろいろ試してみましょう。 Sublime Text 2 のDefault設定ファイル 本文 Default設定ファイルとは、Sublime Text のデフォルトの動作の設定が記されたファイルのことです。Default設定ファイルはメニューのPreferencesタブの"Settings - Default"から開けます。 早速設定ファイルを眺めていきましょう。 設定ファイルは1個のJSONオブジェクトからなっています。このJSONオブジェクトに色々なプロパティを設定して、ひとつの設定ファイルとしているようですね。 その

Mac用アンチウィルスソフトClamXavの使い方や設定のまとめと、ウィルス検索エンジンのClamAVを活用して、もう少し機能を強化する設定方です。ウィルス定義ファイルの更新とスケジュールスキャンの回数を、.plistファイル（launchd）を使って1日に何度も実行させるようにします。 ClamXavの使い方はよく見かけるのですが、ClamAVを活かすとなると…だったので、ついでに書いてみました。あまり参考にならないと思いますが、私が使っているClam Xavの環境設定も晒してます。 ClamXavの使い方と設定のまとめ：目次 ClamXavの基本的なこと ClamXavとは… インストール アンインストール ClamXavの基本的な使い方 ClamXavの環境設定 一般設定 隔離設定 除外設定 ログ設定 スケージュール設定 ClamXav Sentry 設定 動作テスト ClamAVを

多機能ランチャ、Alfredの使い方と設定です。Quicksilver程の拡張性はありませんが、欲しい機能は一通りそろっている上に、使い方や設定がシンプルなので初心者の方でもすぐに使えるランチャではないかと思います。今回は無料版でつかえる機能のみで、有料のPowerpackに関しては次の記事で紹介します。 Alfred 関連の他の記事 Alfred の Powerpack でつかえる機能の使い方と設定 Alfred の 基本的な設定 この記事の目次 Alfredの基本的な使い方 Web検索の使い方と設定 ファイル検索 ファイル検索の使い方 ファイル検索の設定 アクセサリ（使い方と設定） Calculator：計算機能 Spelling：辞書検索 システム（使い方と設定） System Command：システム、アプリケーションの操作 ※：検証には Alfred（Powerpack） v0.

iTunesを使いたおすために関連する20の項目を集めてみました。普段はほとんどMacを使っているのでMac寄りの記事ではありますが、WindowsのiTunesも使うので知っている限りの情報を掲載していきます。 CDをiTunesに曲を読み込む時の設定について。 10/23追記：この項目に関して色々な意見がありましたので、恥を忍んで書き直しました。 CDを読み込む際の設定は、iTunesの環境設定の「一般→読み込み設定...」から。 音質が良く、非圧縮よりファイルサイズが軽いAppleロスレスで取り込めれば一番いいと思います。ただし注意が必要なのが、ほぼ非圧縮のファイルなのでファイルサイズが大きくなるという点と、再生デバイスが限られるという点があります。Appleロスレスで取り込む際は手持ちのデバイスで再生できるか要確認です。保存用としてはおすすめ。 次に音質が良いのはAAC（256kb