[B! ajax] chucker34のブックマーク

LinuxにRuby on Railsをインストールする | tsuchikazu blog

開発環境をMacにする人が最近はだいぶ増えてきました。MacでRuby on Railsをインストールするという記事は、探せばいくらでも出てくるので、今回はLinux上でインストールしてみます。VPS等で試してみてください。（Macもほとんど変わらないんですが）環境 CentOS 6.3 Rails 3.2.8 gitをインストール rbenvのインストールにも使うし、いまどきgit入ってないとかなんなの。という感じなので、入れておきましょう。 $ sudo yum install git $ git --version git version 1.7.1 rbenvのインストール rbenvは、簡単にrubyのバージョンを切り替えられるコマンドです。 Macの場合は、homebrewでインストールできてすごく楽です。今回はMacOSではないので、gitからcloneしてインストールしま

chucker34 2015/07/19

“rbenv install -l”

ajax

リンク

[js] スマートフォンのAjax フォーム送信時にキーボードを消す

Goボタンを押した時のイベントは submit もしくは event.keyCodeのcode=13 で取れますが、テキストフィールドやテキストエリアに入力後、スマホのキーボードでGoボタンを押した時、onsubmitをキャンセルしていたりするとキーボードが隠れないので、キーボードが表示された要素からblur()でフォーカスを外す必要があります。フォーム内に送信ボタンがあるならボタンにフォーカス移すのが手っ取り早い。

chucker34 2012/07/10

リンク

JQueryとPHPで作るシンプルなAJAX

Ajaxを使うことで、Webのユーザーインターフェイスを劇的に改善することが出来るんだけれど、イマイチ良いサンプルが見つからなかったのでJQueryとPHPで実装するサンプルを作ってみたよサンプルが見つからない理由Ajaxはサーバーとクライアントの連携で動いているけれど、サーバーは多種多様な技術があるので網羅できない。クライアント側だけ説明すると、サーバー側が抜けるのでそのままではサンプルを動かすことが出来ない。ということで、ターゲットをPHPとJQueryに限定してサーバーからクライアントまで一貫したサンプルにしてみました。ソースコードを極力シンプルにして全コード掲載しています。作る物クライアントからサーバーに数値を二つ送信し、二つの値を足した結果をサーバーから取得して画面を更新する。用意する物PEARが動くサーバー今回はJSONを処理するのにPEARのJSONライブ

chucker34 2012/03/30

ajax

リンク

jQuery,Ajaxでcgiに接続する方法がわからなくて困っています

とりあえずjQueryのサンプルです。（cgiがperlでなくPHPで申し訳ない） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja-JP"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script type="text/javascript" charset="utf-8" src="/jslib/jquery-1.4.2.min

chucker34 2012/03/29

ajax

リンク

P_BLOGのコメントを取得するAPIのようなもの

ポータルシットのコメント一覧ページで、マウスオーバーして全文を取得するやつをかっこよくした。これまではjQueryでスクレイピングして、記事のパーマリンクからコメントを取得していた。しかしこれは無駄なクエリが発生する。記事本文を取得するクエリとコメントを取得するクエリだ。これはださいと思っていたので、Rubyでコメントを取得してJSONで返すCGIを書いた。 #! /usr/bin/env ruby #-*- coding: utf-8 -*- start_time = Time.now require "rubygems" require "active_record" require "mysql" require "kconv" require "cgi" ActiveRecord::Base.establish_connection( :adapter => "mysql",

chucker34 2012/02/29

リンク

JavascriptプログラムでAjaxの非同期通信を行い、レスポンスデータをグローバル変数に代入し、関数の外に出したいの... - Yahoo!知恵袋

