Skip to content

Instantly share code, notes, and snippets.

View yoshifumi0521's full-sized avatar

Yoshifumi Sato yoshifumi0521

6 followers · 8 following
View GitHub Profile
@yoshifumi0521
yoshifumi0521 / JQueryのロードに関して。
Created November 17, 2012 09:51
jQueryのロードのやり方。
<!DOCTYPE html>
<html>
<head>
<title>jQueryのロード</title>
<!-- jQueryを、Google Libraries APIで読み取る。最新版の1.8.3を読み取る。 -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
<!-- もし、Google Libraries APIが何らかの理由で読み取れなかった場合の処理。　-->
window.jQuery ||
document.write('<script src="jquery-ui.min.js"></script>');
@yoshifumi0521
yoshifumi0521 / Node.jsのイベント作成の流れ。
Created November 19, 2012 12:04
イベントを発生させるか？を書いてみる。
//イベントを発生させるオブジェクトを作成
var events = require("events");
var emitter = new events.EventEmitter();
//発生させる関数を定義
var sampleListener = function(arg1){
console.log("arg1");
}
//イベント（"occurrence"）を定義して、関数をむすびつける。
@yoshifumi0521
yoshifumi0521 / jQueryMobileのページ遷移をやめる。
Created December 3, 2012 13:16
RailsにjQueryMobileにつんだら、ページ遷移で挙動がおかしくなったので、ページ遷移のtransisionを無効にしてみた。
<!DOCTYPE html>
　 <html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<%= javascript_include_tag "application" %>
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script>
$(document).bind("mobileinit", function(){
$.mobile.ajaxLinksEnabled = false; // Ajax を使用したページ遷移を無効にする
$.mobile.ajaxFormsEnabled = false; // Ajax を使用したフォーム遷移を無効にする
@yoshifumi0521
yoshifumi0521 / jQueryMobileで個別でページ遷移をやめる
Created December 3, 2012 16:39
RailsでjQueryMobileをのっけると、ページ遷移でおかしい挙動があるので、個別にページ遷移でAjaxを無効にする。2つ方法がある。
<!-- リンク要素のdata-ajax属性を"false"にする。　-->
<a href="page2.html" data-ajax="false">page2へ</a>
<!--　リンク要素のrel要素で、"external"を指定する。 -->
<a href="page2.html" rel="external">page2へ</a>
@yoshifumi0521
yoshifumi0521 / javascriptでパラメーター取得
Created December 6, 2012 03:13
javascriptでパラメーターを取得するためのメソッド。getParameterメソッドを定義する。
//getParameterメソッドを定義する。
function getParameter(key) {
//パラメーターを配列で取得する。
var str = location.search.split("?");
if (str.length < 2) {
return "";
}
@yoshifumi0521
yoshifumi0521 / javascriptでパラメーター取得
Created December 6, 2012 03:15
javascriptでパラメーターを取得するためのメソッド。getParameterメソッドを定義する。
<!DOCTYPE html>
<html>
<head>
<title>javascriptでパラメーターを取得。</title>
</head>
<body>
<p>"index.html?key=1&name=taro"でアクセスする。</p>
@yoshifumi0521
yoshifumi0521 / カウンターキャッシュ
Created January 2, 2013 16:05
Railsのカウントキャッシュ。1対多関係で、親モデルに、子モデルの数をカウントするための設定。処理スピードがあがる。
#親のArticleモデル
def class Article < ActiveRecord::Base
has_many :comments
end
#子のCommentモデル
class Comment < ActiveRecord::Base
@yoshifumi0521
yoshifumi0521 / RailsでのAjax処理。
Created January 10, 2013 00:31
RailsでのAjax処理。非同期通信をして、クライアントでにコールバックする。
// view/member/index.html.erb
<%= form_for @member,:remote => true,:html => {:id => 'form'} do |form| %>
//フォーム
<%= form.submit "送信" %>
<% end %>
@yoshifumi0521
yoshifumi0521 / Twitterの文字制限のあるテキストエリア
Created January 15, 2013 23:52
Twitterの140文字制限のUIがよかったので、実装してみた。jQueryを使用。
//テキストエリア
<textarea　id="text_area"></textarea>
//残りの文字数の表示
<p>残りの文字数 <span="count"></p>
//送信ボタン
<input type="submit" value="送信" id="submit">
<script>
@yoshifumi0521
yoshifumi0521 / ランダムな文字列の生成
Created February 12, 2013 15:53
ランダムな文字列の作成方法。ruby。
chars = ("a".."z").to_a + ("A".."Z").to_a + (0..9).to_a
result = ""
8.times do
result << chars[rand(chars.length)]
end
result