Vue.js向けのvalidatorを作ってみた
Vue.js向けのvalidatorを作ってみたVue.js には vue-validator という plugin で validation 機能を、界王拳まではいかずとも Vue の戦闘能力を増幅させるものがあるんだけど、開発が全然進まないので、fork して自分で勝手に作ってみた。 インストールvue-validator は component を使えば、簡単にインストールできる。 $ component install kazupon/vue-validator bower という七面鳥みたいな変な鳥のキャラで有名なパッケージ管理ツールでも対応する予定。 使い方説明するより、サンプルコードを見た方がどんなもんか理解するのが速いと思うので、以下のコードを載せておく。 html<form id="blog-form" v-validate> <input type="text" v-m
tail -f pinzo.log: Redmineプラグイン開発における ActiveModel 使用上の注意点
先のエントリ: tail -f pinzo.log: ActiveSupport::Concern の included と ClassMethods の順序 に関連してます。 Redmine のプラグインでちょっと凝ったことをしようとすると、ActiveModel を使いたくなることがある。 ActiveModel のメリットの一つに ActiveRecord と同様のバリデーションを手軽に定義できることがある。 しかし、Redmine 本体の locales/ja.yml には ActiveModel の設定は入っていないので、プラグインの locales/ja.yml に書くことになる。 その際、たいてい Redmine 本体の locales/ja.yml から ActiveRecord 用の設定をコピーしてくることになりがち。 こんな感じに。 ここまではいい。 問題は、ここからち
drone.ioを使ってテストする (Redmine Plugin編) - Qiita
前回、drone.ioについて触れましたが、その続きです。 はじめに / drone.io について drone.io とは、Dockerをプラットフォームにした、CI環境を提供するサービスです。 GitHub上にdrone.io (drone) のソースコードが提供されています。 各自でCI環境を構築することができます。 今回やること / やらないこと やること drone.io のサービスを利用して、Redmine用の自作プラグインのテストをします。 どんな設定にしてテストを通しているかを提示します。 テストコード、ソースコードに対してのツッコミはご勘弁を… やらないこと 自分の環境にdroneをインストールすること。 Redmineのプラグインの書き方。 drone.ioでのセットアップ ログイン＆ビルドプロジェクトの作成 drone.ioはGitHubやBitbucketに連携して
Rubyのローカル変数をシンタクスハイライトするVimプラグインを書いた - TODESKING
Rubyはローカル変数への参照と無引数のメソッド呼び出しを同じ記法で書けるので、コードを読むときに混乱したりtypoでNoMethodErrorを出してがっかりすることが多々あります。 幸いなことにこれらは静的に解析することができるので、ローカル変数への参照を色付けするVimプラグインを書いた。 Github/ruby_hl_lvar.vim すごく便利な気がする！！！！！！！ Rubyインタフェース(>=1.9)が有効になったVimが必要なのでご注意ください。MacVim 7.4 KaoriYa 20140107で動作確認しました。 しくみ Ruby1.9以降に標準添付されているripperというライブラリで、Rubyの構文解析をしてローカル変数への参照を取り出しています。 require 'ripper' Ripper.sexp(<<EOS) a = 10 b = 20 c = a +
テーブルを折りたたみ可能なツリー型グリッドに変換できる「TreeGrid」:phpspot開発日誌
Treegrid jquery plugin デモ：TreeGrid for Bootstrap 3.0.x テーブルを折りたたみ可能なツリー型グリッドに変換できる「TreeGrid」。 Bootstrap3なサイトでも使うことができるようです。マークアップ上はただのテーブルですが、これを階層化して開閉できるUIは便利そうです。 こうしてますますBootstrapが強化されていって作り手としては嬉しい限りですね 関連エントリ Bootstrap3のテーマをWYSIWYGでカスタマイズ可能な「Bootstrap Magic」 BootstrapベースのフラットUI実装フレームワーク「Furatto」 Bootstrapのselectをカッコよくできる「Bootstrap-select」 BootstrapをベースとしたフリーのUIKit「Flat UI」 Bootstrapに270の使えるア
Qiitaのtextarea自動補完がOSSになりました - Qiita
jQuery.textcomplete（デモ） GitHubのようなtextareaの補完機能を実装する - カーソル位置の取得 を書いたのも今は昔、いつか続きを書こう書こうと思いながら気がつけば5ヶ月が過ぎました なんか続きを書くのが面倒くさくなったのと、某日本最大レシピ共有サイトの技術部長の人から「OSSにして欲しい」という要請を人伝に受け取ったこともあって、OSS化した次第です。 ライセンス MITライセンス 簡単な使い方 簡単に説明します。詳しくは README を読んでください。 まず jQuery.textcomplete は名前からも分かるように jQuery プラグインになっているので、別途 jQuery が必要です。 <script src="path/to/jquery.js"></script> <script src="path/to/jquery.textcomp
textareaでオートコンプリート機能を実装するjQueryプラグイン・jQuery.textcomplete
textareaでオートコンプリート機能を実装するスクリプト・jQuery.textcompleteのご紹介。デモではコメント投稿で絵文字を使う、みたいなケースが紹介されています。 textareaでオートコンプリート機能を実装する、というもの。使いどころは限られそうですが、コンテンツ次第では便利なスクリプトですね。 こういうの。上記例では絵文字を打つのにコロンで括るので、コロンを打つとオートコンプリートで候補を出してくれるようになっています。 jQueryは1.7以降を使うように、との事。 $('textarea').textcomplete(strategies);セレクタを指定して呼びだすテキストを作っていきます。 デモではコロンを正規表現で判別して事前に作ってあったテキストをオートコンプリートとして実装、アイコン付きに置換してるみたいですね。詳細はGithubに書かれています。 ラ
Redmineのプロジェクト設定画面にタブを追加する
Redmine Advent Calendar jp 2011 17日目です。 Redmineのプラグインを作っていると、Redmine内のプロジェクト毎にプラグイン固有の設定を持ちたくなります。Wiki Extensions や Code ReviewプラグインではRedmineのプロジェクト設定メニューに設定タブを追加しています。 実はRedmine本体にはプロジェクト設定画面にタブを追加するしくみは提供されていません。 今回はプロジェクト設定画面にプラグイン独自のタブを追加する方法を解説します。Wiki Extensions プラグインの実際のソースを元に説明したいと思います。 projects_helperを拡張する プロジェクト設定タブを作っているコードはRedmine本体のapp/helpers/projects_helper.rbの中にあるproject_settings_t
Redmineプラグイン開発（できるといいなぁ）－採番プラグインを目指して
プロジェクトIDは、「Railsを知らない人のためのプラグイン開発ガイド」にある通りの名前と型を使っています。固定文字列は、最大255文字もあれば十分なのでStringにしました。採番の最大数は整数で、題名も最大255文字のStringとしました。 モデルスケルトン生成 上述のデータ構成に従って採番系列モデルのスケルトンを作成します。 redmine-2.3.0$ ruby script/rails generate redmine_plugin_model redmine_numbering \ numbering_prefix project_id:integer fixed:string assigned:integer subject:string create plugins/redmine_numbering/app/models/numbering_prefix.rb cre
r-labs - プラグイン開発ガイド - Redmine
本日のアクセス数TOP5¶ プラグイン開発ガイド(170)JRuby でRedmineを動かす(131)Wiki Extensions en(22)FrontPage(17)Wiki Extensions(15) アクセス数TOP10¶ Redmineプラグイン集(79939)Wiki Extensions en(45522)Wiki Extensions(42164)Code Review(25920)FrontPage(24655)Hudson(20718)プラグイン チュートリアル(13077)Issue Extensions(10597)Hudson En(10548)バージョンガントチャートプラグイン(9049) タグ¶Code Review(2) Hudson(3) Issue Extensions(1) Joel Test(1) NetBeans(1) Plugin(18)
Redmineテーマやプラグイン開発環境を構築する (rbenv版) - Qiita
テーマやプラグインが開発したくなったので運用環境で作業せずに開発環境を構築してみたメモ。 RVMからrbenvに切り替えたので http://qiita.com/items/31982ee3de80efa4c31b の書き直し。 前提 ポリシー的にはなるべく簡単に、そして環境を限定的に。 Redmine 2.x向け GitでRedmine本体を管理する Redmine本体の開発については対象外 自分のテーマやプラグインは個別のGitリポジトリで管理(submoduleとかは使わない) rbenvを使う gemパッケージはbundlerでプロジェクト内にインストールする データベースはSQLiteを使う RVM版からの変更点 RVMの代わりにrbenvを使う gemsetの代わりにbundler install --pathでRedmineのディレクトリにインストール コマンドを叩くときにb
submode.vim とその設定例なんかを紹介 - 永遠に未完成
Vim Advent Calendar 2012 の 62 日目の記事です。 私が毎日のようにお世話になっているプラグインの1つに、kana さん作の submode.vim と言うのがあります。結構昔からあり、かなり便利なのにあまり知られていないような気がします。これはもったいない！と言うことで今回はこの submode.vim について書こうと思います。 submode.vim とは https://github.com/kana/vim-submode submode.vim は、ユーザが自由にサブモードを定義できるプラグインです。…と言っても何のことやらさっぱりですね。 Vim には、複数のキー、つまりキーシーケンスによって成立するコマンドがたくさんあります。例えば <C-w>+ は現在のウィンドウの高さを変更します。そして、この複数のキー入力が必要な割に、連続で入力したいコマンド
JavaScript書くときに便利なVimプラギン集 - Life goes on
この記事はVim Advent Calendar 2012の52日目の記事です。 前回の記事はasion_mさんのフロントエンジニアがちょっと幸せになるかもしれないプラグイン作ってます。でした。 良い具合に、フロントエンドのお話続きになっており「流れがキタ！」などと浮かれていたところ、はてなブログが0時から8時まで長時間のメンテに入っており泣きたい気分で一杯になっています。 気を取り直して、エントリを書いていきたいと思います。 さて、自分は一応JavaScriptを書くことで(または書かない事で)オマンマを食べさせていただいてる訳ですが、そういえばあんまりJavaScript書く環境についてブログに書いてないなーと思い、自分が使ってるJavaScript関連のプラギンと設定なんかを紹介していこうと思います。 もちろん、「これは常識でしょpgr」などというものが多数含まれていることは予想され
vim plugin （プラグイン） surround.vim の使い方メモ : Serendip – Webデザイン・プログラミング
vim plugin （プラグイン） surround.vim は、パーレン、ブラケット、クオート、xmlタグ、htmlタグなどの囲み文字に関する処理を簡単に行えるようにする。 インストールは ~/.vim ディレクトリでアーカイブを展開して、次のコマンドでヘルプタグを再生成する。 :helptags ~/.vim/doc ds 削除（Delete Surroundings） ds" テキストオブジェクトを囲む " を削除する。 "Hello World!" ↓ Hello World! ds( ds) ds[ ds] ds{ ds} テキストオブジェクトを囲む ( ) [ ] { } を削除する。 (var i=0; i<length; i++) { ↓ var i=0; i<length; i++ { dst テキストオブジェクトを囲むタグを削除する。 <h1>Hello World!
vim使っているrubyistで、これ入れていないのはヤバいプラグインまとめ 9個 (2013-10-04更新) - Qiita
vim使っているrubyistで、これ入れていないのはヤバいプラグインまとめ 9個 (2013-10-04更新)RubyVimctags Rubyの開発効率を高めたい！ vimでRubyやRails開発するときに、デフォルトの状態では非力ですよね。 開発効率を高める9つのプラグインを紹介します。 alpaca_tags ctagsの非同期生成 neosnippet Rails/sinatra/rspec等の補完 swtich.vim .present?:.brank?など対応するキーワードを切り替える rubocop 文法エラー、スタイルチェック vim-rails Railsプロジェクト用プラグイン unite-rails Railsプロジェクト用Unite-source vim-endwise if...endなど対応するキーワードの自動補完 rub
スマホサイトにおすすめ。jQueryプラグイン『PageSlide』を使ってFacebook風メニューを再現してみました
こちらもおすすめです！(2013.08.27)→『ヌルヌルの秘訣はCSS！Googleスマホ版で採用されている使い心地のよいスライドメニューを再現した『jSlideMenu』 』 こんにちは、霙（@xxmiz0rexx）です。 スマートフォンサイトでのメニューの表示方法をあれこれ考えた結果、素敵なjQueryプラグインに辿り着きましたのでご紹介したいと思います。 コンテンツ量が多くてもメニュー分のスペースを考えずに構成できるのでかなり気に入っています :) FacebookやPathなどで使われているあのメニュー表示の動きをjQueryで簡単に再現できるプラグインです。 普段はCSSで非表示にしておいて、ボタンを押した時に┃＼( °Д°)三ｶﾞﾗｯと引き戸を開けたようにメニューが出現しますｗ ＊追記＊ ライセンスはMITなので商用サイトでも使用OKです！ 参考：PageSlide: a j
グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ - Shinichi Nishikawa's
グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ 2011 10/11 グラフを描画してくれるjQueryプラグインを紹介します。 グラフを動的に作ってくれるものとしては、他のjQueryプラグインやGoogle Chartというサービスなどがあります。 が、今回の”jQuery Visualize”は、中でも一番使いやすそうでしたので、ご紹介します。 他のプラグインについては、【jQuery】IEでも使えるグラフ描画ツール | 岡山のWebプログラマーがつぶやくブログ | 神歌.blogでまとめて紹介されています。 作れるグラフの種類 グラフは以下のものを使うことができます。 棒グラフ 線グラフ 線グラフで線の下を薄く塗れるやつ 円グラフ デザインは二種類 冒頭写真の黒っぽいCoolなのと別に、白っぽいのも用意されています。 また、背景画
Nedim Arabacı
Dependency-free notification library Features Dependency-free UMD Web Push Notifications with Service Worker support Named queue system Has 11 layouts, 5 notification styles, 5+ themes Custom container (inline notifications) Confirm notifications TTL with timeout option Progress bar indicator for timed notifications Supports css animations, animate.css, mojs, bounce.js, velocity and others 2 close
これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」:phpspot開発日誌
これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 2011年07月19日- jQuery EasyUI - help you build your web page easily これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 Ext.jsばりに美しくてリッチなUIをjQueryでも実現できちゃいます。さらに、使い勝手がjQueryなので誰でも簡単に実装できちゃいます。Extはなんとなく取っ付きにくいと感じたかたも簡単に使えそう。 サイト上のチュートリアルやドキュメントも充実していて分かりやすいです。 リッチなものが作れるのはいいけど使い方が難しかったりメンテナンス大変だと、使う気が少し失せてしまいそうですがこれなら大丈夫かもしれません。 テーマやマルチリンガルにも対応しているらし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://qiita.com/items/566c3e5e31075c157d14