IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

ウェブブラウザ「Google Chrome」の最新安定版であるバージョン123.0.6312.58(Linux)／123.0.6312.59(Windows、Mac)がリリースされました。CSSやWeb APIに様々な機能が追加されており、従来よりさらにウェブコンテンツの表現力が豊かになっています。 Chrome Releases: Stable Channel Update for Desktop New in Chrome 123: light-dark function, Service Worker Routing API, and more! - YouTube ◆CSS関数light-dark() CSSの色関数として、新たにlight-dark()が追加されます。この関数は引数として2つの色を指定することができ、下記の状況に応じていずれか一方を返します。 ・ウェブ開発者が明色

最近 prototype.js + script.aculo.us や jQuery を使って Ajax なプログラミングを体験してみた。この2つは「JavaScript プログラミングを楽にするためのライブラリ」って感じで，アプリを丸ごと作るには不足。少なくとも充実したコンポーネント（と管理機構）は欲しい。ざっくり眺める感じで調べたところ，次の3つが候補になった。 Google Web Toolkit Java で書いてから JavaScript に「コンパイル」する変わり種。しかし Java で記述した状態でブラウザでテストできる。Eclipse や JUnit が使えるのも大きな魅力。Ajax のサーバ側がサーブレットなのがいまいち。 Yahoo UI Library 天下の Yahoo さん提供。コンポーネントが多くてうれしい（ウィンドウ/ダイアログ/メニューなど）。namespa

Javaで有名なSunがAJAXの各種リソース関連諸々を集めたサイトを開設したようです。 詳細は以下の通り。 AJAX Developer Resource Center AJAX Tools & Resources AJAX Downloads サンプルコンポーネントが以下にあります。 Sun Java Studio Creator - Sample Components また、Ajax対応のWebアプリ構築ツール「Sun Java Studio Creator 2」というのもダウンロードできるようです。 Sun Java Studio Creator Downloads

Enterprise Strategy Group: Go-to-market Expertise to Help You Win

フォルダアイコンをマウスでドラッグ＆ドロップすることで、好きな場所に入れ替えることができるというAJAXです。なかなか面白い。 まずはデモ画面、こんな感じです。 Folder tree with Drag and Drop capabilities Demo ご丁寧なことに、フォルダの仮想のアイコンも一緒に移動させることができます。エクスプローラの操作感覚を再現しています。 スクリプト自体はこちらから。 Folder tree with Drag and Drop capabilities

前回，前々回と，Yahoo! ウェブ検索Webサービスを利用するサンプルを通じて，AjaxでXMLデータを利用する方法について紹介しました。XMLを利用することで，サイト検索結果のような複合的な情報（構造化データ）を，使用するプラットフォームを意識することなく，やり取りできます。前回，XMLデータをクライアントサイドで受け取れることを確認したところで，今回はより詳らかにXMLデータ読み込みの部分を見ていくことにしましょう。 XML操作の標準API「Document Object Model」 DOM（Document Object Model）とは，その名の通り，XML文書内に登場するタグや属性，テキストといった構成要素を汎用的に操作するためのオブジェクト群のことを言います。DOMを利用することで，与えられたXML文書から必要な情報を取り出したり，データを編集/追加/削除したり，といった操

図2●作成したクライアントをテスト<br>クライアントから受信したデータをそのまま返送するサーバーを使ってテストした様子。入力データがそのまま表示されるのが分かります。 前回はAjaxの概念や利点を説明し，筆者が作成したAjaxアプリケーションを紹介しました。紹介したものの一つがインクリメンタル検索用アプリケーションです。検索ボタンをクリックして初めて検索される通常のWeb検索とは異なり，インクリメンタル検索はキーワードを1文字入力するたびに即座に検索を実行します。検索結果はKWICという形式で表示します（図1[拡大表示]）。KWICはKeyWord In Contextの略で，前後の文脈付きで検索結果を表示する形式です。 今回から2回にわたり，このインクリメンタル検索を実現するAjaxアプリケーションを作成します。単なる動作説明用の「おもちゃ的な」サンプルではなく，実用性のあるツールとし

Manage your digital assets in one place. Experience hassle-free data organization and secure sharing with our reliable file management solution, perfect for small teams and multinational corporations. Start now  → Effortlessly Organize Your Digital Assets with Fluxiom Fluxiom is the ultimate digital asset management system, streamlining the organization of your marketing materials, photos, videos,

Google Mapsで鈴鹿サーキット試走 で使っているテクニックを紹介します。 ゲームのソースを見てみてください。なんと、JavaScript 部分は70行ほどです。かなり少ないですよね。たった、70行でゲームを作れてしまうのは、これから説明するような単純な方法で実装しているからなんです。 実は動いていない車 ゲームをプレイしているといかにもドライブしているような感覚になりますが、実は車は回転するだけで、車の表示位置は変わっていません。動いているのは背景の地図だけなのです。 車の表示位置は動いていないのに、走っている感覚になるんですね。こういう表現って、8ビットゲーム機時代にはよくありました。たとえば、スーパーマリオでも、マリオが全速力で走っているときは、マリオの画面中の表示位置は変わらないまま、背景が動いているだけでした。 では、車はどうやって回転させているのでしょう。 バッファリング

Google Maps API を利用した便利なサービスが数々発表されているけど、別に遊びのために活用してもいいよね。 そんな思いから、Google Mapsをレーシングゲームに応用してみました。 Google Mapsで鈴鹿サーキット試走 簡単操作のテスト版ですが、それなりに楽しめると思います。時間測定や当たり判定がないのはご愛嬌ということで許してください。 応用例 操作方法などはリンク先に書いたので、ここではさらに応用例を考えてみます。 実測地図を利用したRPG ドラクエ３をリアルな世界地図で・・・とか。 リアル桃鉄 データさえ入力すれば実現できるはず。オンラインゲーム化したら楽しそう。 フライトシミュレータ サテライト写真を使えば、実際に飛んでいる気分になる！　高度が上がるにしたがって、ズームレベルを変更するとリアリティーが出るかも・・・。 シューティングゲーム インベーダから地球を