Tapestry JavaScript(1)

あまり情報として出てきませんが、TapestryではJavaScriptも簡単に扱えます。
HTMLテンプレートにJavaScriptを書くこともできますし(Tapestry3ではできませんでした）、特定のコンポーネントを使用するときに自動的にJavaScriptを生成して出力したり、動的に出力内容を変更したりといったことも可能です。
簡単なJavaScriptであれば、HTMLテンプレートに、<script language=”JavaScript” type=”text/javascript” src=”general.js” ></script>等記述し読み込ませる。もしくは、そのままJavaScriptを記述することもできますが、状態により出力するJavaScriptを変更したいときに、コンポーネントとセットにしたJavaScriptテンプレートを使用します。
Tapestry3とTapestry4ではJavaファイルの書き方が異なりますが、それ以外のファイルは共通です。
Tapestry4でのJavaScriptテンプレートの扱い方について説明したいと思います。
以下に記述するのは、TagListコンポーネント内でJavaScriptを生成し、TagListコンポーネントが使用されているページが表示した時に、ダイアログを表示するサンプルです。ダイアログに表示する文字列は、TagListコンポーネント内で決定しています。

サンプルコード

-WEB-INF/jwc/TagList.script

<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE scriptPUBLIC "-//Apache Software Foundation//Tapestry Script Specification 3.0//EN""http://jakarta.apache.org/tapestry/dtd/Script_3_0.dtd"><script><body>var ${varName} = "${varValue}";　　　　alert(${varName});</body></script>

JavaScriptファイルを用意します。スクリプト名は、Tapestryの標準のコンポーネントの命名規則に従い、コンポーネント名+ .script名としましたが、特にスクリプト名に制限はありません。
DOCTYPEは、Tapestry3, Tapestry4 両方共、Script_3_0.dtdを指定します。
-WEB-INF/jwc/TagList.jwc

<component-specification class="jp.co.taosoftware.tagraw.tape.jwcs.TagList" allow-body="no" allow-informal-parameters="no"><inject property="script" type="script" object="TagList.script"/></component-specification>

-TagList.java

/*** Inject* @return*/public abstract IScript getScript();protected void renderComponent(IMarkupWriter aWriter, IRequestCycle aCycle) {if(aCycle.isRewinding())return;PageRenderSupport pageRenderSupport = TapestryUtils.getPageRenderSupport(aCycle, this);Map symbols = new HashMap();symbols.put("varName","name");symbols.put("varValue","12345");getScript().execute(aCycle,pageRenderSupport,symbols);.....}

出力結果（HTML)

<html><body><script type="text/javascript"><!--var name = "12345";alert(name);// --></script>....</body></html>

出力結果(画面表示)
javascript1.png
2006/3/07加筆

上記の例では、Scriptテンプレートファイルの指定は、pageファイルで、<inject property=”script” type=”script” object=”TagList.script”/>のように、行いましたが、アノテーションを使用してjavaファイル内での使用も以下のように記述することで可能です。

@InjectScript("TagList.script")public abstract IScript getScript();

TagList.scriptの場所は、pageファイルでの指定では、pageファイルからの相対になりますが、上記の場合、Javaファイルからの相対となりますので、Javaファイルと同じディレクトリに配置する必要があります。
簡単なサンプルですが、何ができるのか？JavaScriptファイルをどのように生成するのかの参考にしてください。
詳しい解説等は次回にしたいと思います。

Share on Tumblr
LINEで送る

コメント

コメントを投稿

このブログの人気の投稿

島へ移住の話【炊飯】

イメージ
こんにちは。 タオソフトウエアの杉山です。 今回は炊飯について取り上げます！ 電気からガスへ 慣れると戻れない できるだけ大きな家電を買わずにすますため、 島へ移住の話【家電品 – 使わなくなった電子レンジ– 】 で触れた通り、もともと電子レンジで炊飯していました。これが水や米が変わっても使えそうな炊飯釜などを調べている中で、炊飯にガスを使うようになりました。 子どもの頃の実家のご飯も電気釜で、人生のほとんどは電気で炊飯されたご飯を食べてきました。ガスで炊飯するのは小学生の授業での経験ぐらいしかなかったですが、普段の生活で電気からガスへ変えてみたら意外と早く時間短縮になるので驚いています。 ガス代は少し上がりますが急上昇するようなことは無く、電気代が下がったので安上がりになりました。大島はプロパンガスのため、都市ガスだともっと安くなるかなと感じています。 昔のガス釜の炊飯器は壊れず美味しいと聞いたことがありますが、何となく根拠も何もないですが分かる気がします。 ガスに変えたばかりの頃は水量の調整などが難しかったですが、慣れると戻れなくなります。 昔からあるような設計のガス釜を試してみたく調べると高いので鍋で炊いてますが、電気炊飯器には戻れなさそうです。 「普段から購入する玄米」は非常食のご飯に 伊豆大島は前回の噴火から時間が経ち、特に2021年頃は小さな地震が多く発生して「遠くないうちに噴火があるのではないか」と耳にすることが多く、災害対策に関する話を多く聞いてきました。 その中で災害時の非常食になる乾燥米飯（お湯を入れて20分ぐらい待つだけでできるご飯パック）をいただきました。食べてみると美味しかったのですが、以下のような点がありました。 お米そのものの種類が豊富で、乾燥米飯になる前はどんな素材だったのか気になる。 値段が高い。 作るのに待ち時間が水で60分、お湯で15分と長い。お湯を何らかの方法で入手する必要がある。 作るのにかかる時間という点に着目すると、白米をガスでたくプロセスは次のような感じです。（人により好みがあると思いますので、あくまでも一例です。） お米を浸水させて塩をひとつかみぐらい加えておく。ここから完成までフタを開けないこと。 少し強火にかけて沸騰しそうになったところで極弱火にし、10分加熱。 その後20秒ぐらい中火にしてから火を止める。 10
続きを読む

