久しぶりにWebサイトのfaviconを変えようと思い、調べてみると、必要なfaviconが大幅に増えていることがわかりました。 その数、何と21個！ そんなに増えていたとは。 一応、以下にリストアップしてみます。 faviconのリスト favicon.ico: IE用 favicon-16x16.png: タブ表示用 favicon-32x32.png: Mac版Safari用 favicon-96x96.png: Google TV用 favicon-160x160.png: Opera 12 までのスピード・ダイアル用 favicon-196x196.png: Android版Chrome用 mstile-70x70.png: Windows 8 用 mstile-144x144.png mstile-150x150.png mstile-310x310.png mstile-31

ErgoDoxを買った! 局所的に流行っているErgoDoxを買いました。ErgoDoxとはなにかとか、購入方法の話はこのあたり(ErgoDoxを購入して人生がバラ色になった - YAMAGUCHI::weblog)をどうぞ。 セパレートキーボードの特徴を生かして、間にMagic Touchpadとコーヒーを置いてます。 Touchpadがあるので、Macbookを普通に使っている時のようにタッチパッドを操作できます。 またコーヒーカップを間に置くことで、ついうっかりこぼしてしまうような事故も減らすことができます。 ちなみに、僕もErgoDox EZのフルセット(ErgoDox EZ Bundle: Blank)で買いました。 フルセットでもキー上の刻印有無やキースイッチの種類(押圧力やクリック感などが変わるそうです)が選べます。 ErgoDoxはキーマップを自由に変更できるのが魅力なので

Ergodox EZ は、セパレート式が特徴のキーボードです。 最近、いろいろ記事が出ていたので、知っている方も多いと思われます。 漢(オトコ)のコンピュータ道: キーボードを新しくした話（ErgoDox） ErgoDox EZが届いた · I Will Survive ErgoDoxを購入して人生がバラ色になった - YAMAGUCHI::weblog 流行りにのってErgoDox EZを買ってしまった - タオルケット体操 この記事では紹介はそこそこに、「買ったあとどうやって使ってるの？」というところをメインに解説しようと思います。 すでにお持ちの方は、「カスタマイズはどうするの？」まで飛ばしても構いません。 ちなみに私は、RubyKaigi 2015 の懇親会でアーロンさん（@tenderlove）たちとキーボードの話をしている時に知りました。Zキーの長押しで Ctrl が入るなど、

want_to_ergodox.md この記事のあの画像を見てﾋﾞﾋﾞｯと来てしまったので, 周りにいる人とErgodoxの購入検討をはじめました(随時更新) 購入できるところ ➜ FalbaTech ErgoDox - FalbaTech 選んでいくスタイル。 キーキャップも選べるけど、別途購入も可能。Pimpmykeyboard.comではergodox用のキーキャップが購入できる。 DSA PBT/ABS Blank Keycap Sets - Pimpmykeyboard.com ➜ ErgoDox EZ ErgoDox EZ: An incredible mechanical keyboard | Indiegogo 出来上がってるモデル。価格・クオリティ的にいい感じ。 ➜ Massdrop ErgoDox Ergonomic Mechanical Keyboard Kit Dr

A split keyboard: Work at shoulder widthColumnar layout: For improved typing comfortReliable: A workhorse that keeps going for yearsCustomizable: A powerful graphical configurator you can try before you buyHot-swappable: Choose your own keyswitches and swap them out anytimeOpen-source: One of the first keyboards to use QMK firmwareBacked by a serious warranty: Two years. Ask around about the ZSA w

“ERE THE SUN RISES!”And with it rises Rohan’s favorite son, on the new Drop + The Lord of the Rings™ Rohirrim™ Desk Mat.

demosOne library, ‍unlimited UI optionsEnjoy interactive flowcharts, BPMN and other diagramming studios directly inside your app. Tap into our templated apps and cut development time to days.

つまるところ、これをやってみます。 http://socket.io/get-started/chat/ モチベーション Webで調べると割とExpress3系+Socket.io 0.9系の記事が多いイメージです。 Express4とSocket.io1は前バージョンと大分違う造りになっているので、そろそろExpress4系+Socket.io1系を試して記録しておこうと思いました。 環境 express 4.10.4 socket.io 1.2.1 モジュール用意 $ mkdir myapp $ cd myapp $ npm init $ npm i --save express $ npm i --save socket.io

MacのSublimeText2は、ファイルを開くとき新しいウインドウで開くことがデフォルトになっています。 個人的には、ウインドウ数を増やしたくないので、タブに追加する形で開くようにする設定を解説します。 基本設定が、Default/Preferences.sublime-settings というファイルの下記コードで設定されています。

PixelMplus（ピクセル・エムプラス）というフォントを作成しました。 8bitゲーム機のビットマップフォントのような感じを出せるフリーフォントです。 特徴 ビットマップフォントのように見えるが、アウトラインのみのTrueTypeフォント。埋め込みビットマップは なし。ボールド体（太字）あり。 JIS第1・第2水準のすべての漢字を収録。ISO-8859-1(Latin-1)の文字も収録。そのほかにもいくつかの記号を追加。 ヿ〼　　　　　ヿ テハートのエレヘーター　デパートのエレベーター 記号　紋章は☀♨☂　この武器は〠！ 方向指示　▷▶◁◀ トランプマーク　♤♠♢♦♡♥♧♣ 実体は単なるTrueType等幅フォント。テキストエディターで使用することもできる。 ライセンスは自由なM+ FONT LICENSE。 元にしたM+ bitmap fontsは10年以上前から使用されているので安

Macを使い始めて感じた5つのメリット メリット1. 起動が速い！作業も続きからできる！ 実際に計測したわけではありませんが、起動のスピードが全然違います。 そのうえ、電源を消しても直前まで作業していた内容をPCが記憶し、次回起動時にアプリケーションが立ち上がり、続きから作業できるというスマートさがあります。（設定でオフにもできます） メリット2. 複数モニターがあるような感じで作業できる Macではデスクトップを切り替える、という操作ができますが、おかげで気持ち的に複数のモニターで作業している感覚が得られます。 実際フロントエンドエンジニアの場合、デザインデータ、エディタ、ブラウザの3つを同時に操作することがよくありますが、この機能があるとMac1台でもけっこう仕事が捗ります。 とはいえ、上記のイメージ画像はちょい大げさでした。実際はこんな感じです。僕の場合は普段2〜3のデスクトップを使

optionキーの使い方を覚えると、Mac OS Xの使い勝手は格段に向上するはず。今回は、15個のoptionキー・便利な裏ワザを紹介します。 冒頭の動画を見てもらえれば一目瞭然ですが、15個、以下リストアップします。 「Option」＋「メニューバーのWi-Fiアイコンをクリック」で、Wi-Fiの詳しい情報を表示 「Option」＋「メニューバーのBluetoothアイコンをクリック」で、Bluetoothの詳しい情報を表示 「Option」＋「メニューバーのボリュームアイコンをクリック」で、 入出力装置を切り替えられる 「Option」＋「メニューバーの通知センターアイコンをクリック」で、通知センターをオフにできる 「Option」＋「Appleアイコンをクリック」で、「システム情報」にすぐにアクセスできる 「Option」＋「ウィンドウをリサイズ」すると、ウィンドウの中央を基点に四