Vim Advent Calendar 2011 17日目 メモを取るためのプラグイン達 — 名無しのvim使い
Vim Advent Calendar 2011 17日目 Vimテクニックバイブル 7章 「記録の取り方を改善する」に載らなかったプラグイン達の話。 Vimテクニックバイブル 7章 「記録の取り方を改善する」に載らなかったプラグイン達の話 おはようございます、 Vim Advent Calendar 2011 17日目担当の小見です。 3月ほど前発売された、 Vimテクニックバイブル の7章「記録の取り方を改善する」では QFixHowm を紹介してしましたが、 タスク管理・TODO管理や、メモを取るための機能をもったプラグインって、他にも、たくさんありますよね。 でも、それらのプラグインのほとんどは、多数の機能をもつ巨大なプラグインである上に、 機能も重複していることが多いから、VimテクニックバイブルではQFixHowmのみを扱っています。 今回は、それらのVimテクニックバイブルに
Web Advent 2011 / Cross-Origin Ajax with CORS
There’s no doubt that Ajax is one of the most exciting, useful, and necessary web technologies available to front-end developers. Unfortunately, it’s also one of the most restrictive — especially when it comes to gathering content from other domains. Web developers are nothing if not persistent, so we’ve come up with a variety of ways to get around cross-origin restrictions, including JSONP, serve
詳細 ECMA-262-3 第3章 this - mixi engineer blog
どうもおつかれさまでございます。たんぽぽグループの大形尚弘でございます。好きな言語は Dylan です。好きな声優は五十嵐裕美さんです。 さて、週刊のはずが月刊になってしまった、 Dmitry 先生の ECMA-262-3 シリーズの第3章をお送りします。文中、未だ訳出の終わっていないスコープチェーンや関数の章への参照がありますが、特にスコープチェーンにおいてこの時点である程度理解しておきたいとお感じになる方もいらっしゃるかと思います。その辺りは、以前私個人のブログで翻訳・公開させいただいたコア・JavaScript ( JavaScript. The Core. )でも簡単に触れられておりますので、適宜ご参照ください。 また、本章とは全然関係ないのですが、先日 JavaScript Advent Calendar 2011 (オレ標準コース)に参加させていただき、 ECMAScript
LessにおけるMixin活用法 - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） Less & Sass Advent calendar 2011 の15日目です！ 今日はLessにおけるMixInの活用法について書いてみようと思います。 LessのMixinについて LessにおけるMixinというのは、簡単に言うと関数のようなもので、 どこかで宣言しておけば、セレクタの中で呼び出すことが出来、 結果としてその中身がセレクタ内に展開されます。 ごちゃごちゃとわかりづらいので、公式の例を拝借します。 .rounded-corners (@radius: 5px) { border-radius: @radius; -webkit-border-radius: @radius; -moz-border-radius: @radius; } こんな感じに宣言しておきます。()の中身は引数と初期値です。 セレクタ内
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
How To Set Up A Print Style Sheet — Smashing Magazine
In a time when everyone seems to have a tablet, which makes it possible to consume everything digitally, and the only real paper we use is bathroom tissue, it might seem odd to write about the long-forgotten habit of printing a Web page. Nevertheless, as odd as it might seem to visionaries and tablet manufacturers, we’re still far from the reality of a paperless world. [Links checked February/08/2
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
エラーハンドラと例外ハンドラによるエラー処理 (PHP Advent Calendar jp 2011 Day 11) | k-holyのwebメモ
@calpo22さんの記事 PyrusでプロジェクトローカルなPEARライブラリインストール : PHP Advent Calendar jp 2011 Day 10 – くろまほうさいきょうでんせつ にき続き、PHP Advent Calendar jp 2011 11日目の記事です。 皆さん、エラー処理ちゃんとやってますか？ 今時は、設定を書いておけばフレームワークがよしなにやってくれるよ、という方が多いかもしれません。 PHP4時代を戦い抜いた人は、皆自分なりのエラー処理関数を書いてset_error_handler()とtrigger_error()を駆使した経験があると思います。 私も当時は、サブルーチンを呼ぶたびに戻り値をチェックして return FALSE をリレーしていき、レスポンス出力の段階でFALSEが返されていればエラー画面をinclude、といった処理をしてい
Greative Lab
1998年から2000年代半ばまで僕はDesign WedgeというWebデザイン/デベロップメントのメールマガジンを発行してきました。 その後メールマガジン自体の発行は休止し、活動の舞台は他媒体やイベントなどへと移して今日に至っています。 ずっとこのメディアを復刊させたかったのですが、ようやく実現できました（腰おもすぎ） designudgeは「デザイナッジ」とよみます。designとnudgeの造語です。 design（デザイン）とwedge（くさび）という英単語を組み合わせてマガジン名としていましたが、再スタートにあたり、当時のように「くさびをうちこむぜ!」みたいなエッジな感じも今更ないので、ちょっと変えました。 nudgeには、「そっと突く」という意味があります。 業界にくさびを打ち込むぜみたいな気負いはなく、プロアマ問わず、読んでくれた人の「つくりたい気持ち」をこづくような、そん
日本語Gnumeric
Gnumericは強力な表計算ツールです。エディタを使うにしてもEmacs、 デスクトップといってもメニューランチャしか使わないLinuxユーザは こんなに便利なツールを活用できないのは不思議なことです。あちこちのメディア で「テキストだけで十分、MS Officeは不要」と散々書いていた人々が原因 なのではないかと思います。 Gnumericはこんな用途で活用できます: 統計作業が必要な時。Gnumericではグラフを作成することもできます。Gnumericの統計関数プラグインは、カナダの大学で統計を教える教授がメンテナンスしています。Excelのバグも修正していると主張しています。 金融計算が必要な時。Gnumericにはオプションのためのプラグインもあります。 GUIを起動せず、コマンドラインだけで表計算ツールのフォーマットをコンバートしたいとき。ssconvertはExcel,Op
【Titanium Advent Calendar 2011：六日目】Titaniumでも便利なJSテクニック
About Mobile App Engineer Ryutaro Miyashita (a.k.a. ryugoo) Titanium Certified Developer / Titanium Certified Expert 保有。一番好きな言語は Python 。サーバサイドアプリケーションからモバイルアプリケーションまで手がけるデベロッパ。主に Appcelerator Titanium™ 関連のコミュニティで活動している。 Recent 5 2014.12.31 » 2014 年の振り返り 2014.12.30 » 2014 年に買って良かった物 2014.07.06 » 第2回 かわいい Kotlin 勉強会に行ってきた #jkug 2014.05.26 » シリコンバレーに持って行って良かったもの 2014.02.02 » Topping TP20-Mark2 を買ってみ
CSSとフレームワークとメタ言語 | debilog
Less & Sass Advent calendar 2011 の 2 日目を書きます。ウェブページを作るときのアプローチに触れた後で、アドベントカレンダーのテーマである LESS や Sass が、ウェブページ制作者にとってどのように役に立つものなのかを紹介したいと思います。 あなたが HTML や CSS を書くことになったら HTML も CSS も自分で書く HTML テンプレートスキンを使う CSS フレームワークを使う CSS フレームワークの紹介 メタ CSS 言語 CSS の構成要素 CSS の仕様ではできないこと CSS のメタ言語を使う Sass 3 系の登場 他のメタ CSS 言語 終わりに あなたが HTML や CSS を書くことになったら 個人や団体のウェブサイトを作りたいとき 個人で使っているブログなどの CMS をカスタマイズしたいとき 仕事でウェブアプリ
Sass を今すぐ実務で使おうよ！ « NAVER Engineers' Blog
はじめましての tacamy です。 さて今日は Less & Sass Advent calendar 2011 の 3 日目です。 「Sassかぁ。まーたしかに便利そうだけど、 実務で使えるか分からないし自分には関係ないかな。」 とか思ってませんか・・・！？ ぜんぜんそんなことないですよ！( ･`ω･´) その証拠に、NAVER では半年ほど前から、 新規サービスはすべて Sass を使って制作していますが、問題なく使えています。 むしろ効率化できて、CSS を書く工数が減った気もします（個人の感想です）。 小難しいテクニックは、このあとの 22 人が書いてくれると思うので（丸投げ）、 今日の記事では、Sass を実務で使うことに絞って書いてみます。 実務でSassを使うメリットって？ 制作の工数が減る CSS3 を使うときのベンダープリフィックスをいちいち自力でつけたり、
RequireJS
/* --- RequireJS is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node. Using a modular script loader like RequireJS will improve the speed and quality of your code. IE 6+ .......... compatible ✔ Firefox 2+ ..... compatible ✔ Safari 3.2+ .... compatible ✔ Chrome 3+ ...... compatible ✔ Opera 10+ ...... co
テストフレームワーク 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の機能なの
jQueryのCSSセレクタAPIを高速に扱う方法 - KAYAC engineers' blog
最近Androidとの抗争が激化しているago（@kyo_ago）です。 jQueryはCSSセレクタを多用する特徴がありますが、jQuery内では実行ブラウザやCSSセレクタの記述によって呼び出されるブラウザAPIが変わり、それによって実行速度にも影響が出ます。 この記事では「セレクタAPIとはなにか」、「CSSセレクタの記述によって呼び出されるセレクタAPIの種類」、「高速なセレクタAPIを使用するための方法」、「高速なセレクタAPIが使われるかどうか確認する方法」などを紹介したいと思います。 （※この記事はJavaScript Advent Calendar 2011 (フレームワークコース) : ATNDの1日目の記事です） セレクタAPIとはなにか セレクタAPIとは「#hoge .huga」のようなCSSセレクタから、DOM上に存在する要素を取得するためのAPIです。 jQue
CakePHPのACLを効率的に管理する
CakePHP Advent Calendar 2011の3日目です。 僕@kara_dが担当させていただくことになりました。 今回はACLについて書こうと思います ACLは、僕にとって結構CakePHPを選ぶポイントの1つで、気に入っています。 Play Frameworkにもあればいいのにって思ったりします。 ACLってなんだっけ？って方は、 ACL を制御するシンプルなアプリケーション このチュートリアルで遊んでみてください。 そうそう、今回の記事はバージョン1.3系の話です。2.0系のACLは使った事がないですが、きっとよいでしょう。 ところで、ACLを結構使っていると言うと、俺も使ってるぜってあまりならないことが多いです。 多くの場合、 なんか複雑そうだったのでオレオレACLを使っている そもそもプロジェクトでそういう複雑なパーミッション管理が必要でない という感じではないでしょ
Sassで行こう！
Translation of: Getting Started with Sass - A List Apart CSSの持つその簡明さは欠かせない特徴の一つで、それは最も歓迎されている点でした。CSSによるスタイルシートは、セレクターといくつかの適用したいスタイル情報を含むルールを羅列したものに過ぎません。しかし、WebサイトやWebアプリケーションが巨大に、そして複雑になり、様々なデバイスや画面サイズに対応せざるを得なくなった現在、この簡明さという特徴―fontタグやテーブル・レイアウトの淘汰に大いに役にたったもの―が大きな足かせになっています。 簡単な計算機能や変数を追加するなどといったCSSの修正案が過去に提示されましたが、どれもブラウザー・ベンダーには採用されませんでした。仮にこういった新しく素晴らしい拡張されたCSSがあるブラウザーに実装されたとしても、それが実用に耐える程度に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DOM Tree Events in JavaScript