HTML5 × CSS3 × jQueryを真面目に勉強 – #8 jQueryプラグインの作り方について詳しく | DevelopersIO
僕は人の名前を覚えるのが苦手です。それはさておき、jQueryプラグインの作成方法について頻繁に忘れるので、手順をここにまとめておくことにします。コレさえ読めば急にプラグインを大量に作れといった無茶ぶりをされても大丈夫。 多い日も安心♪（ゝω・）vｷｬﾋﾟ はじめに - jQuery プラグインの構成 細かい差はあれど、基本的にjQueryプラグインは以下のような構成で成り立っています。 // 匿名関数で全体をラップ - (5) (function($) { // このプラグインの名前 - (1) $.fn.name_space = function() { //要素を退避 - (2) var elements = this; // 要素をひとつずつ処理 - (3) elements.each(function() { // 具体的な処理をここに記述 }); // method chain
showtime.vim 作った - 永遠に未完成
経緯 yokohama.vim でプレゼンするにあたって、どうやってプレゼンするか悩んでいた。 @ShougoMatsu 一応今回はquickrunの解説でもしてみようかと考えているので資料は必要ですねと言ってもVimで発表したいのでそこでどうしようか若干ジレンマが。良いプレゼンプラグインないですかね。 2012-05-20 21:37:21 via OpenTween to @ShougoMatsu 色々検討してみるも… 今のところpresen.vimが資料がS式って点を除けばいい感じに見える。 URL 2012-05-20 21:38:42 via OpenTween S式はちょっと書きづらいなぁ。 誰が言ったか忘れたが、showoff がなんちゃらって発言が TL に流れて来て、show って単語だけに反応してポツリと以下のようなことを showtime.vim 2012-05-20
Vim プラグインのヘルプを書く人がするべき設定 - 永遠に未完成
Vim の help は通常 modeline などによって閲覧に最適なようにオプションが設定される。しかし編集したい時には困ることがある。というわけで全ての Vim プラグイン作者*1は以下のような設定を入れるといいと思うよ！ " after/ftplugin/help.vim if &l:buftype !=# 'help' setlocal list tabstop=8 shiftwidth=8 softtabstop=8 noexpandtab textwidth=78 if exists('+colorcolumn') setlocal colorcolumn=+1 endif if has('conceal') setlocal conceallevel=0 endif endif 以前もちらっと書いたのだけど、'buftype' の値を見て編集中なのか :help で閲覧中な
jQuery.twinkle · get the visitor's attention · larsjung.de
0.10.0Draw your visitor's attention to special parts of your website. Examples of the different effects can be experiecend in this demo. All available options are described right below. Quick startTwinkle at a specified element: $(selector).twinkle(); Select an effect and add some effect options: var options = { 'effect': 'drop', 'effectOptions': { 'color': 'rgba(0,0,255,0.5)', 'radius': 100 } };
jQuery.fracs · determine the visible fractions of an HTML element · larsjung.de
1.0.2jQuery.fracs calculates some fractions for an HTML element (visible fraction, fraction of the viewport, ...) and also provides the coordinates of these areas. See a demo to get an impression of some of the features. UsageTo retrieve the fractions of an element use: var fracs = $(selector).fracs(); this will return an object of type Fractions. Or bind a callback function: function callback(fra
jQueryのテンプレートプラグイン「jquery-tmpl」を使ってみた (多分)その1 - 黒羊工房はてな版
追記：続編書きました。 リンクは一番下に 最近jQueryにはまっているひつじです。こんにちは。 jQueryに限らず、JavascriptでDOMをいじっていると var name = 'bsheep'; $('<div>').addClass('name').text(name).appendTo('#profile'); // // <div id="profile"></div> // ↓ // <div id="profile"><div class="name">bsheep</div></div> // こんな感じでDOMをその場で生成して埋め込みとかいう操作が結構あります。 でも、こういうの書いているとHTMLとscriptとを分離したくなってきますよね！ この書き方のまま複雑なものとか作ってると、できあがりのHTMLの構造を読み取るための思考コストがかなり必
SidekickをjQueryで書いてみた - 黒羊工房はてな版
＞さらばスカイスクレイパー、IABが標準広告サイズ11種をリストラ http://web-tan.forum.impressrd.jp/e/2011/03/08/9894 タイトルのリストラはどうでもよくて、追加されるインタラクティブ系のうちのSidekickというものを練習として書いてみたのをプラグイン化してみました bsheep/sidekicker - GitHub DEMOはこちら（オレンジの画像をクリックしてください） 使い方はデモを見てもらえばだいたい分かると思うんですが、 $('#sidekick').sidekicker({ kicker: '#kicker', container: '#container', kickback: '#kickback' }); kickerは外側から押し出してくる部分でcontainerは押し出される方。kickbackは造語ですが*1、
Ajax » jQuery Tips » jQueryプラグインの作り方 | PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説jquery.basic.js(function($){ /* プラグイン名（myplugin）を指定 */ /* 関数にオプション変数を渡す */ $.fn.myplugin=function(config){ /* 引数の初期値を設定（カンマ区切り） */ var defaults={ defColor:"#ff6699", defPadding:5 } var options=$.extend(defaults, config); /* 一致した要素上で繰り返す */ return this.each(function(i){ /* プラグイン内での現在の要素はthisで参照 */ $(this).text(this.tagName
Tracをインストールしたらまず追加する10のプラグイン | Ryuzee.com
Tracをインストールしたあと、とりあえず入れた方がいいんでねーか？と思われるプラグインをリストにしてみた。 なお、Tracのバージョンは0.10を対象にしており、いくつかのモジュールは0.11で本体に取り込まれた。 ExcelReportPlugin レポートを純粋Excel形式で出力できる。これを使うことで、顧客と課題管理表をExcelでやりとりしつつ、管理はTracで出来る。カスタムクエリを工夫すると、いろんなレポートが作れる。 ＜サイト内関連記事＞ TracのレポートをExcel形式で出力 ExcelReportPluginをpython2.3で利用するhack ExcelReportPluginの管理 IniAdmin いちいちtrac.iniを手動で編集するのは大変なので入れる WebAdminPlugin プラグインの有効化、ユーザの追加などなど、コマンドラインでしか出来
Trac のプラグインをまとめてみた - Natural Software
最近、周りで Trac を Linux に入れる人がよくいるので、とんなプラグインがあるのかを確認する意味でもまとめてみた。 とりあえず TracLightning 2.1 に入っているプラグインから列挙する予定ですが、こんなのもあるよというのがあればコメントしてもらえると助かります。 ◎がついているのは TracLightning 2.1 に入っているプラグイン ＃今更ながらかぬさんが既に書いていることに気づいた＾＾； 管理系 ◎Ini Admin Plugin IniAdminPlugin – Trac Hacks - Plugins Macros etc. Trac のメニューに｢管理｣画面が追加される。trac.ini の内容を GUI で編集できるようにする。 ◎Account Manager Plugin AccountManagerPlugin – Trac Hacks -
Trac チケットの情報をwikiに表示する
Tracにはwikiが付いているのだけれど、こいつをうまく活用するかどうかで、細かい能率は随分変わってくる。 例えば、チケットを見るときに、「トップページ(wiki)→レポート一覧→レポート→チケット」なんて回りくどいことはやりたくなくて、直接チケットにジャンプしたい。 ということで、wikiにチケット関連の情報を表示する方法。 (1)TicketQueryマクロを使う TicketQueryは標準で用意されているwikiマクロ。なのでインストールは不要 [[TicketQuery(status!=closed)]] →ステータスがclosedで無いものをリスト形式で表示する [[TicketQuery(status!=closed,compact)]] →ステータスがclosedで無いもののIDのみをカンマ区切りで表示する [[TicketQuery(status!=closed,cou
Python Hack-a-thon 第2回 jQuery plugin作成ハンズオン - monjudoh’s diary
jQueryのハンズオンをやりますが全然準備していないので即興でやります。 jQueryを始める上であるとよいもの jQuery jQuery 開発環境 Mac、PC、Linux 向け新高速ブラウザー | Firefox Firebug FireQuery is a Firebug extension for jQuery development FireQuery - jQueryを扱う際に便利なFirebug拡張 - - 文殊堂 https://addons.mozilla.org/en-US/firefox/addon/11905/ FirefinderはJavaScriptプログラマ以外も使うべき - 文殊堂 ドキュメント http://api.jquery.com/browser/ 下の方に"INSTALL NOW"とかあるのでクリックしてAdobe Air板をインスコしましょう
プラグインって何? おいしいの?
予定 プラグインとは何か プラグインの種類 プラグインのファイル構成 プラグインのインストール方法 プラグインの使い方 プラグインの探し方 まとめ
この先生きのこるには
smartchr – Insert several candidates with a single key : vim online VimM#3(ではなくVim勉強会#3でした。kana神さまご指摘ありがとうございます)のプレゼン資料で知ったんですが、関西Vim四天王を倒した後に出てくるというvim界の神、kanaさんが作られたスクリプトが便利です。 PHPでの使い方だと例えばこんな感じです。インスコしたら、以下を設定ファイルにかいておきます。 inoremap = smartchr#one_of(' = ', ' == ', ' === ', '=') すると、=を一回押すと、両端にスペースが付いた=が。二回目、三回目ともに両端にスペースが追加された状態で=がのびていく。で、四回目になると、今まで入力されてたものは消えて普通の=が出てくる。 つまり、同じキーを連続で入力した場合の挙動
ウェブ制作にかかせないFirebugの機能を更に強化する機能拡張集 | コリス
Sofrware is hardのエントリーから、豊富な開発ツールを備えたFirefoxのアドオン「Firebug」の機能を強化する機能拡張を紹介します。 List of Firebug Extensions Firebug HTML, CSS, JavaScriptなどを編集・デバッグ・モニタリングできる開発ツール。 以下の全ての機能拡張は、Firebug上で動作します。 Firebug Firebug -Firefox Add-ons YSlow ページの分析、パフォーマンスレポート、HTTP/HTMLサマリー、コンポーネントのリスト YSlow YSlow -Firefox Add-ons Firecookie クッキーの管理 Firecookie Firecookie -Firefox Add-ons FirePHP PHPのデバッグ FirePHP FirePHP -Firefo
Vimエディタプラグイン — 名無しのvim使い
デフォルトでインストールされている — 作者: 小見 拓 — 最終変更 2012年01月08日 15時22分 本サイトで紹介しているvimスクリプトのうち、 vimエディタにデフォルトで添付しているスクリプトの記事の一覧です。 バッファ管理系 — 作者: 小見 拓 — 最終変更 2012年01月08日 15時22分 本サイトで紹介しているvimスクリプトのうち、 バッファの管理機能やコントロール機能を提供するスクリプトのドキュメントの一覧です。 ファイル管理系 — 作者: 小見 拓 — 最終変更 2012年01月08日 15時22分 本サイトで紹介しているvimスクリプトのうち、 ファイルの管理機能やコントロール機能を提供するスクリプトのドキュメントの一覧です。 検索機能拡張系 — 作者: 小見 拓 — 最終変更 2012年01月08日 15時22分 本サイトで紹介しているvimスクリプト
throw new CybozuLabsException() - オススメvim plugin:matchit
第22回 PHP勉強会でkoyhogeさんにvimの話をしたら好評だったので私が使っているvim pluginの話でもします。 vimには、matchpairというオプションがあって、例えば.vimrcに set matchpairs=(:),{:},[:],<:> と書いておくと、 function hoge() { print("CybozuLabs.Inc"); } というコードの開き括弧の位置にカーソルを合わせて%を押すと、閉じ括弧まで移動できます。ビジュアルモードで選択したり、整形したりできて便利です。 便利ですが、matchpairはどうも一文字のペアにしか対応してないようで、vim scriptなんかのコードだと function Hoge() execute ":h!" endfunction 上記の場合、functionの上で%を押した時にendf
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
5509.me
http://vimpi.net/
Photoshopカスタム・シェイプいろいろ - DesignWalker
