タグ

htmlに関するtotoko55のブックマーク (44)

  • RailsにおけるMVCフレームワーク

    Rails は MVC アーキテクチャに基づいて構築されたフレームワークです。 MVC とは、 Model-View-Controller の略で、アプリケーションの中で行う役割がモデル、ビュー、コントローラーの 3 つに分かれています。ここでは Rails における MVC とはどういったものなのかを解説します。 RailsアプリケーションにおけるMVCフレームワーク MVC フレームワークの MVC とは、 Model-View-Controller のそれぞれ頭文字をとったもので、アプリケーションを構成する要素がモデル、ビュー、コントローラーの3つに明確に分かれています。 モデル、ビュー、コントローラーの関係を図にすると次のようになります。 それぞれの役割について簡単にご紹介します。 ルーティングとコントローラ Controller(コントローラー)は、ユーザーのリクエストを受け取り

    RailsにおけるMVCフレームワーク
  • prototype.js を使ったインクリメンタル・オート Selecter クラス

    prototype.js を以前から使ってみたいと思っていたのですが、なかなか時間がとれなくて触ることができませんでしたが、必要に迫られて JavaScript のコーディングをすることになりました。良い機会なので prototype.js を使ってみることにしました。 今回の要件(前提条件)として、 リストボックス・リストボックス内のデータが数千件とあまりにも多くなってしまい、選択するにも何処に目的のデータがあるかわからないのを改善したい。 Ajax とかを使ってインクリメンタル検索を実装する暇もない。(他人が作った CGI をリファクタリングしたくない。) どうせなら、CGI は改良せず html-template の修正だけですませたい。 社内ツールってことで、ブラウザは IE と FireFox に限定できるので prototype.js とかで Web 2.0 的な記述OK。 と

  • 双方向通信を実現! WebSocketを使いこなそう

    (1)Ajax XmlHttpRequestオブジェクト(JavaScript)を利用した非同期通信処理のこと。Googleマップを筆頭とするWebアプリケーションで活用されている。ブラウザからサーバ側に非同期でリクエストを実施してデータを受け取り、JavaScriptにより部分的にページを更新することで、ページ全体を更新するよりも低負荷でサーバと通信できる。また、通信中も操作を継続できるので、エンド・ユーザーの操作を妨げられることもなく、ユーザビリティに優れる。デメリットとして、基的にブラウザからのリクエストで動作する仕組みなので、サーバ側から自動でデータを送信することはない。

    双方向通信を実現! WebSocketを使いこなそう
  • 外部のJavascriptを読み込む

    <script type=”text/javascript” language=”JavaScript” src=””></script> Javascriptを使って、装飾をページに反映させる場合、HTMLに直接挿入(記述)する場合の他に、外部ファイルでJavascriptを読み込ませることが出来ます。 挿入位置はHTML構造の<head></head>内です。 「src=””」でJavascriptのファイル場所を絶対パスまたは相対パスで指定します。 記述例 <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”> <html lang=”ja”> <head> <script type=”text/javascript” language=”JavaScript” src=”./js/style.js”></scr

    外部のJavascriptを読み込む