コードのスニペット管理にSnippiを利用していたのですが、何故かTwitterアカウント連携ができなくなってしまい、こつこつ貯めていたコードが見られなくなってしまいました。 バックアップでNotefileに取ってあったため事なきは得たのですが、コードスニペット管理の方法としてはいかんせん使いにくい。 なんかいい方法あんめえかと思って探したところ、GitHubアカウントがあれば無料で使用できるスニペット管理ツールGistBoxが良さげだったので試してみたところ非常に快適でしたのでシェア。 参考：GistをメーラーのようなUIで管理する「GistBox」がいい感じ | REFLECTDESIGN メーラーのようなUI 使用はGistBoxでログインするか、Chromeアプリから。UIは一緒です。 私はChromeアプリを使用することにしました。 GistBox – Chrome ウェブストア

なんのかんのでメインブラウザをChromeにして久しいのですが、増えすぎて整理が追いつかず悩みの種だったブックマークをめちゃくちゃ使いやすくしてくれる拡張機能DEWEYを導入してみました。タグ付けめっちゃ捗るんですけど！！ これはオススメだ！ DLはこちら：Dewey. Better bookmarks for Google Chrome™ Chromeのブックマークに「タグ付け」 この拡張機能は@Jacminik さんのツイートで知りました。ｱｻﾞﾏｽ！！ﾊﾖｻﾞｲﾏｽ！！！ 今までずっと求めていたブックマークをタグで管理／検索出来る機能拡張がついに出た！ [Link] Dewey. Better bookmarks for Google Chrome™ : http://t.co/XXtHz3H7Ag — masahiro k. (+Beans) (@Jacminik) 2014, 2

先日ご紹介したCSSやJavascriptを圧縮するためのWebサービス「YUI Compressor」。 「後々編集することを考えるなら圧縮前のデータもとっておきましょう」と記しておきながらバックアップデータを白ヤギさんにむしゃむしゃいかれてしまった私。んもう…おっちょこちょいさんなんだからぁ…// で、どうにか復元しなければと思っていたところ、色々ある難読化されたCSSファイルの整形ツールの中から使いやすかった「PROCSSOR」をご紹介。 ProCSSor – Advanced CSS Prettifier なかなかしゃれたUIの「PROCSSOR」。プロセッサーと読ませるのでしょうか。しゃれてますね。 使い方は簡単。まずは難読化されたCSSを一番上のテキストボックスにコピペします。（Fileの読み込みやURLからの整形もできる様子） 次に、整形をどのように行うか、各種オプションを選

使い方 使い方は非常に簡単。まずは画像を一式（もしくは画像フォルダを）アプリウィンドウにドラッグ＆ドロップします。 するとこんな感じ。画像に一括で施せる処理は リサイズ リネーム ウォーターマーク 境界線 反射 角丸 影 の7つ。 リサイズは横幅、縦幅、パーセンテージ、正方形のリサイズができます。 リネームは元の名前、連番、作成日、リネーム日のテンプレートが最初から用意されておりますので適宜使いましょう:) 連番は桁数も選択することが出来るのです。気が利いてるぅ。 その他、角丸や境界線など一括で行いたい処理をチョイスしたらStartボタンをクリック。画像の保存先を選択すれば完了です！ ご覧の通り、全ての画像のリネーム＆リサイズが一括で出来ましたことよ！！！嗚呼便利！！！

まれに英語で文章を入力するのですが、スペルミスが気になって辞書を引いたり文法を調べるために例文をググったり。時間がかかってしょうがない。 さすが、10数年前に取得した英検2級は伊達ではありません。 そんな折りに見つけたのがこちらの英文チェッカー「Ginger」。スペル・文法ミスだけでなく恥ずかしい英語のミスまで直してくれるという拡張機能（アプリ版もあり）なのです:) ジンジャー｜無料英文チェックソフト｜ネイティブ表現｜仕事効率 英語のスペル・文法ミス等を直してくれる スペルや文法だけでなく知らずにやってる恥ずかしい英語のミスまできちんと直せる新しい英文チェッカー、Ginger 世界中のGingerユーザーがすでに約30億個以上の恥ずかしい英語とおさらばしています。 via: ジンジャー｜無料英文チェックソフト｜ネイティブ表現｜仕事効率 公式サイトでGingerの機能をお試しできます。 試し

