実践!! RuboCopプラグイン開発入門 - SideCI TechBlog
こんにちは。RuboCop大好きpockeです! SideCIでは対応ツールの追加など、主にサーバーサイドの開発を担当しています。 今回は、SideCIでも使用しているRubyの静的解析ツール、RuboCop のプラグインの作り方について書こうと思います。 実際にRuboCopプラグインを作りながら手順を解説します! はじめに 今回は、よくあるバグを検出するCopを作ってみましょう。 以下のコードにはバグがありますが、一見しただけだとその存在に気が付かないかも知れません。 def foo raise StandardError "error!" end 本来このコードには、StandardErrorと"error!"の間にカンマが必要です。 カンマが抜けていると「StandardErrorというメソッドを"error!"という引数で呼び出す」という意味になってしまい、想定しない挙動になって
Elasticsearch Marvel 2.x はプロダクションでも無料で使えるので入れておこう。 | DevelopersIO
入社３日目の木戸です。入りみだれるチャットコミュニケーションにあたふたしつつも、社内のドキュメントなどを読みあさりながら、少しづつ会社にも慣れてきたかな？といった感じです。 そのうち「Elasticsearch 入門シリーズ」でも連載しようかと考えているのですが、今回記念すべき１本目のブログは、 なぜか、Marvel です！ニッチですw Marvel Marvel 2.x は、Kibana 4 をベースにUIが再設計され、Elasticsearch 2.x を効率的に管理するための主要なメトリクスにフォーカスされていて、より監視しやすいUIになっています。 Marvel 1.x では有償の製品として提供されていましたが、Marvel 2.x は、Basic License を申請することで、開発でもプロダクションでも無料で使い続けることができますので是非導入しておきましょう。 注意 マルチ
2014年総まとめ、jQueryのプラグインとスクリプト100選
毎年末にjQueryのプラグインをまとめていましたが、今年はプラグインの他に単体で動作するスクリプトも加えて、jQueryのプラグインとスクリプトの総まとめとして記事にしました。 今年目立ったのは、去年から引き続きアニメーション系、縦長ページ用のスクリプトでしょうか。 1カラムのレイアウトが流行っているためか背景関連も充実していました。それとSVGをより簡単に利用できるようになったのも大きな目玉ですね。 また、jQueryに依存しない、単体で動作するスクリプトも多く開発されるようになったと思います。 背景関連 SVG関連 縦長ページ関連 スクロール連動・パララックス関連 その他スクロール操作・補助関連 レスポンシブ関連 ナビゲーション関連 レイアウト関連 コンテンツ生成関連 コンテンツ紹介・ツアー関連 スライダー・カルーセル関連 画像拡大・配置・キャプション関連 アニメーション関連 エフェ
Captioner Js @ Nuno Franco da Costa - Freelance Web Developer
Why another caption plugin ? There are lots of caption plugins out there but CaptionerJs was propositally built to create clean and uncluttered HTML. CaptionerJs won’t burry your image inside layers of div's, instead it makes use of figure and figcaption to produce uncluttered and semantically correct HTML. You can write valid HTML, CaptionerJs will make use of title and alt attributes to create t
notifyME
notifyMe, is a simple js plugin for notifications in pages.What's notifyMe? notifyMe is a simple plugin that i created for fun and learning for fixed notifications in pages. He works when a button is clicked, errors, validations, info and everything you want. How to use Call the stylesheet with the styles <link rel="assets/css/notifyme.css" type="text/css" /> For use this plugin is necessary add
Midnight.js - Switch fixed headers on the fly
Midnight.js lets you switch fixed headers on the fly Scroll to try it out! The Header Create your fixed nav (or header) as you typically would. You can use whatever markup suits you, just make sure the header works well with position:fixed. The Sections After that, take any sections of your page that need a different nav and add data-midnight="your-class" to it, where .your-class is the class you
NameBright - Coming Soon
stripjs.com is coming soon This domain is managed at
[JS]HTMLは汚さずに、テキストにちょっと面白いさまざまなアニメーションを適用できるスクリプト -LetterFX | コリス
Effect -LetterFx LetterFXの使い方 Step 1: 外部ファイル 当スタイルシート・スクリプトとjquery.jsを外部ファイルとして記述します。 <head> ... <link href="jquery-letterfx.css" rel="stylesheet" type="text/css" /> </head> <body> ... <script src="http://code.jquery.com/jquery.min.js"></script> <script src="tuxsudo.min.js"></script> <script src="jquery-letterfx.js"></script> </body> Step 2: HTML アニメーションを適用するテキストはp要素などで実装し、classやidなどを付与しておきます。 <p
Ben Alman » jQuery throttle / debounce: Sometimes, less is more!
jQuery throttle / debounce: Sometimes, less is more! jQuery throttle / debounce allows you to rate-limit your functions in multiple useful ways. Passing a delay and callback to $.throttle returns a new function that will execute no more than once every delay milliseconds. Passing a delay and callback to $.debounce returns a new function that will execute only once, coalescing multiple sequential c
Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」:phpspot開発日誌
Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」 2014年01月15日- nghuuphuoc/bootstrapvalidator GitHub Bootstrap用のフォームバリデーター実装jQueryプラグイン「BootstrapValidator」 BootstrapなサイトでのJSベースでのフォームバリデーションを実装できます。 Emailやクレジットカード等のよく使いそうなバリデーションや長さチェック等一般的なものまで実装されています。 リアルタイムバリデーションで使い勝手をよくしたい場合の１つの選択肢として覚えておいても良さそう 関連エントリ Bootstrapなサイトで使える星形レーティングプラグイン Bootstrap対応でレスポンシブなWYSIWYGエディタ「Summernote」 フリーで使えるフラットでハ
Vimmerなら2013年中に試しておきたい海外産Vim plugin 8選 - derisの日記
Vim この記事はVim Advent Calendar 2013の15日目の記事です。 14日目はjoker1007さんによるwebapi-vimとBufWriteCmdでWeb上のリソースをVimで編集するでした。 本記事では、2013年中に試しておきた海外産Vim pluginを8個ご紹介します。 はじめに なんで海外産限定なの？ 理由は以下のとおりです。 日本産のVim pluginは入れている人が多く日本語での情報も多い(vimrc読書会に参加した感覚として) Vim Advent Calendar 2012が１年続いたこともあり、興味深い日本産Vim pluginが多すぎる… 海外でそこそこ流行っていても日本ではあまり知られていないVim pluginが多いのでもったいなーと思ったので、本記事を書こうと考えました。 ちなみに、今回ご紹介するのは今年私が見つけたVim plugi
[JS]デモがバツグンにかっこいい！さまざまな要素がビューポートに表示される時にエフェクトを与えるスクリプト -onScreen
Scrollable Containers onScreenはさまざまなDOM要素に対応しており、パラグラフ、画像、コンテンツスライダーなどスクロールが可能な要素全てに利用できます。 スクロールして表示する際に、ちょっとだけCSSのエフェクトを加えるのかっこいいですね。 onScreenの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="lib/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="lib/jquery.onscreen.min.js"></script> </head> Step 2: HTML onScreenを適用するエレメントは指定できるよ
neocomplcache から neocomplete.vim へ乗り換える - はやくプログラムになりたい
現在 neocomplcache は開発が neocomplete.vim へと移っており，保守のみが行われている状態です．しかし，neocomplcache は結構細かく設定していたりして移行に手間取りそうで二の足を踏んでいる人も多いのではないでしょうか．僕もそうだったのですが，今日時間が取れたので乗り換えてみたところ，乗り換えはとてもスムーズに出来ました． neocomplcache の設定を受け継いでとりあえず移行する Github の wiki に neocomplcache と neocomplete の API の対応表があり，それを見比べて neocomplete にも同じ設定を行うだけです． neocomplete migration guide neocomplcache の設定をコピペしてきて，対象範囲を :s/neocomplcache_/neocomplete#/g
「source ~/.vim/*.vim みたいなことをしたい」とあんちぽさんに質問された話 - Glide Note
antipop the vimmer pic.twitter.com/iVbuT1kFPj — Gosuke Miyashita (@gosukenator) September 18, 2013 どういう心境の変化かあんちぽさんが最近Vimを使い始めていて、 社内IRCのvimチャンネルで結構質問をしてて、みんなでアレやコレや それぞれのやり方を教えてて、私も知らないことがかなりあってなかなか勉強になってる。 とてもVim歴9日と思えない質問をバンバンしてくるし、 「Emacsでは普通に出来るんだけど、Vimではどうやんの？」みたいな 煽りもちょいちょい入れてきて結構ウザい。 で昨日あんちぽさんから質問が出てた件 18:46:56 antipop_ | source .vim/*.vim 18:47:01 antipop_ | みたいなことしたいんですが 18:47:05 antipop
lightline.vimを使ってVimのステータスラインを有効活用する - yuhei.kagaya
ステータスラインが一瞬でリッチに lightline.vimはVimのステータスラインをかっこよくしてくれるVimプラグインです。 作者さんによるこのプラグインについての詳細な解説はこちらです。 lightline.vim作りました - プラグインの直交性について - プログラムモグモグ 結果、下の画面になりました。 （カラースキーマはmrkn256、フォントはRicty Regular for Powerline.ttfをつかっています） 僕は今まで、ステータスライン系のプラグインを vim-powerline → powerline → vim-airline と流行にもれず使ってきたのですがlightline.vimに落ち着きました。簡単にかっこよくなるし、動作が軽快でカスタマイズもしやすくて素晴らしいです。感謝！ ステータスラインに表示している情報 ステータスラインを構成する要素は
Style checkbox and radio - prettyCheckable jQuery Plugin
What does it do? This plugin replaces the default checkboxes and radio inputs for better looking ones. Features: Compatible with IE7+, Chrome, Firefox, Safari and mobile browsers; Custom design, kindly provided by Bruno O. Barros; Four color options (Twitter bootstrap) + editable PSD; Better look & size; Super easy implementation; Selectable with Tab and checkable with keyboard; Change events & Ch
tig なんて目じゃない！ Git のログ系 Vim プラグイン gitv ＆ gitv をGit 統合インターフェース化する最強の設定 - 反省はしても後悔はしない
この記事は Vim Advent Calendar 2012 の 168 日目の記事です。 昨日は id:yonchu さんの accelerated-smooth-scroll という Vimプラグイン を作った (Vim Advent Calendar 2012, 167日目) - よんちゅBlog でした。 はじめに 最近、Git のログを見る系のエントリが多い気がします。今回の Vim Advent Calendar でも はじめての unite source(unite-tig) - Design x Verification vac143 - YouTube Vimでgitのログをきれいに表示する - derisの日記 という記事がありましたし、また最近 git? tig! | Atlassian Japan CUI で Git 使うなら入れておきたいツールまとめ | バシャロ
zshのプラグインマネージャーantigenでoh-my-zshの良いとこ取りをする - Glide Note
zsh-users/antigen 個人的には.zshrcで細かく設定しているので、利用することのないoh-my-zshですが、 oh-my-zshを利用している人をみるとなかなか便利そうで、特にpluginsが 開発も活発で、種類も豊富で便利な感じ。 oh-my-zshを利用していなくてもantigenを利用すると oh-my-zshのthemeやpluginが利用できるので導入してみた。 antigenはvimプラグインマネージャーのVundleの 影響を受けているので、Vundle使いの私には設定方法が似ていて導入もしやすかった。 antigenの導入 git cloneで持ってくるだけ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML/SELECTカスタマイズ
GitHub - itchyny/lightline.vim: A light and configurable statusline/tabline plugin for Vim
