OpenNTFで非常に便利そうなものを見つけたので紹介します。Designerでは、これまでlessのエディタがなく、編集できませんでしたし、当然コンパイルもできませんでした。このプラグインを入れると、Lessの編集ができ保存時に自動的にCSSの生成を行ってくれます。いままでは、私はオンディスクプロジェクトで出力したファイルをSublimeTextを使ってLessファイルを編集していたのですが、そんな必要も無くなりそうです。なに?という人もいると思うので、ちょっと解説。CSSをメンテンナンスしていると、ローカルルールに従ってセレクタの親子関係を綺麗に整えたりしようとするのですが、複数人で編集したりCSSが長大になると把握が非常に難しくなって、結局非常に煩雑なり、とても人様にお見せできないものが出来上がってしまうことがよくあります。色調を統一したいのですが、あらゆるところに色コードを書かざる得ないので、一括の変更などが難しいです。そんなCSS格闘家の救いとなるのがLessなのです!Lessの特徴セレクタを階層構造で記述できる!ミックスインで、複数のスタイル指定を定義できる!変数が利用できる!コンパイラが構文エラーを教えてくれる!複数のファイルに分割して編集->1つのCSSにコンパイルできる!どうです?これ聞いただけでもよだれ出てきません?私は出てきました。じゅるるん♪でも一から勉強するのも大変・・・ということはありません。LessはCSSの仕様を拡張している、つまりCSSとしても書けるので、CSSを知っていればLessをマスターするのも容易いです。プラグインを導入しようLessの使い方はあとに回して、まずはプラグインを導入しましょう。Eclipseのプラグインとして配布しているので、まずDesignerのプリファレンスで「Eclipseプラグインのインストールを有効にする」にチェックを入れておきましょう。こちらから"xspless-r1.zip"ファイルをダウンロードして、適当なところに展開します。Designerのメニュー[ファイル]-[アプリケーション]-[インストール]をクリックします「インストール/更新」のダイアログでは、"インストールする新しフィーチャーの検索"を選択して[次へ]を押します。「アプリケーションのロケーション」のダイアログでは、[フォルダー・ロケーションの追加]をクリックして、上で展開したフォルダの中の"org.openntf.xsp.less.builder.update"のフォルダを選択します。「ローカルサイトの編集」ダイアログでは、そのまま次へを押します。「更新」のダイアログでは、すべてのチェックボックスにチェックを入れて[次へ]を押します。「インストール」のダイアログでは、ライセスの内容をヨクヨンデ(棒)"使用条件の条項に同意します"を選択して[次へ]を押します。v2.0のようですね。「インストール」のダイアログで[終了]を押すと、インストールが実施されます。途中このようなダイアログが出てきたら、自己責任で"このプラグインをインストールする"を選択してください。Designerを再起動したら完了です。DesignerでのLessの使い方Designerでアプリケーションを開いて、[リソース]->[スタイルシート]にファイルを追加します。ファイル名の最後には必ず".less"をつけます。ここでは"style.less"とします。"style.less.css"のように勝手に".css"がつきましたが気にしないでください。Nature]をクリックします。すると"style.css"というのができたと思います。機能を試してみましょう。Lessを書いてみるここではLessの機能について簡単に説明します。詳しくは、本家サイトで確認してくださいね。(^^;セレクタをネスト化できる下のコードを"style.less.css"に書いて保存します。"style.css"を開くとCSSのコードが書かれているはずです。#f00}どうです?簡単でしょ。セレクタが階層構造で記述できるので、整理が非常にしやすくなりました。実際にはCSSは、ミニマイズされ1行になっていると思います。ミニマイズが嫌な場合は生成されたCSSを[ctrl+shift+F]で整形してくださいね。#f99}色やサイズを変数で定義できます。数値はもちろん、色の計算もできちゃいます。テーマカラーを変数で定義しておいて、それを元に演算で各エレメントの色を決めておくと、イメージカラーの変更がすごく容易になります。色変換に関してはビルドインの関数が多数あるので、本家サイトで確認してください。bold}あたかも関数のような振る舞いが実現できます。Lessがものすごく強力なのがお分かりいただけましたか?最後にここで紹介したLessの機能はごく一部です。本家サイトで確認して、いろいろな機能を試してみてください。vistas赤字で補足・修正しています。みなさん!XPages開発していますか!?前回JavaScriptは一旦やめて~みたいなこと行っておきながら、やっぱりJavaScriptです。いえ、これまではJavaScriptのちょっと高度な使い方だったんですが、今回からはこれまでNotes/Domino開発を行ってきた人向けに、これまでとXPagesとの違いを比較しながら進めていきたいと思います。これまでのNotes開発では、@式やLotusScriptでコーディングしてきました。XPagesになってほぼJavaScriptオンリーになって、戸惑う方も多いでしょう。フォームWebでもクライアントJavaScript書きますけど、ガッツリ書くことはあまりなかったでしょうし。題してこれらの比較を何回かに渡って説明していきたいと思います。LotsuScriptJavaScript加算++減算--乗算**除算//剰余mod%整数除算\(なし)加減乗除について、何も変わらないですね。(文字連結については違いが有ります。