jscomplete を neocomplcache プラグインに対応させた - hogehoge @teramako
jscomplete - hogehoge https://github.com/teramako/jscomplete-vim id:basyura さんが neco のプラグインにならないかなぁ（チラチラ と言っていて、恥ずかしながら初めてneocomplcacheがプラグインで拡張できることを知った。 どういう良さがあるのかとかよく分かってないけど、Vim-users.jp - Hack #169: neocomplcacheを拡張する 後編を参考にテストコードを書いて、対応できる確信を得たのでやってみた。 これで、neocomplcacheユーザなら omnifunc の設定なしに jscomplete を使えるようになるので、 autocmd FileType javascript \ :setl omnifunc=jscomplete#CompleteJS が不要になる。
無料でTwitter・Facebook・Evernoteなどのファイルをまとめてダウンロードしてバックアップ＆フォルダーのように管理できる「SocialFolders」
Windows・Macに対応し、いろいろなソーシャル系サービスへバラバラに保存しているドキュメント・写真・動画などをそれぞれにいちいちログインすることなく、GoogleドライブやDropboxのように一つのフォルダーとして一括管理でき、まとめてダウンロードしてバックアップしたり、フォルダーにドラッグ＆ドロップするだけで高速アップロードしたり、一気に移動したりできるのが「SocialFolders」です。インストール・操作方法などは以下から。 一括管理できるのはBox・Evernote・Facebook・Flickr・Google Docs・Instagram・Photobucket・Picasa・SmugMug・SoundCloud・Twitter・YouTubeです。 SocialFolders: Download PC http://socialfolders.me/ ◆インストール
Fluid CSS3 Slideshow with Parallax Effect | Codrops
In this tutorial we will create a slideshow with a parallax effect using several CSS3 properties. The idea is to move the background positions of two backgrounds while sliding the container of the slides. In this tutorial, we are going to create a slideshow with a parallax effect with the help of some CSS3 properties. We’ll use radio buttons and sibling combinators for controlling which slide is s
Mac の tmux でクリップボードを使う。 - こせきの技術日記
(2015-09-05 追記) この記事は古くなっています。他の記事を参照してください。reattach-to-user-namespace は Homebrew でインストールできます。 ChrisJohnsen/tmux-MacOSX-pasteboard · GitHub tmuxとMacのクリップボードを共有する（copy-mode, vim） - Qiita (追記おわり) Mac OSX の tmux では、pbcopy/pbpasteコマンドが正常に動作しません。 コンソールの出力をコピペしたいことは頻繁にあります。Evernoteで作業ログをとったり、メールで手順を送ったり、Tracに実行結果を貼り付けたり。クリップボードが使えないと不便です。 古い対策 これまではコピー用に別のプロセスを走らせていました。 http://seanbehan.com/linux/how-to
素晴らしきOSSの世界。開発停止後の有志によるパッチで磨きをかけた·ckw-mod MOONGIFT
ckw-modは既に開発の停止しているWindows用プロンプトckwの後継プロジェクトです。 とにかく使い勝手の悪いWindowsのコマンドプロンプト。それをぐっと使いやすくしてくれるのがckwです。既に本家の開発は終了していましたがその後も有志による開発が続き、そこで生まれたパッチを取り込んで生まれたのがckw-modです。 メイン画面です。 通常のコマンドプロンプト同様に使えますが、いちいちメニューから選択せずにいきなりマウスで矩形コピーできます。個人的にはこれだけでも十分嬉しいです。 日本語も入力できます。赤い入力カーソルになるので分かりやすいです。 設定はテキストファイルベースで行います。色々カスタマイズできます。 半透明化もできます。 ckw自身は実体のコマンドプロンプトは隠しつつキー操作やUI部についてのみ置き換えています。これで快適なコマンドプロンプト生活が送れるようになり
GitHub does dotfiles - dotfiles.github.io
GitHub ❤ ~/ Why would I want my dotfiles on GitHub? Backup, restore, and sync the prefs and settings for your toolbox. Your dotfiles might be the most important files on your machine. Learn from the community. Discover new tools for your toolbox and new tricks for the ones you already use. Share what you’ve learned with the rest of us. Navigating this site If you’re just starting out, before you g
Symfony2のblogチュートリアルをリファクタリングしてみた(repositoryクラス)
前回は、blogチュートリアルを 10 章まで進め、Fixtureを導入してテストコードを書く準備を整えました。 今回は、チュートリアルを 11 章まで写経した後に、私が独自にリファクタリングをした内容を紹介します。 リファクタリングでは下記の内容を試してみました。 GETリクエストとPOSTリクエストのアクションを分離Repositoryクラスの導入Repositoryクラスのテストコードを記述Formクラスのテストコードを記述 動作確認環境 Symfony 2.0.11PHP 5.3.10PHPUnit 3.6.10 目次 11 章まで進める GETリクエストとPOSTリクエストのアクションを分離 Repositoryクラス 次回は form と repository にテストコードを追加してみます 11 章まで進める まずは blogチュートリアル(11) まとめと応用 まで終わらせ
Symfony2のblogチュートリアルをリファクタリングしてみた(repositoryとformのテスト)
前回は、blogチュートリアルを 10 章まで進め、Fixtureを導入してテストコードを書く準備を整えました。 今回は ... 引き続き、repository と form のテストを書いてみたので紹介します。 動作確認環境 Symfony 2.0.11PHP 5.3.10PHPUnit 3.6.10 目次 動作確認環境 Repositoryクラスのテストコード Formクラスのテストコード コントローラのテストコードのリファクタリング おわりに Repositoryクラスのテストコード Repositoryクラスのテストは、データベースを正しく操作できているか確認しています。 src/My/BlogBundle/Tests/Repository/PostRepositoryTest.php <?php namespace My\BlogBundle\Tests\Repository;
Better CoffeeScript Testing With Mocha | Envato Tuts+
Recently, I’ve been doing a considerable amount of CoffeeScript work. One problem I ran into early-on was testing: I didn’t want to manually convert my CoffeeScript to JavaScript before I could test it. Instead, I wanted to test from CoffeeScript directly. How’d I end up doing it? Read on to find out! Republished Tutorial Every few weeks, we revisit some of our reader's favorite posts from through
Advanced CodeIgniter Profiling With XHProf | Envato Tuts+
There are a number of ways to profile and monitor the performance of PHP code in a development environment, but once it's been let loose on a production server its extremely difficult to know what's going on when your app is getting accessed by your users. In March 2009, Facebook released XHProf, a function level profiler that allows you to identify bottlenecks in your application. And it runs on
Toying With the HTML5 File System API | Envato Tuts+
HTML5 provides us with a whole crop of new possibilities, such as drawing with canvas, implementing multimedia with the audio and video APIs, and so on. One of these tools, which is still relatively new, is the File System API. It gives us access to a sandboxed section of the user's local file system, thus filling the gap between desktop and web applications even further! In today's tutorial, we'l
Create an Animated 3D Bar Chart/Graph | Envato Tuts+
The Truematter team was recently tasked with creating a fun, sexy web app that presents numerical data in an engaging way. After putting our heads together, we came up with a bar chart that responds interactively to user input without, heaven forbid, reloading any pages. We’re very pleased to be able to share that with the coding community. There are some CSS tricks involved, a dose of jQuery, and
Meet Grunt: The Build Tool for JavaScript | Envato Tuts+
If you’re working on a large project, you’ll no doubt have a build script or a bunch of task scripts to help with some of the repetitive parts of the process. You might use Ant or Rake, depending on the language the project is written in. But what do you use if the project is primarily JavaScript? That’s the problem Ben Alman set out to solve when he created Grunt. What is Grunt, Anyway? What exac
Closures: Front to Back | Envato Tuts+
If you open up your favorite console and run that bad boy, you will be greeted with a delicious message to the effect of "This pizza is all about the pepperoni ..... But put ham on 3 slices." This example illustrates some key concepts of JavaScript that are crucial to getting a hold on closures. A Closure is a Function Object How many function objects are in the above code? Well... we have our piz
The Essentials of Zepto.js | Envato Tuts+
Modern JavaScript libraries are quite the behemoths -- just take a look at jQuery. When you're creating a mobile app, or even just targeting modern browsers, a library that's much more svelte and nimble becomes a tastier proposition. Today, we're going to look at one such library, named Zepto. The Issue With Mixing Desktop Libraries and Mobile Devices One thing that has snuck past most radars has
DNS Prefetching
Despite anchor tags having HREF attributes which lead to other host names, browsers do not execute DNS lookups on those domains. Content prefetching can be invaluable in speeding up your websites, but did you know that you can also implement DNS prefetching? It's as easy as simple LINK element: <link rel="dns-prefetch" href="//somehost.tld" /> This technique can be very useful when your website li
サーバとクライアントを同一コードで動かすリアルタイムコラボレーションWebフレームワーク·Meteor MOONGIFT
Meteorはサーバとクライアントが同一のコードで動作するnode.js用Webアプリケーションフレームワークです。 久々にぞくぞくさせられるWebアプリケーションフレームワークの紹介です。Meteorはnode.js用のWebアプリケーションフレームワークですが、同一のコードがサーバとクライアントで動作するユニークな特徴を持っています。 インストールします。コマンド一行でダウンロードからインストールまで実行されます。 インストールされました。 まずアプリを新規作成します。 そしてサーバを立ち上げます。これで準備完了です。 最初の画面です。ボタンを押します。 console.logに出力されています。ちゃんとコードが実行されています。 サンプルのTodoアプリです。こちらはGoogle Chromeです。 こちらはSafariです。同じURLを開いています。 Google Chromeで編
バスに乗ろう。リアルタイムバス運行状況表示システム·OneBusAway MOONGIFT
OneBusAwayは地図上にリアルタイムなバス運行状況をマッピングするシステムです。 NYのバス会社MTAでも採用されているリアルタイムのバス運行状況案内システムがOneBusAwayです。多様なデバイスに対応した大型なシステムです。 トップページです。様々なデバイス向けにサービスが提供されています。 ルート44のバスの運行状況です。 到着予定を見られます。 地図を拡大すれば細かく状況が分かります。 iPhone向けのUIもあります。 OneBusAwayではデスクトップの他、iPhoneやAndroid、Windows Phone、スマートフォン向け最適化サイト、電話、SMSにも対応しています。もちろんデータを取得する仕組みなどは別途構築する必要がありますが、それでもこれだけの機能をオープンソース・ソフトウェアとして公開するのは素晴らしいことです。 OneBusAwayはApache
FirebugのJavaScript/HTML/CSS表示をハイライト処理·FireRainbow MOONGIFT
FireRainbowはFirebugのJavaScript/HTML/CSS表示をハイライト化するソフトウェアです。 FirefoxのWeb開発デバッグツールとして知名度の高いFirebug。そんなFirebugはJavaScriptの表示がハイライトされておらず不便に感じる人も多かったのではないでしょうか。そこでFireRainbowをインストールしましょう。 インストールしました。再起動します。 こちらはインストール前。単なるテキストとして表示されています。 インストール後。ハイライトされていると可読性が格段に違います。 ミニファイされていてもある程度読めます。 こちらはインストール前のHTML。 こちらもハイライトされます。 FireRainbowをインストールするとFirebugにおけるJavaScript/HTML/CSSがハイライト表示されます。パースの際にはWebWorke
Facebook製。モバイルWebブラウザテスター·Ringmark MOONGIFT
RingmarkはモバイルのWebブラウザテスターです。3つの輪が描かれたUIが特徴です。 RingmarkはFacebookからリリースされたモバイルデバイスにおけるHTML5サポート状況チェックツールです。W3Cに寄贈されました。 自動でテストが開始されます。 リング0のテストが終わってリング1のテストに入ります。 テストが終わりました。所々抜けがあります。 テスト結果の詳細です。 Ringmarkは3層の輪からなっており、内側ほど重要度の高い機能となっています。現時点で400種類のテストを行うようになっており、今後さらに増える予定とのことです。 RingmarkはHTML5/JavaScript製のオープンソース・ソフトウェア（BSD License）です。 MOONGIFTはこう見る もしHTML5を使ってみるならばモバイル（スマートフォン）から入るのが一番でしょう。デスクトップに
これが決定版？フォルダを監視してCSS/JavaScript/HTMLを生成·Fire.app MOONGIFT
Fire.appはフォルダを監視してSass/Compass/CoffeeScriptを自動変換するソフトウェアです。 最近はCSS/JavaScript/HTMLをそのまま書くのではなくSassやCoffeeScript、Haml/Markdownを使ってそれぞれのフォーマットに変換するのが当たり前になってきています。そこで使ってみたいのがFire.app、自動ファイル変換ソフトウェアです。 起動します。 メニュー常駐型です。 設定画面です。 Growlを使った通知に対応しています。 Livereloadに対応しています。 履歴です。 フォルダを指定しました。 プロジェクトテンプレートを生成してくれる機能があります。 生成しました。後は修正すると自動的に別フォーマットファイルを生成してくれます。 Fire.appはSass/CompassからCSSを、Haml/ERB/Markdownか
Markdown/textileからePubファイルを生成·md2epub MOONGIFT
md2epubはMarkdownやtextileといった記法からePubファイルを生成するRubyスクリプトです。 電子書籍を作成するのは大変と思われがちですが、テキストファイルからコンバートしてくれるmd2epubを使えばごくごく簡単にePubファイルを作成できます。対応フォーマットはMarkdownまたはtextileとなっています。 インストールします。RubyGemsではありませんのでご注意を。 Markdownやtextile形式のファイルが入ったフォルダを指定して実行します。 実行しました。無事ePubファイルが生成されています。 こちらはそのePubファイル。題名などは設定で指定できます。 きちんと読めます。画像がリモート指定の場合、きちんと取り込んだ上で表示してくれる機能があります。 設定ファイルです。著者やタイトルを設定できます。 ePubファイルのメタデータは設定ファイ
画像を生成せずにサムネイル風に小さな画像を表示·jQuery NailThumb MOONGIFT
jQuery NailThumbはWeb上でCSSによる画像サムネイル風表示を実現するjQueryライブラリです。 Webサイトで画像を縮小して表示したい場合、ImageMagickなどのサーバサイドの技術を使うのが一般的です。しかしjQuery NailThumbを使えばクライアントサイドだけで高度なサムネイル風表示を実現します。 デモです。左側が元画像、その右側にサムネイル化した画像が表示されています。 正方形の他に縦横比の固定、横幅優先といった指定もできます。 縦長の画像の場合、横幅優先にすると自動的に左右に空白が入ります。 こちらは切り取りです。 他にもサンプルが多数あります。 画像の量にもよりますが思ったよりも負荷は少ないように感じられます。jQuery NailThumbはCanvasで画像生成という訳ではなく、CSSを使って画像を擬似的に縮小表示しています。その際の配置やサイ
吹き出し風CSSデザインをオープンソースで·CSS Arrow Please MOONGIFT
CSS Arrow PleaseはCSSだけで作成する吹き出しデザインをオンライン上で行えるサービスです。 Twitterをはじめコミュニケーションが基本のサービスで欲しくなるのが吹き出し風のデザインです。そんなデザインをオンラインで簡単に作成できるのがCSS Arrow Pleaseです。 トップページです。左に描かれている吹き出しデザインが右側のCSSで作成されています。 吹き出しの位置は上下左右から選べます。 色はカラーピッカーを使って自由に選択できます。 カスタマイズしたパターンです。 CSS Arrow Pleaseでは吹き出しの配置や色、線の太さなどを自由にカスタマイズできます。後は出来上がったスタイルをコピーして自分のサイトに組み込むだけです。 CSS Arrow PleaseはHTML/CSS製のオープンソース・ソフトウェア（MIT License）です。 MOONGIFT
米Yahoo製のnode.js用Webアプリケーションフレームワーク·Mojito MOONGIFT
MojitoはYahoo! Inc.が開発したnode.js用Webアプリケーションフレームワークです。MVCモデルで大型なWebアプリケーションを構築する際に使えそうです。 Yahoo! Inc.が開発したnode.js用WebアプリケーションフレームワークがMojitoです。MVCでYUI 3とも組み合わせられるなどちょっと気になる機能が多いソフトウェアとなっています。 デモアプリです。Metro風です。 パネルをクリックすると記事が表示されます。 Mojitoはnode.js製なのでクライアントとサーバサイドがJavaScriptで書けるのが利点です。またYahoo!製とあってドキュメントも充実しています。予めユニットテストも組み込まれています。さらにデスクトップ、モバイル、テレビなど多様なデバイスをサポートしています。しっかりとした構成になっている印象で、大型のnode.jsアプリ
あまり知られていないGitのTips - アジャイルSEを目指すブログ
思い浮かんだGitのTipsを列挙してみました。 gitのコマンドをで補完する git-completion.bash を入れると、でコマンドの補完が効くようになります。 また、PS1の設定を行うと現在のブランチ名が常にbash上に表示されるようになります。 （Windowsの場合、msysgit は標準で入ってます） contrib/completion/git-completion.bash - GitHub インストール方法（引用） # To use these routines: # # 1) Copy this file to somewhere (e.g. ~/.git-completion.sh). # 2) Add the following line to your .bashrc/.zshrc: # source ~/.git-completion.sh # # 3)
時代はGNU screenからtmuxへ - このブログはURLが変更になりました
GNU screenはもう古いので皆さんtmuxへ移行しましょう、という話。Gentooならemerge tmux。 スクリーンショット 手元のtmuxを撮ってみた。縦分割モード。ウィンドウマネージャはawesome。左のircクライアントはweechat。 本家にもいくつかスクリーンショットがある。 tmuxへ移行する理由（メリット） 標準設定のままでもそれなりに使えるステータスバー 各ショートカットがコマンドベース（コマンドで操作ができる） 標準で縦分割機能搭載 GNU screenがたまに固まる問題（が発生するのは私だけ？）が発生しないかも ビュー専用のスクロールモード 柔軟なペイン制御 コピー＆ペースト用のバッファを複数保持できる terminfo的にscreen互換 メモリ消費量が少ない(GNU screenの約1/5) 一部機能でマウスが使用できる(mode-mouse, mo
git add と git rebase のちょっと応用的な使い方(add -p, rebase -i) - アジャイルSEを目指すブログ
Git 可愛いよ、Git という訳で、最近Git の使い方を覚えてきたので、少しまとめておく。 書いたのは、下記の2コマンドのオプションについてです。 git add -p git rebase -i 両方ともSVN では出来ないですので、SVN 使っている方はGit キモい 凄いと思うこと間違いなし！ コミットの選択(git add -p) 普通のコミット 例えば、下記のような（作成中の）ソースがあるとする。 fizzbuzz.py #!/usr/bin/env python # -*- coding:utf-8 -*- def fizzbuzz(num): return num if __name__ == '__main__': for n in range(1, 20): print n これを普通にコミットする場合、add してcommit すればいい。 $ git add fi
iTerm2 + zsh + tmux + vim で快適な256色ターミナル環境を構築する - ( ꒪⌓꒪) ゆるよろ日記
こんにちわ。債務者ことゆろよろです。家買いました。 さて、最近こんなまとめが話題になりました。自分もコメントしましたが、すごい情報量になってます。 これ知らないプログラマって損してんなって思う汎用的なツール #JavaScript #PHP #Ruby #Python #HTML - Qiita 【まとめ】これ知らないプログラマって損してんなって思う汎用的なツール 100超 #PHP #JavaScript #Python #Ruby #HTML - Qiita で、自分のコメントにも書いたのだけど、基本的に仕事はターミナルでssh接続して、Vimでコード書いてるので、この辺の環境構築についてまとめてみた。最近Terminal.appからiTerm2に移行して、screenからtmuxに乗り換えたので、その辺も含めて導入方法を書いておく。 手元の端末はMBPでOSX Lionだけど、ほぼ同
社内でターミナル勉強会を開催した - Glide Note
月一回のペースで社内勉強会を主催しているんですが、 資料をspeckerdeckに置くようにしたので、 先日社内で開催したターミナル勉強会の資料を公開。 去年にも同じテーマで勉強会をやっていて、 今回は実際のターミナル操作8割、説明2割みたいな感じでやったので 資料だけみても正直あんまり役に立たないかと思いますが。
第182回 Taskwarriorでターミナルからタスクを管理する（1） | gihyo.jp
Ubuntuには様々なタスク管理ツールが存在します。代表的なものは第78回で紹介したTasqueですが、これ以外にも第171回のTomboyなどを用いてタスクを管理することができますし、Webサービスを直接利用することを含めれば、無数の選択肢があります。今回はその中でもひと味ちがったタスク管理ツール、ターミナル上で動作する『Taskwarrior』を紹介します。 Taskwarriorの導入 Taskwarriorは、ターミナル上で動作するToDo/タスク/プロジェクト管理ツールです。単純なToDoアイテム管理ツールに留まらず、バーンダウンチャートなどの各種チャートの生成機能・レポートツールなどを備えています。ただし、2011年7月現在、UI部分は英語のままなので、英語に苦手意識があると、慣れるまでは少々厳しいかもしれません[1]。とはいえ、日本語のタスク名称等は登録できるので、平易な英
jqFloat.js – A Floating Effect with jQuery!
jqFloat.js is a jQuery plugin that able to make any HTML objects appear to be floating on your webpage. It is cross-browser compatibility. Look InsidejqFloat.js is a jQuery plugin that able to make any HTML objects appear to be “floating” on your web page. It helps create simple floating animation and make your websites come alive with these little “floating” object. Have fun with Floating ~ You c
Simple Overlay For jQuery - More Code | Tom McFarlin
Note that this project is no longer maintained. In a number of recent projects, I’ve been needing to provide an overlay of sorts over an entire page or a number of elements on a page. Unfortunately, most options ship with extra weight – they include support for modal dialogs or some type of lightbox overlay all of which was overkill for what I needed. To that end, I ended up writing a lightweight
キーボード不要でMySQLクエリを組み立てられるChromeアプリ「MyQuery Builder」:phpspot開発日誌
キーボード不要でMySQLクエリを組み立てられるChromeアプリ「MyQuery Builder」 2012年04月26日- Chrome ウェブストア - MyQuery Builder キーボード不要でMySQLクエリを組み立てられるChromeアプリ「MyQuery Builder」 MySQLに接続してテーブルの情報を読み取ることでスキーマなどを情報を元にクリックでポチポチやるとクエリが出来てしまうツールです。 テーブル間でJOINするような複雑なクエリも視覚的に組み立てる事ができるので、便利な場合がありそうです ドラッグ＆ドロップでテーブルのJOINが可能。チェックボックスにチェックすると、取得したい物を選択できて通信費節約のためのクエリがかけます SELECTだけではなくて、「Utility Query Editor」のタブにてUPDATE、DELETEの他クエリについても組
jQuery Table Sort | The Stupid Table Plugin by JoeQuery
Stupid jQuery Table Sort This is a stupidly simple, absurdly lightweight jQuery table sorting plugin. Table of Contents Installation via Bower Philosophy Basic usage Documentation More examples Installation via Bower $ bower install jquery-stupid-table Philosophy Most table sorting plugins try to account for a limitless number of data types and their limitless ways of being presented. This leads t
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
ダイアリーのデザイン変更 / Meteor.js でスタイル変更作業 - naoyaのはてなダイアリー
この頃このダイアリーを時折更新していますが、改めて見てみるとデザインが野暮ったかったので、変更しました。Readability を通して読んだときのスタイルが非常に読みやすいので、そのスタイルをパ･･･参考にしました。 ちょっとまだ一部スタイルが当たってないところもありますが、基本はこの路線で。Chrome、Firefox、Safari では確認済み。Windows と Opera では見ていないのでどうなるかわかりません。 どうやって変更したか ダイアリーの管理画面にスタイルを入力してプレビューで･･･とちまちま変更していくのは流石に大変なので、やり方を少し工夫しました。先日触った Meteor.js を使って先に簡単なアプリを作って、そのアプリ上で変更してできあがった CSS を管理画面に貼り付ける、というもの。 以下、そのソース。 https://github.com/naoya/m
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
GitHub - banyan/config: config file
http://www.webstuffshare.com/2012/03/sweet-tooltip-a-jquery-css3-tooltips/