JavascriptプログラムでAjaxの非同期通信を行い、レスポンスデータをグローバル変数に代入し、関数の外に出したいのですがundefinedとなったり、代入されません。どうかご教授お願いします。 JavascriptプログラムでAjaxの非同期通信を行い、レスポンスデータをグローバル変数に代入し、関数の外に出したいのですがundefinedとなったり、代入されません。どうかご教授お願いします。 -----以下ソースコード-------- yahoo(); function yahoo(){ w=0; new Ajax.Request(url, { method: 'get', onSuccess: getData, onFailure: showErrMsg, parameters: paramList }); function getData(data){ response = d

chucker34 2012/02/25

ajax

リンク

prototype.js と Ruby を使って流行の ajax

prototype.js と Ruby を使って流行の ajax name と age を入力して送信するとサーバ側で編集して返します。 CheckPoint サーバソースをutf-8で保存することにより双方向の文字化けが解消された。ソース HTMLソース - sample1.html <script language="javascript" src="../../scripts/prototype.js"></script> <script> function getText() { var ele_name = document.getElementById("name"); var ele_age = document.getElementById("age"); var serverURL = "../../cgi-bin/ajax/sample1/sample1.cgi";

chucker34 2012/02/25

ajax
ruby

リンク

[Ruby] jQuery の勉強のために Webrick を使った超簡易手抜きサーバーを準備した - 遠回りするかな

chucker34 2012/02/24

ajax
ruby

リンク

Ajaxなチャットを作ってみた - gan2 の Ruby 勉強日記

サンプルはここ→http://www.gan2.65rpm.com/lab/ajax-chat.html デザインは全然何もいじってない。とりあえず、これから色々作っていくものの雛形って感じ。ファイルは、HTMLとJavaScriptとCGIスクリプト(Ruby)の3つに分けてある。 JavaScriptのライブラリはprototype.jsを使用。以下はソース。 ajax-chat.html <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>Ajaxなチャット</title> <script type="text/javascript" src="lib/prototype.js"></script> <script type="text/javascrip

chucker34 2012/02/23

ajax

リンク

連載インデックス「jQueryで学ぶ簡単で効果的なAjaxの使い方」 - ＠IT

連載インデックス「jQueryで学ぶ簡単で効果的なAjaxの使い方」いま話題の「jQuery」を使って、目的を持ったAjax開発の効率化や使いどころ・注意点などについてサンプルを見ながら解説していきます。Webデザイナ／プロデューサーも必見！ Aptanaで始めるJavaScriptライブラリ「jQuery」超入門 jQueryで学ぶ簡単で効果的なAjaxの使い方（1）　いま話題の「jQuery」の入門記事です。無料ツールAptanaやjQueryのプラグインを使って簡単にWebアプリを作成します

chucker34 2012/02/22

ajax

リンク

特集：jQueryではじめるAjax｜gihyo.jp … 技術評論社

chucker34 2012/02/22

ajax

リンク

今からでも遅くない Ajax基本のキ---目次

山田祥寛（やまだよしひろ） Microsoft MVP for ASP/ASP .NET。執筆コミュニティ「WINGSプロジェクト」の代表でもある。主な近著に「XMLデータベース入門」「PEAR入門」「Smarty入門」「10日でおぼえる入門教室シリーズ（Jakarta・JSP/サーブレット・PHP・XML）」（以上，翔泳社），「今日からつかえるサンプル集シリーズ（JSP＆サーブレット・PHP5・ASP・XML）」（以上，秀和システム），「書き込み式 SQLのドリル」（ソシム），「JSP/PHP/ASPサーバーサイドプログラミング徹底比較」（技術評論社）など。最近では，IT関連技術の取材，講演，監修まで広く手がける毎日。

chucker34 2012/02/19

ajax

リンク

Ajaxを勉強しよう

このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリサンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。第一章　Ajaxって？ AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja

chucker34 2012/02/19

ajax

リンク

ハイテンションAjax入門 - 三等兵

JSが少しできる人ならうじうじ考えるほどのこともでもない！何も難しいことはない！ぶっとんぢまいなよ！ヒャッパー！！！というノリでAjaxを学んでみました。醜いです。 Ajax入門 Ajaxはいろいろできるんだぜ！以上入門終り！キミは完璧だ！次いけ！ Ajaxは非同期通信だかなんだかそんなもんはどうでもいいんだ！どうでもいい！そんなことよりもXMLHttpRequestオブジェクト生成！ var request = false; if(window.XMLHttpRequest) { request = new XMLHttpRequest(); //frefox ie7,8 safai opera } else if(window.ActiveXObject) { try { request = new ActiveXObject("Msxml2.XMLHTTP"); // ie6

chucker34 2012/02/19

ajax

リンク

Ajax初心者入門講座

AjaxのプログラムでjQueryのreadyを使ってみましょう。 jQueryとはJavaScriptライブラリの一種で、今やデファクトスタンダードと言われるくらい人気です。前回はわざとJavaScriptのプログラムの中で、jQueryの機能を呼び出していました。何故なら、最初はできるだけ元のプログラムを変更せずに、最小限の修正だけで動くようにしたかったからです。でもjQueryっぽい書き方というか、本来ならjQueryのイベントやメソッドを使った書き方があります。そこで今回は、前のプログラムを、jQueryを主体として書き換えてみます。早速、やってみましょう。【1】前回に作成したsample002jq フォルダをコピーして sample002jq-2 フォルダを作成します。【2】今回は以下のようなファイルの構成になります。・test.js を少しだけ変更します。