Yahoo! UI Library 3（YUI3）のウィジェット
はじめに 今回は、プログラム作成に、グラフィカルなユーザインタフェースを提供するウィジェット（Widgets）について説明して行きたいと思います。ウイジェットには、表などをページにポップアップさせるモジュールOverlay、スライダーを表示するモジュールSlider、タブパネルを可能にするインターフェースを提供するモジュールTabviewがあります。 対象読者 Webアプリケーションに興味があり、Yahoo! User Interface Libraryに注目している人。HTMLとJavaScriptを使える人を対象にしています。 必要な環境 HTMLとJavaScriptが作成できるエディターとインターネットにつながっているパソコンがあれば、例題の作成、確認ができます。 ポップアップ ページ作成時、一時的に表などをポップアップさせたいときがあると思います。このような時便利な、ポップアップ
ソースコードをハイライト表示するテキストエリア·RSyntaxTextArea MOONGIFT
RSyntaxTextAreaはJava製のオープンソース・ソフトウェア。何度も書いているがWebブラウザのテキストエリアの貧弱さにはがっかりさせられる。あんな表示では新しく文書を書こうという気にはとてもなれない。特にテキストエディタに求める機能が多いプログラミングなど全くできそうにない。 Javaアプレットのデモが提供されている Webブラウザ自体の進化には期待できそうにない。プラグインまたはそれに類するソフトウェアが変えていくしかない。JavaScriptやCSSを使ったハイライタが多い中、RSyntaxTextAreaはJavaを使ってテキストのハイライトを行っている。 Javaアプレットということもあって敬遠されてしまう方もいそうだが、JavaScriptで無理矢理作るよりも実現可能性は高いのではないだろうか。もちろんJava製なのでGUIアプリケーションに組み込むこともできる。ソ
HTML5対応の軽量WYSIWYGエディタ·Aloha Editor MOONGIFT
Aloha EditorはJavaScript製のオープンソース・ソフトウェア。最近は管理ページのような仕組みを持たず、コンテンツの編集をその場で行えるようなソフトウェアが増えている。そうなると需要を増すのがWYSIWYGエディタだ。 フローティング表示のツールバー 見たままに変更が適用されればコンテンツの編集がとても容易になる。既に幾つか有名なWYSIWYGエディタが存在するが、それでも新しいものが登場してくる。今回紹介するのはAloha Editorだ。 Aloha Editorの特徴としては、編集可能なコンテンツ部をクリックするとツールバーが表示される点だ。ツールバーはフローティングになっており、編集箇所の近くまで自動的に移動する（ロックすることもできる）。編集が完了するとツールバーは自動的に消える。 文字装飾、文字種変更も さらにHTML5対応である点も特徴になっている。これは今後
Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation
この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.
EExt Japan - Sencha Touch登場 - モバイル用HTML5フレームワーク
Ext CoreはダイナミックなWebサイト構築に最適な軽量かつ高機能なクロスブラウザー対応のJavaScriptライブラリです。その特徴は： ファイルサイズがコンパクトな約25kb (ext-core.jsをgzip圧縮した場合) 柔軟かつ利用しやすいオープンソースライセンスのMITライセンス Ext開発メンバーにより執筆された体系的かつ網羅的な75ページのマニュアル これまでのExt JSを同じ使い慣れた直感的なAPI Ext JS 2.2 Ext JSはリッチインターネットアプリケーション開発のためのクロスブラウザ対応JavaScriptライブラリです。 高性能でカスタマイズ可能なユーザーインターフェイス 優れた設計、文書が豊富、拡張性の高いコンポーネントモデル 商用ランセンスとオープンソースライセンスが利用できます Ext JS 3.0とExt GWT 2.0が
TechTalkManiacs
国交省による都市モデル、Plateauの3DモデルをThree.jsで表示する方法が実質ネットになかったのでまとめました TL;DR(最初にまとめると) Plateauの3Dモデルは座標系が通常の3Dモデルとは異なっており、そのままだと表示されません Lod1と呼ばれる低解像度のモデルではテクスチャが設定されていないので、設定する必要があります モデル自体にも法線ベクトルが設定されておらず、そのままだと黒い塊になるので設定する必要があります サンプルコードはどこ? ここにあります github.com どうやるの? レンダラーの初期化 このあたりは他の場合と変わりません。ここまでに限れば公式のサンプルなど参考になるリソースが大量にあるので、適当に持ってくればOKです github.com Plateauの座標系をなんとかする Plateauのモデルにおいて、各頂点のz軸は通常の高さですが、
Damremo.com
We unbox and review stuff! Please subscribe to get our new reviews right in your youtube feed. We are part of the amazon affiliate program and make money when you click our links.
Helma - Javascript Web Application Framework
Index of / NameLast modifiedSizeDescription cgi-bin/ 2025-03-20 21:00 -
jQueryベースのJavaScript用MVCフレームワークcorMVCのチュートリアル - TechTalkManiacs
jQueryをベースとしたいわゆるMVCフレームワークであるcorMvcのチュートリアルが公開されています。 corMVCはまだリリースしたてでドキュメントなどがない状態なのでありがたいですね。 ルーティングなどはかなり見慣れた形式で、なかなか使いやすそうです。 // コントローラーの設定 window.application.addController((function( $, application ){ // クラス定義 function Controller(){ //ルーティング this.route( "/", this.index ); this.route( "/contacts/", this.index ); this.route( "/contacts/add/", this.addContact ); this.route( "/contacts/edit/:id
memorycraft wiki: SproutCore ドキュメント翻訳
SproutCore? ドキュメント翻訳 SproutCore?( http://www.sproutcore.com/ )のドキュメントを翻訳します。 とりあえず私家版のつもりなので、適当です。 SprotuCore?はMITライセンスで提供されており、当翻訳Wikiもそれに準じます。
GWT開発者ガイド (Google Web Toolkit Developer Guide)
Google Web Toolkit Developer Guide の日本語訳です。CCライセンスなので訳してみます。 各章の概要 基礎 コアGWTの概念(JavaソースのJavaScriptへのコンパイル、デバッグ、クロスブラウザサポート、モジュール定義など)を説明する UIの構築 ギャラリに示されているように、GWTは豊富なJavaウィジェットとパネルを含む。これらはアプリケーションのクロスブラウザを構築する部品として機能する RPC 簡単に使用でき、標準HTTP越しにサーバとJavaオブジェクトをやりとりすることができるRPCメカニズム JUnitとの統合 JUnitとの統合で、他のJavaコードと同じくらい簡単にAJAXコードを試験することができる 国際化 単一のコードベースで複数ロケールを簡単にサポートできる JavaScriptネイティブインタフェース (
JSONで管理するHTML5音楽プレイヤーを作ってみた (1/4)
HTML5サウンドプレイヤーのサンプル。マウスで選択した曲（音声ファイル）を再生し、ラインアートを表示する。画像クリックでサンプルページを表示します（Firefox 3／Opera 10／Safari 4で表示可能） HTML5 Audioを使ってブラウザー上で動くサウンドプレイヤーを作る記事の続き。前回は、再生リストから選択した音楽（音声ファイル）を再生する基本機能を作りました。このままでも十分と言えば十分ですが、今回はビジュアルエフェクトと操作ボタンを追加して、より充実した機能のプレイヤーに仕上げていきます。 ビジュアルエフェクトを追加する まずビジュアルエフェクトを追加します。今回は、サウンドプレイヤーの背景いっぱいにcanvas要素を配置し、canvas上にランダムな色の線を描画していくラインアートのプログラムを用意しました。 HTML5 Canvasの基本的な使い方については本連
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://gwt-ext.com/
GWT Widget Library
jQuery UIのインタラクションを使ってみよう
Google Code Archive - Long-term storage for Google Code Project Hosting.
https://arandomurl.com/2010/07/25/html5-pacman.html
smartgwt - Google Code
http://code.google.com/intl/en/webtoolkit/