HTML Code / Sebastian Fuss 愛用のテキストエディタ「Sublime Text 2」にも導入しております、Emmet（Zen-Codingの次期バージョン）。使いこなすことでHTML、CSSの記述を高速化することが出来ます。 んまぁ例えばこんな風に記述して展開すると… このようにHTMLを吐き出してくれます。 で。MacのエディタCoda2のプラグイン「Tea for Coda」にてdiv要素を閉じた時に自動でコメントをつけてくれるカスタマイズみたいな感じでクラス名・ID名のコメントを自動的につけてくれる方法はないものかと調べていたところ、Web Design KOJIKA17さんの記事Zen-Coding、0.7のすすめ｜Web Design KOJIKA17に以下のような記述を発見。 フィルター HTMLの展開をサポートするフィルターも用意されています。 |(バ

3度のチキンよりケンタッキーが大好きなおつぱ（ @OZPA ）です。意味がわからない。 さて、東京は目黒区碑文谷にあります「ダイエー 碑文谷店」に今月オープンしました、あのケンタッキーが手掛ける国内初の唐揚げ店KFC 鶏から亭へ行ってきました！ ジューシーな唐揚げを4種類の味付けで！ こちらの鶏から亭は国内第一号店。ありがとう碑文谷ダイエー。 お昼時の来店でしたが、ご覧の盛況っぷり。 メニューがこちら！普通のケンタッキーオリジナルチキンも販売しております。 今回は、全ての味を楽しめる「食べくらべパック」を注文しました。 販売されている唐揚げはご覧の4種類。注文した食べくらべパックはオリジナルチキン3パックと、4種類の唐揚げが1つずつ入っております。お値段1,000円也。 はやる気持ちを抑えつつ購入したパックとともに帰宅。自転車での帰宅でしたがおそらくマッハ2は出ていたと思われます。 ウヒャ

人の心を盗むことはあっても、記事を盗むことはありません。おつぱ（ @OZPA ）です。ｸﾗﾘｽｩｰ!!ｸﾗﾘｽｩｰ!! さて先日、Twitterで@25kei12 さんより「とあるサイトで記事が全文パクられてますよ」と教えて頂きました。 参考：全文パクリブログ発見! – ま鉄系 よくよく考えたら全文まるまる無断転載されたのは初めてのこと（把握する範囲で）。しかもサイトを見てみたら画像まで直リンクしてくださっているご様子。 うーん殴りたい。 そんなわけでどんな制裁をくわえてやろうかと高鳴る鼓動を抑えつつ、当該パクリサイトにいろいろと対策を講じることにしました。（パクリサイトへのリンクはしておりませんので悪しからず） Googleに著作権侵害で報告 まずはじめにやるべきはGoogleへの著作権侵害を申告することでしょう。以下のサイトを参考にさせて頂きました:) 無断コピーされたコンテンツをGo

お店は小田急・井の頭線の下北沢駅より徒歩1分の場所にございます。 工場を思わせる、重厚なエントランスにふさわしい看板。 深夜3時まで営業しておりますフリーファクトリーさん。 店内はご覧の雰囲気。良い薄暗さです。いやらしくない意味でエロティック。 こんなソファベッドみたいなスペースもありましたよ！ カップルで来れば、いやらしい意味でエロティックです。 作業の合間に頂いたサングリア。いいサングリア具合でした。 とても落ち着いた雰囲気で、めちゃくちゃ作業が捗りましたよ！ノマドに、デートに、大変おすすめです！ また来るぜ！ この記事に掲載した写真はRICOH GRを使用して撮影しました:)

はじめて訪れた海外旅行先でのショッピング。慣れない外貨でもスムーズに支払い、受け取りができる財布はないだろうか。そこで誕生したのがabrAsusの「旅行財布」。 財布を開けば、お札も小銭もカードも一目瞭然。 大きな「かぶせ」が周りの人の視界を遮り、財布の中身を覗かせません。セキュリティ効果の高いつくりになっています。 via: 旅行財布 abrAsus〜海外旅行先での安全性も考えた二つ折り革財布〜　 アブラサス SUPER CLASSIC もはやおなじみの黒いシックな外箱。 そうだね。不織布だね。もういいね。 色はネイビーをチョイスいたしました。あとはチョコとキャメルがございますことよ:) 外装、内装、ステッチは、国旗に多く見られる三色旗がモチーフとなっており、ネイビーの場合は綺麗な赤色とのコントラストが目に鮮やか…。 ちなみにこのかぶせは財布の中身が対面から見えないような仕組みになってお

