yoshifumi0521’s gists

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 / 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 / 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 / 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 / javascriptでパラメーター取得

Created December 6, 2012 03:13

javascriptでパラメーターを取得するためのメソッド。getParameterメソッドを定義する。


	//getParameterメソッドを定義する。
	function getParameter(key) {

	//パラメーターを配列で取得する。
	var str = location.search.split("?");
	if (str.length < 2) {
	return "";
	}

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 / カウンターキャッシュ

Created January 2, 2013 16:05

Railsのカウントキャッシュ。1対多関係で、親モデルに、子モデルの数をカウントするための設定。処理スピードがあがる。

	#親のArticleモデル
	def class Article < ActiveRecord::Base

	has_many :comments

	end

	#子のCommentモデル
	class Comment < ActiveRecord::Base

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 / 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 / ランダムな文字列の生成

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

Yoshifumi Sato yoshifumi0521