Vue.js v0.11の変更点(予定)まとめ
Vue.js v0.11のrc版もリリースされて、v0.10からの変更点が多いのでchangesを参考にまとめてみました。 ** rc3がリリースされたので修正・追記しました ** APIの変更も多いですが、data継承の仕組みが完全に変わっているのでその辺りは注意が必要ですね。 まだ安定してなかったりドキュメントはv0.10のものしかなくてchangesとmergeしながら読む必要があったりするので、これから開発する人は今のタイミングはどのバージョンを使えばいいのかちょっと悩ましいですね。v0.11系を使っていった方がいいとは思いつつ。 今回の変更でも見えるのですが、Angular.js以外にもBackbone.jsやReact.jsなど様々なフレームワークからいいところを持ってきてるところがVue.jsの面白いところですね。 https://github.com/yyx990803/v
グラフ描画用のJavascriptライブラリを物色 - For Want Of A Better Word
2013-09-24 グラフ描画用のJavascriptライブラリを物色 jquery javascript ちょっとWEBでグラフを描画しようと思いまして、 前はGoogleChartAPIを使ったのですが、画像をもらうよりはJS・HTMLで描画される方が速いだろうということで、ライブラリを物色。色々サイトを眺めてみて触ってみた感想。 ①jQuery-Visualize こちらのページで詳しく解説してくれている。 http://monopocket.jp/blog/jquery_visualize/1371/分かりやすい。HTMLでデータのテーブルを作ればそれを描画してくれる。オプションというか、調整可能な部分が少ないのが難点。 グラフのサイズ テーマ2種類(dark,light) 線の色 ②raphael http://raphaeljs.com/ すごい、グニャグニャ動く。凄い
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
Vue.js のコンポーネント に JSライブラリ を統合する - Qiita
はじめに Vue.js いいですよ、Vue.js。 シンプルでパワフルです。 Angular(JS)と較べて、学習コストが半端なく低い。 直感的にDOM操作を行えます。 同じくMVVMを基盤にするKnockoutJSよりもシンプルに 書けます。 日本語の情報が充実しているので、今以上に ブレイクする可能性があると思っています。 公式サイトのガイド・APIリファレンスが有志の方のおかげで 日本語にも対応しているので、クライアントJSにあかるい方が いれば、即採用可能な状況になっています。 コンポーネント(View Model)へのJSライブラリ組込み v3.x JSライブラリをディレクティブとしてラップし、 JSライブラリを適用する要素にディレクティブを独自属性と して追加する JSライブラリをディレクティブとしてラップし、 JSライブラリを適用する要素にディレクティブを独自属性と して追加
jQuery 1.9 日本語リファレンス | js STUDIO
このサイトについて jQueryの日本語リファレンスです。 jQueryの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教えていただければ幸いです。 News 2013.03.13 ver1.9の内容に更新しました。 2012.12.02 jQueryの似ているAPIまとめ 2012.10.13 サイトをオープンしました。 API APIのカテゴリー分けについては、本家サイトでは1つのAPIが複数のカテゴリーに所属していますが、 このリファレンスでは分かりやすさを重視して1つのカテゴリーに絞っています。 また、一部本家サイトのカテゴリーを削り、別のカテゴリーに所属させているAPIがありますので、 予めご了承ください。 Ajax Ajaxに関する処理 Attri
【JavaScript】Math.random().toString(36).slice(-8) で簡易パスワード生成 at softelメモ
問題 JavaScriptで、ランダムな文字列を簡単に作るには。 解答例 こんな方法がある。 Math.random().toString(36).slice(-8); Math.random() でランダムな数値ができる（例: 0.5914055700523515） Math.random().toString(36) で、よくあるブラウザでは36進数になる（0-9a-zの36文字で表現）（例: “0.xf3d86djs5o”） Math.random().toString(36).slice(-8) で、後ろから8文字を使う（例: “d86djs5o”） → 以前はOperaでは動きが少し違ったようだが、今は他のブラウザと同じように動くようだ（Opera11で確認）。 参考 Math.random().toString(36).slice(-8) で簡易パスワード生成。 — TOYAM
Vue.jsから手軽に始めるJavaScriptフレームワーク - Qiita
Vue.jsはそのまま使ってもよいですが「自分(プロジェクト)に合ったフレームワーク」を見つけるのにも向いています。 これは、後発フレームワークだけあり各フレームワークの特徴を意識した設計がなされているためです。他の著名なフレームワークとの特徴を比較した文書もあるので、こちらをチェックしながら導入を検討するとよいと思います。 そのため、以下はVue.jsの紹介と他フレームワーク(Knockout.js と Angular)へのステップという2セクションに分けて紹介していきたいと思います。 JavaScriptフレームワークの導入を行いたいがこの選択は慎重にいきたい、という状況であれば最初にVue.jsを試金石としてみて、効果的と感じられる機能からAngularやKnockout.jsに流れていくというのは十分ありだと思います。 2016/06: Vue.jsの1.x系に合わせて記述・サンプ
jQuery の.on()をもういっぺん理解してみる - あまり新しくないもの
jQueryのイベントハンドリングには、現在 .on(),.off()のみが推奨されて利用されています。 その基本的な使い方はこんなかんじでした。 $(element).on(event, function() { console.log('event fired!'); }); この場合、対象となる$(element)において指定したeventが発火した時に、コールバック関数が呼び出されます。非常に直感的ですね。 ところで、これは以前の.bind()と全く同じです。 .bind()の場合は、指定したずばりその要素に対してのみ、イベントハンドリングを行います。よって、.bind()が呼び出されたその時点で存在しない要素に対しては、たとえセレクタが一致していたとしてもハンドリングが行われません。 このことを利用すれば、イベントハンドリングをしたいまさにその要素にのみ、たとえその後同じセレクタ
JQuery Trigger Event on Show/Hide of Element - ViralPatel.net
JQuery Trigger Event on Show/Hide of Elementby Viral Patel · December 17, 2013 JQuery provides powerful API to manage triggering of events. It provides a way to trigger the event handlers bound to an element without any user interaction via the .trigger() method. The .on() method (previously known as .live()) is a great way to add custom handlers to different browser events. When such events are t
jsで「最後までスクロールされた」というEventをキャッチする - Qiita
今までどういうふうに実装されているのか知らなかったので、 jquery_bottomを読み解いて理解したのでメモ。 jquery_bottomはこちら。 https://github.com/jimyi/jquery_bottom 必要な情報 要素の表示領域 要素のスクロール分を含めた高さ 要素のスクロール位置 この情報がわかれば、下記の情報を導き出せる。 「要素の表示領域」+「要素のスクロール位置」＝「現在の表示位置の高さ」 「現在の表示位置の高さ」さえわかれば、後はその値が「要素のスクロール分を含めた高さ」にどれだけ近づいているかで、スクロール位置を判断することができる。 実装してみる // スクロールさせる要素を取得 var elm = document.getElementById('scrollElement'); // 要素の表示領域を取得 var height = elm.o
JavaScript書くときに便利なVimプラギン集 - Life goes on
この記事はVim Advent Calendar 2012の52日目の記事です。 前回の記事はasion_mさんのフロントエンジニアがちょっと幸せになるかもしれないプラグイン作ってます。でした。 良い具合に、フロントエンドのお話続きになっており「流れがキタ！」などと浮かれていたところ、はてなブログが0時から8時まで長時間のメンテに入っており泣きたい気分で一杯になっています。 気を取り直して、エントリを書いていきたいと思います。 さて、自分は一応JavaScriptを書くことで(または書かない事で)オマンマを食べさせていただいてる訳ですが、そういえばあんまりJavaScript書く環境についてブログに書いてないなーと思い、自分が使ってるJavaScript関連のプラギンと設定なんかを紹介していこうと思います。 もちろん、「これは常識でしょpgr」などというものが多数含まれていることは予想され
グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ - Shinichi Nishikawa's
グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ 2011 10/11 グラフを描画してくれるjQueryプラグインを紹介します。 グラフを動的に作ってくれるものとしては、他のjQueryプラグインやGoogle Chartというサービスなどがあります。 が、今回の”jQuery Visualize”は、中でも一番使いやすそうでしたので、ご紹介します。 他のプラグインについては、【jQuery】IEでも使えるグラフ描画ツール | 岡山のWebプログラマーがつぶやくブログ | 神歌.blogでまとめて紹介されています。 作れるグラフの種類 グラフは以下のものを使うことができます。 棒グラフ 線グラフ 線グラフで線の下を薄く塗れるやつ 円グラフ デザインは二種類 冒頭写真の黒っぽいCoolなのと別に、白っぽいのも用意されています。 また、背景画
jquery-rails で確認プロンプトを Bootstrap のモーダルとして表示する - Qiita
rails = $.rails _fire = rails.fire modal = null createModal = () -> $("body").append('<div class="modal hide fade" id="confirm-modal"> <div class="modal-header"> <a class="close" data-dismiss="modal">×</a> <h3>Confirmation</h3> </div> <div class="modal-body"> <p class="modal-message"></p> </div> <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal">Cancel</a> <a href="#" cl
Twitter BootstrapでさくさくWeb開発 : アシアルブログ
新年度です！ 新入学、新入社を迎えるみなさん、おめでとうございます。 エンジニアのみなさんがWebアプリケーションを作るとき、一番悩むのはデザインではありませんか？ カッコよくって統一的なデザインがほしい！でもデザインセンスないし…実は私もそうでした。 ですが、2月にメジャーバージョンアップしたTwitter Bootstrapを使うと、簡単にカッコいいサイトが作れます！ Twitter Bootstrapとはなにか Twitter Bootstrap CSSのフレームワークです。 Web上に使ってみた！スゲー！等、たくさんのドキュメントが存在していますが、中には2月以前のバージョン(v1.4)について言及しているものもありますので、2系を使う方はバージョンの違いに気をつけて下さい（クラス名など結構ガラっと変わっています）。 今回ご説明しているのは、Twitter Bootstrap 2に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
大手Webサービスがクライアント側で発生したJavaScriptのエラーをどう収集しているのか まとめ - Qiita
jQuery#onを便利に使う - Qiita
IT用語辞典バイナリ - Weblio コンピュータ
Loading...
railsでbootstrapを使うためのtoolまとめ
Site Under Maintenance
