SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

DeveloperZine(デベロッパージン)- エンジニアの意思決定を支える技術情報メディア ProductZine

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

Yahoo! UI Library Ver.3 を使ってみよう

Yahoo! UI Library3(YUI3)の標準オブジェクト

Yahoo! UI Library Ver.3 を使ってみよう(3)

オプション設定

 オプション設定に関する処理はモジュールyuiのクラスconfigにまとめられています。YUI(o)のoにハッシュ形式で最大5個まで指定することができます。

 デフォルトで設定してあるオプションを今回のみ変更したいときに設定します。指定したYUI()の中で有効となります。

オプションの設定方法

 オプションの設定例を見てみましょう。

[リスト5]オプションの設定の書き方1
YUI({combine: true, timeout: 10000}).use("node",function(Y) {});

 YUI({})のなかにカンマ区切りで設定します。combineはYUI内で必要になった時、自動でモジュールのローディングを行うかどうかの指定です。timeoutは通信エラーなどで、処理が止まってしまったときのタイムアウトの指定です。数値は、ミリ秒(ms)で指定します。デフォルトはタイムアウトなしになっています。

オプションの種類

 以下は、オプションの一覧です。

configのプロパティ
プロパティ デフォルト 概要
base string 無し 必要になった時モジュールを読み込むディレクトリーの指定
bootstrap boolean true シードファイルを使用するか
combine boolean true 必要になった時、自動でモジュールのローディングを行うかどうか
filter string|object raw モジュールを読み込む経路の設定(後述します)
timeout int 無し タイムアウトの時間をミリ秒(ms)で設定
modules function 無し 自作モジュールファイルなど外部モジュールの読み込み機能

 filterの設定について説明します。イベント処理でデバッグ機能を使いたいとき、デバッグ表示機能がセットされているjsファイルはevent-debug.jsです。通常はevent.jsが呼び出されます。YUI3では、デバッグ機能を使いたいときはfilterに「debug」、使わないときは「raw」を設定します。「debug」のevent-debug.jsには、エラーやコメントなどのログを表示させるプログラムが含まれています。他のプロパティと一緒にリスト6に例題を示します。最大5個までの指定なので、リストを2つに分けました。

[リスト6]オプションの設定の書き方2
//base,bootstrap,combine,timeout
YUI({
      base: '../../build/',
      bootstrap: true,
    combine: true,
    timeout: 10000
}).use('node', function(Y) {});

//filter,modules
YUI({
    filter: 'raw',              //(1)
    modules:  {                 //(2)
        'add_test': {       
            fullpath: './add_test.js',   
            requires: ['node'] 
        }
}).use('node', function(Y) {});

 (1)がfilterです。'raw'、'debug'の指定ができます。

 (2)は外部モジュールの読み込み設定です。「YUIの基本モジュール」で説明した、addメソッドで独自に作成したモジュール等を指定します'add_test'はモジュール名です。fullpathは作成したjsファイルがある場所を指定します。requiresで、作成したadd_testモジュールで使用している既存のモジュール名を指定します。

次のページ
待ち行列処理

この記事は参考になりましたか?

Yahoo! UI Library Ver.3 を使ってみよう連載記事一覧

もっと読む

この記事の著者

山田 祥寛(ヤマダ ヨシヒロ)

静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。主な著書に「独習シリーズ(Java・C#・Python・PHP・Ruby・JSP&サーブレットなど)」「速習シリーズ(ASP.NET Core・Vue.js・React・TypeScript・ECMAScript、Laravelなど)」「改訂3版JavaScript本格入門」「これからはじめるLaravel実践入門」「はじめてのAndroidアプリ開発 Kotlin編 」他、著書多数

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

WINGSプロジェクト 横塚 利津子(ヨコツカ リツコ)

WINGSプロジェクトについて>有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ(代表 山田祥寛)。主にWeb開発分野の書籍/記事執筆、翻訳、講演等を幅広く手がける。 2026年時点での登録メンバは約50名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂きたい。著書記事多数。 RSS X: @WingsPro_info(公式)、@WingsPro_info/wings(メンバーリスト) Facebook

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

CodeZine(コードジン)
https://codezine.jp/article/detail/5005 2010/04/07 14:00

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー