Visit dojo.io for documentation, examples, and more on Dojo, the Progressive Framework for Modern Web Apps and successor to the Dojo Toolkit Dojo Toolkit 1.17 A JavaScript toolkit that saves you time and scales with your development process. Provides everything you need to build a Web app. Language utilities, UI components, and more, all in one place, designed to work together perfectly. Get Dojo
一般的に高機能JavaScriptフレームワークとして知れれるDojo。最初のバージョンがリリースされて3年弱、Dojoはさまざまな機能を実装してきた。強力なUIを備えたウィジェットが数多く用意されており、あるウィジェットを探していたらDojoにたどりついた、という方も多いのではないだろうか。 そのDojoの最新版「Dojo Toolkit 1.2」が10月6日にリリースされた。そこで、本稿では、最新版を用いて、Dojoの簡単な使い方からいくつかのウィジェットの使用方法を紹介する。 短いコードを書くだけですぐに使える Dojo ToolkitはJavaScriptフレームワークのひとつだ。開発に便利な拡張関数をはじめ、フォームにちょっと組みこんで使用するものから、グリッドやチャート図描画といったかなり凝ったUIまで幅広いウィジェットが用意されている。 短いコードを書くだけですぐに使えるよう
The Dojo Toolkit - great experiences...for everyone 6日(米国時間)、Dojo Toolkitの最新版となるDojo Toolkit 1.2が公開された。Dojo ToolkitはJavaScriptで開発されたAjax Webアプリケーションフレームワーク。特にフルフィーチャフレームワークと呼ばれ、基本的な機能から多種多様な機能、それにUIまで包括的に提供しているところに特徴がある。フルフィーチャフレームワークでありながら遅延読み込みを活用することで初期読み込み時間を短縮し、軽量のフレームワークのように動作するところも特徴的。 Dojo Toolkit 1.2は1.0および1.1と概ね後方互換性が確保されている。しかしさまざまな機能追加や変更、非推奨化が進められており、移行するには若干考慮しなければならないポイントがある。1.1から1.
dojoはすでにRelease Versionが1.1となっていて、昨年から今までにかけて、かなりのスピードで進化している。昔のVersion 0.4.3と比較すると、コンポーネントの作り方などに大きな変更が入っていたりする。本職でdojoを使う機会も多いので、ここでは代表的なカスタムコンポーネントの作り方を紹介してみよう。 代表例とは「コード入力とその名称の表示」部品。商品コードを入力すると、その脇に商品名が自動的に表示される、というものだ。 ちなみに、dojoは以下のサイトから1.1を入手する。 http://dojotoolkit.org/downloads 入手後、Webサイトの任意のコンテキスト内に配置する。多くの場合、jsとかjavascriptsとか、JavaScriptコードのファイルを配置する専用のディレクトリを作成する。今回は、以下のようなレイアウトとしてみる。 +–
今回からUIウィジェットの紹介! 今回からいよいよ、Dijitが持つ多彩なUIウィジェットを詳解していく。 今回はテキストフィールドやチェックボックスといった、標準的なHTMLでもサポートされている入力フォームを紹介する。そうした標準的な部品が、Dijitではどのように強化されているか、という点から説明する。 チェックボックス、ラジオボタン、トグルボタン 対応するクラス dijit.form.CheckBox dijit.form.RadioButton dijit.form.ToggleButton 利用例 チェックボックス、ラジオボタン、トグルボタン <input type="checkbox" dojoType="dijit.form.CheckBox" checked="checked">チェックボックス <input type="radio" dojoType="dijit.fo
深くて広いDojo Toolkitの世界を紹介する、当連載は今回4回目だ。 前回は、Dijitプログラミングをこれから行っていく上で最低限必要な知識として、「属性」や「メソッド」、そして「拡張ポイント」についての説明を行った。今回は、マークアップを用いずにDijitプログラミングを行う方法について解説したい。 マークアップを用いないDijitプログラミングの概要 「マークアップを用いずに」と言うのは、つまり「JavaScriptコードのみを用いてウィジェットを生成する」と言うことだ。どういうことかを手っ取り早く知っていただくために、まずは軽くコードで説明しよう。 まずは、ボタンウィジェットをマークアップで記述する例をお見せする。 <div id="button" dojoType="dijit.form.Button" label="クリック!></div> このコードを、マークアップを用
深くて広いDojo Toolkitの世界を紹介する、当連載は今回3回目だ。 まずは個人的な事情により、前回の記事からずいぶん間が空いてしまったことをお詫びしておきたい。連載をお休みしていた間にもDojoは進化を続けており、バージョン1.1がリリースされている。1.1でも魅力的な新機能が満載で、連載で紹介しなくてはならない事柄が大幅に増えてしまっている。随分長い連載になってしまいそうだが、気長におつきあいいただきたい。 今回も、前回に引き続きDijitに関するお話である。Dijitウィジェットを構成する基本的な概念についてお話しする。以前の特集では駆け足でしか紹介できなかったが、丁寧にわかりやすく説明することを心がけたい。 Dijitの基本用語を学ぶ では、Dijitで使用される基本的な用語をまずは説明しておこう。これらの用語はこの先も頻繁に利用するので、まずはしっかり身につけておきたい。
クラウドネイティブの実現 モダンインフラの構築・運用の課題解決へ コンテナの可能性を広げるVMware Tanzu EDRトップランナー対談：後編 セキュリティ戦略を転換せざる得ない背景と EDRのような手法が必要な理由に迫る 体験から学んだ成功への知見 マネーフォワード×エム・フィールド対談 Fintechプラットフォーム開発の「鍵」 ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス セキュリティモデルは変わった！ クラウド活用、リモートワークはあたりまえ いま求められるゼロトラスト実現のために 大学、研究機関、製造業など いま目覚ましい躍進ぶりを見せるデルのHPC その背景と選ばれる理由にせまる データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある オープンソース活用はあ
前回のおさらいと今回のお題 Dojo Toolkitの連載記事にようこそ! 当連載は、Dojo Toolkitのあらゆる機能についてのスタートアップガイドと、簡易的なリファレンスを目指すものである。まとまった情報をお望みの方は、特集(第1回、第2回)も参考にどうぞ。 前回は、連載開始にあたってのイントロダクションということで、連載の目的や全体の構成についてお話しした。今回は実質的な連載1回目ということもあり、準備運動がわりの軽い話題から始めていきたいと思う。まずはDojo Toolkitのインストールと、Dijitを用いた簡単なUIプログラミングだ。 Dojo Toolkitのダウンロードとインストール Dojoのインストール…と言っても難しいことは何もない。公式サイトからアーカイブをダウンロードして、任意の場所に展開するだけだ。展開すると、以下のようなディレクトリレイアウトになっている
連載を始めるにあたって Dojo Toolkitのバージョン1.0が正式リリースされたのは、2007年11月のことだ。現在、執筆している時点でのバージョンは1.0.2である。Prototype.jsやjQueryなど、現在人気のフレームワークが「コードを短く記述できる」事を主眼のひとつとしているのに対し、カバーしている範囲が非常に広いことと、一貫した設計に基づいたライブラリが魅力のJavaScriptフレームワーク、それがDojoだ。 今回は、Dojo Toolkitの解説という形で連載を行うにあたってのイントロダクションとして、どのような読者を対象とし、どうお役に立てるか、という点を明らかにしていきたいと思う。 これまでマイコミジャーナルでは2回にわたって特集を行い、Dojoの魅力と利用方法についてお伝えしようとした。 第1回 基礎知識編…Dojoプログラミングの基礎となるAPIについて
身近な改善の第一歩！ ニューノーマルな働き方を前提にした これからの時代のWi-Fi環境構築のポイント ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス 特集：セキュリティトレンド-秋- つながる世界で問われる対応 サプライチェーンセキュリティを考える 激変するビジネス環境の中でのDX モダンアプリケーション戦略への取り組みが 市場の競争力の源泉となる ITインフラ運用からの解放 HCI＋JP1による統合運用による負荷激減で 次世代IT部門への役割変革へ一歩前進 今を知り、未来を見据える 培ってきたノウハウを最新技術へ対応させる レガシーシステムのモダン化実現への道 ライバル同士がタッグを組む理由 マイクロソフトとヴイエムウェアが連携し パブリッククラウドへの移行を支援 大学、研究機関、製造業など いま目覚ましい躍進ぶりを見せるデ
IT部門のDXはこれだ！ IT運用管理新時代における最適な運用管理 の現場作り EDRトップランナー対談：後編 セキュリティ戦略を転換せざる得ない背景と EDRのような手法が必要な理由に迫る デジタル時代のITインフラ構築術 仮想化統合、クラウドを経て今「マルチ」へ ITインフラの最適化と継続的進化への道筋 ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス 時代はサーバ仮想化からコンテナへ あらためて整理したい企業ITにおける コンテナ活用の基礎と採用メリットを紹介 特集：IT最適化への道 成功の秘訣をその道のプロが解説 カギとなるのはシステムの「見える化」 アプリケーションモダナイズ 求められている背景にあるビジネスの今 そして、成功の鍵を握るDevOpsの真の意味 オラクルスペシャリストが語る！ 多くの企業で利用されるオラクル
前回の特集「詳解! Dojo Toolkit 1.0 (基礎知識編) - 頻出APIと便利機能を一気におさえる」では、Dojo Toolkitが持つ基本的な機能を紹介した。記事中でもお伝えしたとおり、ダウンロードしたDojoを展開すると図1のようなディレクトリ構成になっている。 Dojo展開後のディレクトリ構成 前回の特集で主に取り上げたのは「dojo」ディレクトリ以下のさまざまなAPIについてであった。今回は、UIウィジェットフレームワークである「Dijit」を中心とした解説をお届けする。 ただ、Dijitは非常に膨大なUIフレームワークであり、とてもではないが今回の特集ですべての要素を紹介することは不可能であった。そのため今回は、JavaScriptフレームワークやUIプログラミングに慣れた読者を対象とし、Dijitの根幹を理解する助けとなることに努めたい。 個々のウィジェットに関する
大学、研究機関、製造業など いま目覚ましい躍進ぶりを見せるデルのHPC その背景と選ばれる理由にせまる 激変するビジネス環境の中でのDX モダンアプリケーション戦略への取り組みが 市場の競争力の源泉となる ITインフラ運用からの解放 HCI＋JP1による統合運用による負荷激減で 次世代IT部門への役割変革へ一歩前進 単純なインフラ製品の販売ではない DX、コンテナプラットフォームの実証など 自社の取り組みで得られた知見を顧客に提案 クラウドネイティブの実現 モダンインフラの構築・運用の課題解決へ コンテナの可能性を広げるVMware Tanzu データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある アプリケーションモダナイズ 求められている背景にあるビジネスの今 そして、成功の鍵を握るDevOpsの真の意味 特集：IT最適化への道 成
さあ、その想いをカタチにしよう。 Google Cloud が企業の未来に向けた生産性 向上とコラボレーション実現のヒントを解説 今を知り、未来を見据える 培ってきたノウハウを最新技術へ対応させる レガシーシステムのモダン化実現への道 体験から学んだ成功への知見 マネーフォワード×エム・フィールド対談 Fintechプラットフォーム開発の「鍵」 ともにDXを推進する コンテナ化されたワークロードを管理 継続的な価値を生みだす「協創」への挑戦 単純なインフラ製品の販売ではない DX、コンテナプラットフォームの実証など 自社の取り組みで得られた知見を顧客に提案 非構造化データのデジタル活用へ 社内の文書コンテンツを一元管理 デジタル変革と内部統制の二兎を得るECM 結果に差がつくウェビナーへの投資 デジタル営業時代における見込み顧客獲得へ ウェビナーの運用・集客・フォローの最適化 オラクルスペ
時代はサーバ仮想化からコンテナへ あらためて整理したい企業ITにおける コンテナ活用の基礎と採用メリットを紹介 RPAによる自動化を年30万で実現 小さな投資が目に見える大きな効果に！ デジタル化によるわかりやすい業務効率向上 ITインフラ運用からの解放 HCI＋JP1による統合運用による負荷激減で 次世代IT部門への役割変革へ一歩前進 ものづくり現場の情報セキュリティ インダストリー4.0は製造業の変革期 工場のデジタル化によるリスクへの対応 身近な改善の第一歩！ ニューノーマルな働き方を前提にした これからの時代のWi-Fi環境構築のポイント データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある 今を知り、未来を見据える 培ってきたノウハウを最新技術へ対応させる レガシーシステムのモダン化実現への道 サーバースペシャリストへの道
はじめに AJAXは、デスクトップアプリケーションと同じくらい対話性と応答性のよいリッチなWebアプリケーションを開発する手段として、多くの開発者に採用されてきました。AJAXでは、WebのUIを異なるセグメントに分割します。ユーザーはあるセグメントで操作を実行し、その操作が終わらないうちに他のセグメントで作業を開始することができます。 しかし、AJAXには大きな欠点があります。戻る、進む、ブックマークといった標準的なブラウザ機能が無効になるのです。AJAXアプリケーションの開発者は、ユーザーをAJAXの欠点に無理やり順応させるのではなく、アプリケーションを従来のWebインタラクションスタイルに合わせ、次の機能を提供するようにしなければなりません。［戻る］／［進む］ボタンが機能するようにして、エンドユーザーが直観的なやり方で履歴ページ間を移動できるようにする。ユーザーがブックマークを作成で
Dojo Toolkit 先日、フルスタックのJavaScriptフレームワークであるDojo Toolkitのバージョン1.0がついにリリースされた。Academic Free License v2.1とBSD Licenseのデュアルライセンスが採用され、使用するプロジェクトに合わせてどちらかを選べるようになっている。 足かけ三年以上にわたり開発が行われた同フレームワークは、期待に違わず凄まじく多機能で、その全体像をつかむのも容易ではない。 今回は、Dojo Toolkitに関して広範かつ、なるべく詳細な解説を行うため、二回に分けた特集を試みる。 特集の前半である本記事は、Dojoの基本的な知識とトピックを解説したいと思う。後半では、Dojoが備えるUIウィジェットの話題を中心に、Dojoを使用してリッチなWebページを作成するための様々なテクニックを紹介したい。 ということで、前半記
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く