Jon Cairns Blog
Jon Cairns Vim is a lot more powerful than people think. Many people who use it would do so just for quickly editing a single file, but would use an IDE for their main development. But I've discovered recently that Vim is so extensible that it can do all the things that you thought it couldn't: code completion, syntax checking, project management, debugger integration and more. Check out http://vi
CSSの整形・圧縮が一瞬で行えるツール「csCSSc」
CSSの整形・圧縮が一瞬で行えるオンラインツール「csCSSc（Client-side CSS (De)Compressor）」を紹介します。圧縮（難読化）解除も行えます。 csCSSc オンラインでCSSの整形・圧縮が行えるツールは色々出回ってます（4項参照）が、csCSScは動作が圧倒的に軽いです。 使い方をざっと説明します。 １．圧縮 ページ一番上にある「Original valid CSS-code」のテキストエリアにオリジナルのCSSをペーストして「Compress」をクリックすれば、一瞬で圧縮されます。 オプションの意味は次のとおりです。 include comments：コメントを含む single line：1行化する sort styles：アルファベット順にソートする 何もチェックしない場合は次のようにセレクタごとに改行して圧縮します。 「single line」をチェ
UIKit - Modern UI components for a modern web
UIKit is a small collection of flexible, decoupled jQuery JavaScript components for the modern web. With an emphasis on structure-only styling it's easy to style UIKit to match your application, no preprocessor variables, just raw CSS structure! As a result most of the styling you see in this document is for demonstration only. Emitter The event Emitter is used by many of the components to emit ev
normalize.scss: Modularized and Sassy normalize.css
normalize.cssをルールごとに分離させて、必要なルールだけをSassのpartialとして@importできるようにしたnormalize.scssを作った。各ルールには特に手を入れず、normalize.cssのセクションごとにディレクトリを切って整理しただけ。それぞれのpartialは特にSassに依存してるわけではないので普通にcatで連結しても使える。 今のところはそのまま切り分けただけで、新たなルールの追加とかはこれらを@importするSCSSファイル側でやるという形にしておいた。具体的には_my_normalize.scssを見てくれるとわかるんじゃないかと。html5shivを使っている場合に必要なくなるHTML5新要素のためのルールとかを消したり、hr要素のbox-sizingプロパティーの違いを吸収するルールを追加したりしてる。@importする順番を変更する
VimからPHPUnitを実行する環境を整える
VimからPHPUnitを実行する方法をまとめました。PHPUnitをquickrunで非同期実行し、結果にグリーンレッドの色をつけるまでを紹介します。 動作確認環境 Vim7.3quickrun0.5.1vimproc5.3PHP5.3.9PHPUnit3.6.7 目次 PHPUnitのインストール quickrunのインストール vimprocのインストール quickrunの設定 テスト結果にグリーン、レッドの色をつける PHPUnitのインストール 私は下記を参考にPHPUnitをインストールしました。 http://docs.symfony.gr.jp/symfony2/contributing/code/tests.html PHPのバージョンがPHPUnitに対応しており、PEARがインストールされていればうまくいくと思います。PHPUnitがうまくインストールできない場合は
24 Extremely Useful Ruby Gems for Web Development | Envato Tuts+
One of the nicer things about developing on the Ruby platform is the sheer amount of meticulously categorized, highly reusable code wrapped up in the form of aptly named 'gems'. I'm sure you've heard of popular frameworks like Sinatra or the super popular Rails that ship as gems but you're missing an entire spectrum of others that handle issues at a much lower level. Start using these and watch yo
Re: listchars=trail:$してたら気持ち悪いのでbuffer保存時に行末スペースを削除するようにした - 永遠に未完成
コメント書こうかと思ったけど長くなりそうなのでこっちに。 listchars=trail:$してたら気持ち悪いのでbuffer保存時に行末スペースを削除するようにした - 日々是鍛錬 コード転載。 command! -bang -bar -complete=file -nargs=0 DeleteSpaceEachLine \ execute ':%s/\s\+$//' function! s:AutoUpdate() if expand('%') =~ s:savebuf_regex && !&readonly && &buftype == '' silent! DeleteSpaceEachLine silent update endif endfunction autocmd MyAutoCmd CursorHold * call s:AutoUpdate() set updatet
Watir Project
Watir is... An open source Ruby library for automating tests. Watir interacts with a browser the same way people do: clicking links, filling out forms and validating text. Get Started Now... require 'watir' browser = Watir::Browser.new browser.goto 'watir.com' browser.link(text: 'Guides').click puts browser.title # => 'Guides – Watir Project' browser.close Watir 7.3 Watir 7.3 is now available on R
Selenium WebDriverでUser-Agentを変更する - スコトプリゴニエフスク通信
しばらく前は「Webアプリケーションのテスト自動化にはSeleniumよりWatirの方がよくね？」と思っていたが、Selenium2になってWebDriverが使えるようなり、Rubyで書かなくてはならないWatirより、Pythonで書けるSeleniumの方が断然楽だと感じている。仕事柄モバイルサイトの構築に関わることが多く、SeleniumなりWatirなりでUser-Agentをモバイルブラウザのものに変更したいと思うことが多いのだが、幸いにしてSeleniumの方はちゃんとドキュメントに書いてあった。(かなり前にWatirで同じことをやろうとして全然分からなくて挫折したのだが、今はどうなっているか調べていない。)http://code.google.com/p/selenium/wiki/TipsAndTricksドキュメントはJavaのコード例だけど、Pythonならば以下の
VimでPHPを書く私のneocomplcache設定を公開してみる
私のneocomplcacheの設定を公開します。たまにIDEに浮気しますが、基本的にはVimでPHPを書いています。 ある程度ノウハウが溜まってきたのでこのあたりで私の設定を公開してみます。neocomplcacheはその機能の豊富さゆえに使いこなすのがとても難しいと感じています。 この設定にたどり着くまでにずいぶん試行錯誤を繰り返しました。マニュアルもたくさん読みました。補完が重い状況が改善されず、１日中設定を調節していたこともあります。「ここはこうしてみてはどうか」「その設定は機能していないよ」といったご意見がございましたらコメントいただければ幸いです。 動作確認環境 Vim7.3neocomplcache6.1vimproc5.3 目次 neocomplcacheのインストール vimprocのインストール vimrc シンタックス補完を無効に ディクショナリ補完の利用 インクルー
Vim の snippet 系プラグインを使う際のTips - 永遠に未完成
vim で動作する snippet 系のプラグインの多くは、snippetを展開したり次の入力箇所にジャンプした際に変更すべき部分を選択するようになっている。 で、大抵のプラグインではこの時選択モード(Select mode)で選択されている。これはビジュアルモードとは少し違う。 詳細は省略するが、簡単に言ってしまえば一般的なテキストエディタでの選択をエミュレートするためのモードだ。印字可能な文字を入力すると、選択部分が消え、入力した文字が挿入され、挿入モードに移行する。 このモードを使うことで変更すべき部分を変更しやすくしているのだけど、印字可能キーを押したのに挿入モードに入らない！なんて経験はないだろうか。例えば、 j を押したら普通にカーソルが下に移動したぞ！とか。 そういう人は多分 vimrc に↓みたいなのを書いてる。(例) noremap j gj 普通に noremap する
jQuery UI Bootstrap
A preview of the jQuery UI Bootstrap themejQuery UI Bootstrap A Bootstrap-themed kickstart for jQuery UI widgets (v0.1) Welcome! This is a live preview of new the jQuery UI Bootstrap theme - a project I started to bring the beauty of Twitter's Bootstrap to jQuery UI widgets. With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter
Free – JQGrid PHP Control
For small screen/mobile devices, we have further optimized responsive data-grid view. You can also have customized way to show row data in single column on small screens. You can change it’s layout with HTML/CSS code and use placeholders e.g. {unit_price} to show field names content where you want to display. If any column is hidden by responsive behavior (screen size detection) of data-grid OR ma
An Introduction To Object Oriented CSS (OOCSS) — Smashing Magazine
Have you ever heard the phrase “Content is King”? Being a Web developer, and therefore having a job that’s often linked to content creation, it’s likely you have. It’s a fairly overused but true statement about what draws visitors to a site. From a Web developer’s perspective, however, some may argue that speed is king. More and more, I’m starting to favour that stance. In recent years many experi
Reactive Extensions を使ってコナミコマンドを実装する | Webシステム開発／教育ソリューションのタイムインターメディア
問題 Reactive Extensions で非同期処理を簡潔に記述するでは「キー入力に応じて補完候補を表示する」「ただし補完候補はAjaxで非同期に取得する」という いまどきのWebアプリケーションにならあって当然の機能が、Reactive Extensions (Rx)を使うことであたかも普通のリスト処理のように記述できることを示しました。 入力補完は例としては単純で分かり易いものの、 もう少し別の例も欲しいところです。 という訳で、 Rx を使うことでコナミコマンドを実装してみましょう。 回答1: Rx を使わない場合 var lastKeyCodes = []; var validKeyCodes = [38, 38, 40, 40, 37, 39, 37, 39, 66, 65]; $(window).keydown(function (e) { lastKeyCodes.pu
Higher-Order Perl
by Mark Jason Dominus Order Higher-Order Perl online from Powell's Books Download full text Current Status: The book was published on 8 March 2005. Copies are now available in bookstores in the U.S. and Europe, and from online booksellers. A second printing became available in August 2005. A Chinese-language edition of HOP, translated by Mr. Teng Jiahai, was published in June 2013 by China Machine
テストフレームワーク mocha - hokaccha memo
JavaScript Advent Calendar 2011 (Node.js/WebSocketsコース)3日目のhokacchaです。Node.jsのテストフレームワーク、mochaについて書きます。 mochaはTJが新しく作り始めているテストフレームワークです。ドキュメントを見ればできることは大体書いてありますので、ドキュメントを元にどういうことができるのかを解説していきます。現時点でのバージョンは0.2.0です。 http://visionmedia.github.com/mocha/ shouldについて まずmochaでどういうことができるかの前にshouldについて解説しておきます。mochaのドキュメントには特に説明もなくshouldが使われていて、shouldでどういうことができるかわかってないと、ドキュメントを読んだときにmochaの機能なのかshouldの機能なの
CakePHPのACLを効率的に管理する
CakePHP Advent Calendar 2011の3日目です。 僕@kara_dが担当させていただくことになりました。 今回はACLについて書こうと思います ACLは、僕にとって結構CakePHPを選ぶポイントの1つで、気に入っています。 Play Frameworkにもあればいいのにって思ったりします。 ACLってなんだっけ？って方は、 ACL を制御するシンプルなアプリケーション このチュートリアルで遊んでみてください。 そうそう、今回の記事はバージョン1.3系の話です。2.0系のACLは使った事がないですが、きっとよいでしょう。 ところで、ACLを結構使っていると言うと、俺も使ってるぜってあまりならないことが多いです。 多くの場合、 なんか複雑そうだったのでオレオレACLを使っている そもそもプロジェクトでそういう複雑なパーミッション管理が必要でない という感じではないでしょ
Octopress
The way Octopress is being distributed and maintained is nearing its end. There are many things I've always disliked about how Octopress works. So before I talk about the exciting part, I'd like to tell you what's wrong with Octopress. What's wrong? If I'm being harsh, I'll tell you that as it is now, Octopress is basically some guy's Jekyll blog you can fork and modify. The first, and most obviou
Reactive Extensions で非同期処理を簡潔に記述する | Webシステム開発／教育ソリューションのタイムインターメディア
問題 今時の若者ならばHeroku等を利用して手早く Web アプリを作成・公開することが日常茶飯事です。 バックエンドもフロントエンドも今はフレームワークが充実していますから、 高度な処理を簡潔な記述で行うことができます。 しかし非同期処理となると話は別です。 例えばフロントエンドを作るとなると、まずjQueryを使うことになるでしょう。 jQuery は洗練された API で DOM 操作を簡単に行うことができますし、 非同期通信についても $.ajax を使えば煩雑なことほぼ知らずに済みます。 例えばWikipediaの検索フォームは入力補完が行われるようになっており、 検索フォーム文字が入力されると関連するページのタイトルが候補として表示されます。 このような処理を書くとなると以下のようなコードになるでしょう: var showCompletionMenu = function (
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