Macのリネームソフトを探していたのですが、85円で結構使える「Rename It」と言うアプリを見つけましたのでご紹介。 使い方 こちらがトップ画面。メニューなどが全て英語なのですが、そんなに難しい単語は無いので問題ないでしょう。 リネームしたいファイルをまとめてアプリ内へドラッグ＆ドロップ。残念ながらフォルダのリネームには対応しておりません。 次にリネームのルールを選択します。ルールは テキスト追加 日付を追加 大文字／小文字の変換 テキスト挿入 テキスト削除 テキスト置換 連番の作成 の7つ。 試しに連番の名前を付けてみました。ルールをいじっているとリアルタイムプレビューでどんな風にリネームされるかが表示されるので間違えることは無いですね:) リネーム後のファイルを上書き（Replace Files）するか、別の場所に置き換えるか（コピーも可能）を選択して、最後に「Rename Al

そういえば最近新店舗の発掘をしていない…これではイカン！と言う事で、大田区は池上にありますラーメン屋さん、「よっててい」さんへやって来ました。 注文が入ってから作られるワンタン メニューはこんな感じ。 お店はカウンターが8席。注文は食券ではなく直接注文となります。私はチャーシューワンタン麺をチョイス。 ワンタンは、なんと注文が入ってから餡を包み出すというこだわり！こだわってるねぇ！こだわってるねぇ！ 茹で釜は、都内では珍しい大釜タイプ。こんだわってるんねぇい！こんだわってるんねぇい！ チャーシューは、豚と鳥のミックスが可能。とても融通のきく店主さん！ こちらも注文が入ってから具をカット。こだわっ！こだわっ！ 注文してから10分。こちらは一緒に行った友人の支那そば！ そしてこちらが私のチャーシューワンタン麺！( `_ゝ´)ﾌｫｫｰ 具材タップリ！ゆっくり食べられるよう麺は固めで提供されており

iPhoneのメインカメラとしてCamera+を使っているのですが、最近教えてもらった「Blux Camera Pro」と言うアプリがなにやらとっても良い感じなのです。 と言うわけで、兎にも角にもUIが秀逸なこのカメラアプリをご紹介いたします。 秀麗なUIと多機能が特徴のカメラアプリ このアプリの最大の特徴、それは操作性に大変優れたUI。 最初にごくごく簡単なチュートリアル。画面の上下左右をスワイプすると各種機能が起動します。 こちらがカメラの基本画面。 画面右側にシャッターやエフェクトを選択するアイコン、真ん中にある二つの円状のメーターを弄ることで色温度、ズーム機能が使用可能です。 では一つずつ機能を簡単に紹介していきましょう。 まずは画面左側をスワイプ。すると彩度、コントラスト、明るさ、シャープネスを調整する画面になります。円のアイコンを上下に動かしてそれぞれの数値を調整します。とって

Google Reader beta / Colin ZHU 今年の7月1日にGoogleリーダーがそのサービスを停止するということで、代替サービスをめぐる動きなどが活発化しているわけなんですが、個人的にはなくならない方向が一番嬉しいので、一縷の望みを「署名」と言う形に託してみました。 署名の方法 Googleリーダー存続への署名を行っているサイトはたくさんあるのですが、私が署名したのはPetition | Google: Keep Google Reader Running | Change.orgと言うサイト。 画面右側の署名欄に名前、メールアドレス、国、郵便番号（普通に7桁を入れればおｋ）、オプションで理由を明記の上「Sign」ボタンをクリックするだけ。簡単にできるんですね。 もっといろんな項目（性感帯とか）を入力させられるのかと思いましたがそんなこともなく、わずか20秒で終了。 ま

Photoshop、Illustratorを効率良く使いこなすには切っても切れないテクニック。そうそれがショートカット。 関連：[備忘録]Mac使うなら当然覚えておくべき、ショートカット時に使用する修飾キー記号の読み方について ただ、アプリを使いはじめのころはショートカットをなかなか覚えきれず、イライラがつのって爪を噛み切り、キーボードに血がにじんだりするものです。そうです、鮮血のキーボードです。 そんなあなたにうってつけの、ショートカットが一目でわかるシール「Ps/Aiショートカットステッカー」のご紹介です。（商品をファーイーストガジェット様よりご提供頂きました。ありがとうございます！） Ps/Ai shortcut sticker（Ps/Aiショートカットステッカー） 重ねて使える こちらがショートカットステッカー（Photoshop ver.）です:) 裏面には様々な説明書きがござい

WordPress Born In Texas / teamstickergiant もう2012年も残りあとわずか。やり残したことは無いでせうか。 そんなわけで、私はと言いますと前々からやろうと思っていたWordPressの煤払いを行いました。やったことをまとめときたいと思います。 カテゴリーの整理 何も考えずに乱立させてしまった当サイトのカテゴリ。 「Web」があったかと思えば「Webサイト」があったり、ポツンと「Google Chrome」と言うカテゴリがあったり… 我ながら混乱して参りましたので、重複するものは片方だけ残すなど選別。30以上あったカテゴリーを19まで減らしました。それでも多いような気がしますがまぁこんなもんでしょう。 リンクエラーの解除 サイト内のリンク切れを教えてくれるプラグインBroken Link Checkerを導入しているのですが、ずっと確認せずにいたリン

Sauceは、約100種類のブラウザとOSの組み合わせでブラウザの表示確認ができるOS X用のアプリケーションで、簡単に起動・操作ができます。 Windows用のIE6/7/8/9/10をはじめChrome, Safari, Firefox, Opera、iPhone4/5/6, iPad4/5/6, Android4なども揃っています。 via: これは快適！Mac OS X上でWinのIE6/7/8/9/10など、さまざまなブラウザの確認ができるアプリ -Sauce | コリス Winを起動させるためのBoot CampもParallels Desktopも必要ない、と言うのがとても大きいですね:) アプリを起動したらアカウント登録画面を経てこの画面。アカウントは有料・無料があり、閲覧できるブラウザに制限などがかかります。 矢印の部分、Newボタンをクリック。 あとは見たいページのUR

広島産カキ。その言葉だけでどれくらいの人の命が救われると言うのでしょう？ そんなことを考えながら待つこと五分… 来ました！広島産 カキの天ぷらうどん！ うどんはいつも通りの安定したお味…ふ…ふまい…！そして 何と言ってもこのカキ！牡蠣！牡蠣の旨味を下記に書きます まぁとにかく御ジューシーにあらせられる広島産牡蠣。噛みしめるほどに溢れ出す御汁。あまりの旨さにあっという間にたいらげてもうたけぇのお… 以前食べた「温たましらすのキムチぶっかけ」もそうですが、こちらは期間限定メニューのクオリティが高くてイイですなー:) そんなわけで完食！ ごちそうさま！また来るぜ！

Rocketship Music (#96639) / mark sebastian No Music, No Life! あ、あとNo アボカド, No ファミチキ, No Life。あとNo ごま油 No Life。 外でPC作業中には音楽が無いとどうにも気が散ってしまう性質の私。PCあるならiTunes開けばいいじゃん…ってなもんですが、使用しているMacBook Airは容量が少ないために全ての音源を入れておりません。 てなわけで、そんな時に私がよく使用している音楽系のWebサービスをつほどご紹介。

100円で唐揚げ食べ放題！ 良い意味で雑然とした店内へ。肉横丁さんはこの雑然さが好きです。 と… なんだ…？百円唐揚げ食べ放題…？ 嘘よ…私…いつもあなたの優しい言葉に騙されてるんだから…騙されないわ…！ 店員さんに聞いたらなんか本当だった。ｳﾚｼｲ｡ﾖｶｯﾀ｡ 上の写真にある8種類のソースの中から、2種類を選択することができます。今回は「大分代表テリマヨ」と「東京代表渋谷ハチ公ソース」をチョイス！ きました！唐揚げ！！唐揚げ！！！ テリマヨソースがすごく美味しかったです！ハチ公ソースはなんて言うかソース味でした これが食べ放題だなんて…すごい！私、やっぱりあなたの事…！ 卵焼きは明太マヨが(ﾟдﾟ)ｳﾏｰ ミミガーの塩麹ソースかけ。絶妙な塩加減の塩麹がおいしいおこうじ さて、こちらの「宵の空」さんは唐揚げ食べ放題だけが売りではありません。全国各地の肉料理を楽しむことができるのです！ まず