ドローンプログラミング体験教室を伊豆大島の小学校でしてきました

イメージ
最近このタオソフトウエアブログに、弊社杉山の伊豆大島記事がアップされています。彼は昨年から地域活性化企業人として、伊豆大島で仕事をしており通常業務をしておりますが、今回地域活性化企業人の企画第一弾として、ドローンプログラミング体験教室を行いました。（第二弾があるかはよくわかりません）。 コロナにより子供達は不自由な暮らしをしてきています。大人であれば行動制限は仕方のない事だと理解できるし、旅行やイベントはコロナ収まってから行けばよいやと納得も可能です。しかし子供達は修学旅行とか、運動会とか、その年代にしか体験できないイベントが多くあります。行動制限など納得できない事が多いと思います。しかも島という地理的特色により、他の地域の子供達より多く行動に制限がかかってしまっています。 そこで、少しでも子供たちに楽しんでもらえたらと思い、プログラミングとドローンを両方勉強できて、さらに楽しいというお得な、ドローンプログラミング教室を開催しました。 だって、ドローン飛ばすの楽しいですからね 開催目的 大島に住む小中学校の「IT」に対する興味や関心を高めたい。 新型コロナウイルスによる影響で色々な制限をうけている中、少しでも驚きや楽しみを味わってもらいたい。 開催情報 日時：８月２９日（月） １３：３０～１５：３０ 場所：椿小学校　体育館 対象：椿小学校６年生 参加費：無料 主催：大島町役場　総務課　電子研鑽係（地域活性化企業人制度） 講師：タオソフトウエア株式会社、 株式会社ナレッジエックス 当日 ドローンプログラミング教室は、大島の３つの小学校でそれぞれ行います。第一回目は、つばき小学校。正門がすごい立派で周りの木々も含めとても、趣がある小学校でした。８月２９日（月）は、大島町ではまだ夏休みで、人がほとんどいなかったのもあり、静寂に包まれた落ち着いた小学校で素敵でした。 つばき小学校正門 今回のイベントは、大島に赴任している地域活性化企業人が企画しましたが、大人向けのプログラミング教室ならともかく、子供にプログラミングを教えるのは、ちょっと荷が重いかなと思い、教育関係の仕事をしていて、タオソフトウエアの新人教育等にもお世話になったことのある、 株式会社ナレッジエックス さんをお誘いして一緒に授業を行う事にしました。 授業内容 ドローンについての一般知識座学 ドローンを飛ばしてみ
続きを読む

情報処理安全確保支援士登録証のカード型が届きました。

イメージ
情報処理安全確保支援士は、サイバーセキュリティ分野の日本国の国家資格ですが、本日登録証が届きました。 ２０２０年５月に制度見直しが入り、カード型の登録証が登場しました。 制度見直しについて： https://www.ipa.go.jp/siensi/kaisei.html 情報処理安全確保支援士の情報は、あまりネットに上がっていないので、情報共有です。 表 パット見て車の免許証みたい。いや保険証かな、年数によりグリーン、ブルー、ゴールドと色が変わるらしい。（ゴールドとか運転免許みたい）、でもこれって、せっかく作ったのに、今のデジタル庁云々の話の流れで、マイナンバーカードに統合されてしまい短い命なのではないかなと思ったりします。 カードの色について： https://www.ipa.go.jp/siensi/toberiss/index.html ※生年月日の部分だけ加工しました。 ※登録番号は、公開番号なので大丈夫です。 ※名前は、私の場合隠しても意味がないです 裏 「登録削除されたときは、この登録証を返納すること」の記載が気になりました。維持していくのに結構な金額がかかるので、講習等でお金を払うタイミングで、やめるかを決める事になるかと思いますが、カード返納するの忘れそう。 まとめ カードが届いて少し気分が上がりました。１枚のカードでしかないですが、セキュリティ関係もう少しアクティブに動くかなという気持ちになります。 情報処理安全確保支援士は、士業なのに、今のところあまりメリットがないと言われてきてますが、専業業務も少し出てきていますし、中の人も結構いろいろと頑張っているようです。私としては、これを持っていると、脆弱性チェックがしやすくなるように、不正アクセス禁止法がある程度緩和されると良いのになと思ってます。 ふと気が付けば、ここにブログ記事を書くのは２年ぶりでした。久しぶりすぎてログイン自体てこずりました。 Share on Tumblr Tweet
続きを読む