タグ

2013年1月30日のブックマーク (13件)

  • ~nabeken/diary/ : Vim で画面分割しまくる

    Gentoo Linux(6年くらい)とFreeBSD(1年くらい)とOpenBSD(新参者)を使う日々。 RSS アーカイブ Posted on Fri May 23 12:52:31 +0900 2008 by nabeken Window Manager で複数ウインドウが扱い易くなったとしても、ヤンクした結果などを同一インスタンスで共有するためには、Vim そのもので複数ウインドウを持つ必要があります。 :help windows // 縦分割で読みたいなら :vertical help windows とすると、Vimのウインドウ操作に関するヘルプが読めます。このヘルプも (v)split によって、分割されたものです。(オンラインドキュメントは http://vimdoc.sourceforge.net/htmldoc/windows.html#windows にあります) す

  • Vim完全バイブル 第5章 複数ウィンドウの扱い - ぬいぐるみライフ?

    Vim完全バイブル」のメモの続きです。 今回はウィンドウを分割して複数ファイルを同時に表示したり、バッファを切り替えたりするためのコマンドをまとめます。 「第5章 複数ウィンドウの扱い」の内容は以下の通りです。 ウィンドウの分割 分割ウィンドウのサイズの変更 バッファ バッファ一覧の表示 編集バッファの切り替え ウィンドウの分割 以下のコマンドを使うと、Vimのウィンドウを分割して複数のファイルを同時に表示することができる。 ウィンドウ分割関連のコマンド :new [{file}]ウィンドウを横方向(上下)に分割し、新しくできたウィンドウで新ファイルの編集を開始する(new) :vne [{file}]ウィンドウを縦方向(左右)に分割し、新しくできたウィンドウで新ファイルの編集を開始する(vnew) :sp [+{command}] [{file}]ウィンドウを横方向(上下)に分割し、新

    Vim完全バイブル 第5章 複数ウィンドウの扱い - ぬいぐるみライフ?
  • Glacierで思い出よ永遠に。 - サーバーワークスエンジニアブログ

    みなさんこんにちは、ストレージはハードで持ちたくない羽柴です。 早速ですがみなさん個人でのストレージってどうしてますか? 私は一部NASはありますが、基的にはS3を利用しています。 ただ最近、S*NY製のビデオカメラを買ってしまったことで徐々に動画ファイルが多くなり、持っているHDDレコーダーもSO*Y製のためレコーダーへの転送は超簡単なのですが、HDDを信用していない私としては動画ファイルもS3にあげようかと思っていたところで、動画ファイルは容量が結構あるためS3の料金もさすがに不安になってくるなぁと思っていました。 そうだ Glacier に入れておけばいいか。 Glacierは Amazon Web Services社 が提供する低価格ストレージサービスです。高い耐久性と低コストが特徴であり、取り出しに4時間程度かかることから長期におけるデータのアーカイブ・バックアップに適していま

    Glacierで思い出よ永遠に。 - サーバーワークスエンジニアブログ
  • GoogleによるA/Bテスト時の注意事項 |SEO Japan by アイオイクスSEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ

    先ほど、A/Bテストに関する記事を投稿したばかりですが、SEO的に気になる点の一つが、ページの標示内容をユーザー毎に変えてしまうとGoogleにクローキングとみなされペナルティを受けてしまわないか?という懸念。そんな不安も含めて、最近GoogleがA/Bテストを実施する際に注意すべき事項をまとめてくれていた内容を改めて紹介します。 — SEO Japan グーグルは、A/B(多変量)テストを行う上で、ペナルティの回避等、検索エンジンにリストアップされる際の問題をクリアするためのガイドラインを幾つか投稿している。 クローキングをしない グーグルは、クローキング、つまり、クローラーに人間のビジターとは異なるものを見せる行為を禁止している。投稿の一部を以下に掲載する: ユーザーエージェントに応じてテストを実施するかどうか、もしくは、どのコンテンツのバリエーションに実施するのかを決めるべきではあり

    GoogleによるA/Bテスト時の注意事項 |SEO Japan by アイオイクスSEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
  • GitHub のプルリクエストを fetch しとくと便利 - HWPS別館

    GitHub や GHE を使って多人数で開発していると,プルリクエストを横断して試す必要が頻繁に発生すると思います. プルリクエストを次々に試したり,#30 と #31 をマージした結果を試したい!なんてケースもあるのではないでしょうか. GitHub では git ls-remote すれば分かるように,プルリクエストの番号と対応したブランチがリモートに存在しているので,これを取得してみます. .git/config に追記(あるいは git remote add とかで適当に) [remote "pr"] url = git@github.com:yourusername/yourrepos.git fetch = +refs/pull/*:refs/remotes/pr/* あるいはこんな感じ(丸投げ): https://gist.github.com/3342247 git fe

    GitHub のプルリクエストを fetch しとくと便利 - HWPS別館
  • 「減量にはTwitterが効果的」:研究結果

  • http://www.machu.jp/posts/20040329/

  • 引数なしのgit pushは危険なので気をつけましょう · DQNEO日記

    絨毯爆撃pushの例 いまmasterブランチに、未プッシュのコミットがあるとします。 ここで、新たにbr1ブランチを作ってチェックアウトします。 $ git checkout -b br1 master $ git branch * br1 master br1ブランチでコミットを作ります。 echo hello >> hello.txt git add . git ci -m "add file" 引数なしでプッシュします。 git push すると、どこに何がpushされると思いますか? 実は、master -> masterにpushされます。 masterがまだpushできる状態でない場合、これはかなり痛い。すごく痛い。頭が頭痛でおなかが腹痛。 しかもpushしたかった当のbr1ブランチはpushされないというオチ。(リモートにbr1ブランチがない限りは) この挙動は大半のユーザ

    ruedap
    ruedap 2013/01/30
    Simpleモードすてき、これに設定してみよう
  • 擬似要素を使った見出しデザイン

    このブログの見出しはシンプルなんですが、CSSの「:before」や「:after」など擬似要素を使えば色々と装飾ができますので今回は8つのサンプルを紹介します。 HTMLはすべてHタグだけです。特に意味はありませんが今回のサンプルはh4タグを使っています。 「:before」「:after」やボーダーで表現する三角形の使い方など慣れない方もいるかもれませんので、その都度簡単に解説していきます。「:before」「:after」疑似要素はIE7以下は非対応ですのでご注意ください。 今回のサンプルは別サーバにアップしていますのでご覧ください。 それでは今回8つのサンプルを紹介していきます。 1. 吹き出しのような見出し1 吹き出しの下の部分を:after擬似要素で作っています。三角形はボーダーで作っています。下の画像を見ると何となくイメージできるでしょうか。今回の場合は上の赤い部分のみ色を付

    擬似要素を使った見出しデザイン
  • Webサイト&WebアプリのRetina対応方法まとめ

    こんにちは。 会社からMacBookPro Retinaディスプレイモデルを支給されました浅海です。 Retinaディスプレイ、非常に快適なのですが、Retinaディスプレイに最適化されていないWebページやアプリケーションでは、ビクセルベースで作られている部分がすこしぼけたように見えてしまいます。 特に文字を画像にしている場合なんかは、かなり気になります。 Retinaディスプレイは既にiPhoneで使われているほか、一部のAndroidもRetina相当の解像度を持っているモデルが登場しており、モバイルWebサイトやWebアプリがRetinaディスプレイを意識した作りになっていることはよく見られるようになりました。 これからもPCなど、Retinaディスプレイ対応のニーズは増えるだろうと思い、対応方法をまとめました。 目次 imgタグ CSS JavaScript Google Map

    Webサイト&WebアプリのRetina対応方法まとめ
  • Illustratorで画像トレースする方法!落書きからイラストを作ってみた。 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    Photoshopでゴミ取りをする。 まずは、写真のゴミ取りから取り掛かります。 こちら、弊社 落書き ホワイトボードの写メです。 この状態からPhotoshopの「レイヤースタイル」→「トーンカーブ」で周りを白く飛ばし、余計な背景を消しゴムツールで削ってゆきます。 同じ作業をなんどか繰り返して…… こんな感じの、なるべく線だけが見える画像にします。 画像トレースでIllustratorに線画を取り込む。 先ほど作った画像をIllustratorに配置し、画像を選択した状態で、「ウィンドウ」→「画像トレース」を開きます。 ここを調整してプレビューを確認しながらトレースをすると割りとうまくいきます。 しきい値が多いほど詳細に取り込まれます。 調整が決まったら、プレビューを外してレッツトレース!! 次に、トレースされた画像を選択して「オブジェクト」→「画像トレース」→「拡張」で線画をパス化して

    Illustratorで画像トレースする方法!落書きからイラストを作ってみた。 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • BitBucketのいいところ - methaneのブログ

    KLab では、プロジェクト開発中に作った便利ツールなどを皆が気軽に社内で公開できる場としてBitBucketの無制限プラン($200/month)を契約しています。 今日は Github に比べていいなと思う点を紹介していきます。 1. アクセスコントロール Githubだと、書き込み権とadmin権が一緒になってしまっていましたが、BitBucketではadmin権とwrite権が分かれていたり、Team(GithubでいうOrganization)の Owner グループでなくてもリポジトリを作ることができます。 特にadmin権がなくてもリポジトリが作れるので、「皆に気軽にリポジトリを作って欲しい」を実現するために皆に Team の admin権を渡さなくていいのが利点です。 deploy key についても、同じ公開鍵を複数のリポジトリに登録できるのと、pushが禁止されているの

    BitBucketのいいところ - methaneのブログ
  • jQuery 1.9 のソースマップ対応で圧縮版でもデバッグが簡単になった話

    jQuery 1.9 がリリースされました。1.9 の新機能の中ではあまり注目されていませんが、ソースマップに対応したのが地味に便利そうです。 というのも、圧縮版の jquery.min.js を使っていると 何か問題が起きたときにスタックトレースを眺めても jQuery の部分が意味不明 デバッガーで jQuery のソースにステップインしても意味不明 といった理由で、開発中には非圧縮の jquery.js を使うことが多かったわけです。 それが、1.9 からはソースマップに対応したので圧縮版のままでのデバッグが簡単になってます。 超簡単な使い方 ソースマップに対応したブラウザーは現時点では Google Chrome のみなので、Google Chrome の手順を説明します。 (Firefox はソースマップへの対応を計画中らしい) 事前準備を忘れずに Google Chrome

    jQuery 1.9 のソースマップ対応で圧縮版でもデバッグが簡単になった話