Yahoo！の流れるパネルをJSライブラリで再現 (1/5)
日本最大のポータルサイト「Yahoo！ JAPAN」のトップページがリニューアルしたのは、2008年1月のこと。従来の2カラムから3カラムのレイアウトに変わり、世界各国のYahoo！に合わせる形でデザインも一新されました。同時に行なわれたのが、ユーザーインターフェイス（UI）のリッチ化です。新しいYahoo！ JAPANのページには、タブ／アコーディオンパネル／フローティングウィンドウなど、ここ数年のトレンドであるAjaxを使ったUIが随所に盛り込まれています。 こうした流れは、トップページだけではありません。リニューアルと前後して、Yahoo！ JAPANではさまざまなサービスのUIの改善が実施されています。今回はその中のひとつ、「Yahoo!知恵袋」に注目してみましょう。今年2月にリニューアルされたばかりのこのQ＆Aサービスの新しいトップページが、今回のお手本です。 今回のお手本サイト
Script.aculo.usで実現できる、さまざまな視覚効果
はじめに 先に「Script.aculo.usで、ビジュアルなWebページを！」で、Ajaxを利用した各種のGUIコンポーネントについて説明をしました。今回は、Script.aculo.usのもう1つの柱である「視覚効果」について説明しましょう。 視覚効果は、特定の要素に対し、さまざまな表示の変化を与えるものです。例えば、消したり表示したり、動かしたり、スタイルを変えたり……。Script.aculo.usの視覚効果は、それらの経過時間や開始・終了時の状態などを細かに設定することができます。 実際にサンプルをいくつか試してみれば、「あれ？ この効果、どこかのサイトで見たことあるぞ？」と思うものがいくつも見つかることでしょう。Script.aculo.usの視覚効果は、非常に簡単に導入することができます。実際にサンプルを動かしながら、自分の目で確かめてみてください。 対象読者 JavaScr
技術系サイトに必需品！ ソースコードは鮮やかに JavaScriptもPHPもHTMLもOK！「Syntax Highlighter」の使い方
Webプログラミング/Webデザインのネタを扱うブログやWebサイトを運営していると、HTMLやCSSなどのソースコードを掲載することが多くあります。そんなときにぜひ活用したいのが、ソースコードを読みやすく表示してくれるJavaScriptライブラリです。今回は、そのうちの1つ、「Syntax Highlighter」の使い方を紹介しましょう。 多くの言語の構文強調表示に対応した「Syntax Highlighter」 HTMLなど各種言語のソースコードをWebページの中で表示するのは、HTMLのpre要素を使えば簡単です。ただ、ソースコードをそのまま表示すると、見た目が分かりやすくはありません。そこで、タグなど言語の特定キーワードに色を付けて、他の部分よりも強調して表示することで見やすくしましょう。 こういった「構文強調表示」を行なうJavaScriptは、いくつか公開されていますが、そ
第3回 ライブラリ（Papervision3D）を利用してFlashをつくっていく | gihyo.jp
第3回では、wonderfl build online（以下、wonderfl）上でライブラリを使いながら、さらに高機能なFlashをつくっていきます。 高機能なFlashを効率よく作るには、ライブラリの使用は不可欠です。Actionscript3を使用したオープンソースのライブラリは豊富にありますので、先人の知恵を活かしていきましょう[1]。 wonderflでPapervision3D入門 車メーカーのキャンペーンサイトなどで、3DCGを使って商品のデザインを演出しているサイトを見かけたことはありませんか？ 実は、高速な演算処理を可能したActionscript3の登場により、Flashを使うことで3DCGを操作できるようになっています。 Flashで3Dを扱うための代表的なライブラリとして、Papervision3Dがあります。現在も活発に開発を続けられており、パフォーマンス向上や
jQuery UI
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. What's New in jQuery UI 1.13? Compatibility with recent jQuery versions (up to 3.6): Usage of deprecated jQuery API
第1回 rhacoの魅力 | gihyo.jp
rhacoとは rhacoはオープンソースで開発されているPHPのライブラリとセットアップフレームワークです。ほぼすべての機能をtokushima氏（http://tokushimakazutaka.com/）が開発しています。また、rhaco1.6 においてはそのほかに数人のメンテナがバグフィクスなどを行っています。開発者やメンテナは皆日本人なので、日本語でサポートを受けられるのも魅力的です。 公式にはあくまでライブラリという扱いではありますが、フレームワークとしての機能も持ち合わせているので、ほかのウェブアプリケーションフレームワークと同様、高速にアプリケーションの開発を行うことができます。 また、rhacoは後述するセットアップフレームワーク（セットアップアプリケーション）を内蔵しているので、rhacoを利用したアプリケーションは、デプロイ時の設定作業などをすべてブラウザ上で行うこと
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
Aptanaで始めるJavaScriptライブラリ「jQuery」超入門
JavaScriptライブラリ「jQuery」とは？ 最近、Flashの代わりにJavaScriptを利用してリッチなデザインのWebサイトを構築する事例が増えてきました。特にグーグルのサービスは、JavaScriptをうまく取り入れている例として誰もがご存じでしょう。 例えばGoogleマップは、Webブラウザ上でマウスをドラッグ＆ドロップするだけで、地図を自由に操作できます。このような操作感は、まるでWebサイトであることを意識させない作りになっています。 本来、JavaScript自体はインターネットが広まり始めたころから存在していて、決して目新しい技術ではないのですが、Webブラウザの種類やバージョンによって挙動が異なることから、JavaScriptを使って大掛かりな仕組みを作ることは不可能だと考えられてきました。 しかし、最近ではWebブラウザは自動的にバージョンアップされるよう
オープンソースのライブラリ「SDL.NET」で始める ゲームプログラミング ～前編～
SDLはオープンソースで開発されている、シンプルな構成のマルチメディアプログラミング向けライブラリで、その手軽さから多くのプログラミング言語向けに様々な実装が存在しています。その中から本稿では、「SDL.NET」というSDLの.NET Framework向け実装の一つを、ゲームの実装例を交えて紹介します。 はじめに SDLというライブラリをご存知でしょうか。「SDL（Simple DirectMedia Layer）」はオープンソースで開発されている、シンプルな構成のマルチメディアプログラミング向けライブラリです。手軽さから多くのプログラミング言語向けに様々な実装が存在しています。 その中から本稿では、2回に分けて「SDL.NET」というSDLの.NET Framework向け実装の一つを紹介しようと思います。SDL.NETはSDLの機能をほとんど内包しているほか、全体がクラスとしてほどよ
Part4 ●JavaScriptライブラリ「jQuery」で楽々プログラミング
日経ソフトウエア2008年6月号にて掲載した「特選フリーソフト170」をお届けします。Partごとにテーマを決めて，そのテーマに沿ったフリーソフトを最後のページでまとめて掲載しています。2008年6月号の付録DVD-ROMには一部のフリーソフトを収録したため，それに関する表記がありますが，ご容赦ください。また，「お役立ちフリーソフト一覧」でもフリーソフトを紹介しています。 ※ 記事は執筆時の情報に基づいており，現在では異なる場合があります。 Webブラウザが解釈/実行するスクリプト言語の一つであるJavaScriptは，サーバーと連携したシステムにも広く使われるようになってきました。JavaScriptのライブラリを使うことで，JavaScriptのプログラミングは，より生産性や保守性の高い，楽しいものになります。手始めに「jQuery」はいかがですか？ Ajax（Asynchronous
BASP21 DLL
添付ファイルの指定例： files="c:\temp\aa.txt|abc.txt" ' 別名指定 files="c:\temp\aa.txt||application/octet-stream" ' Content-type 指定 files="c:\temp\aa.txt|abc.txt|application/octet-stream" ' 別名+Content-type 指定 例： svname = "c:\mailqueue" ' メールキューのフォルダ名 svname = "odyssey" ' SMTP サーバマシン名 svname = "host1.who.com/odyssey:25:60" ' ドメイン名 + SMTP サーバマシン名 ' + PORT + TIMEOUT mailto = "あのひとさん<xxxxx@xxxx.xxx>" ' 宛先 mailfrom =
JavaScriptでMP3を再生するライブラリの作り方
はじめに JavaScriptでMP3を再生するライブラリ「playmp3.js」の作り方を解説します。MP3の再生にはFlashの機能を利用し、JavaScriptからFlashの関数を呼び出すなど、JavaScriptとFlashの連携方法も併せて紹介します。 Flashファイルの作成には、フリーのFlashコンパイラMTASCを利用しますので、Flashを持ってない人でも応用ライブラリを作成できるでしょう。Flashと連携することでJavaScriptの可能性が広がります。 以下のサイトで、MP3再生のサンプルを試せます。 JavaScriptでMP3再生するサンプル 対象読者 JavaScriptで効果音やBGMを鳴らしてみたい人 JavaScriptとFlashを組み合わせて面白いことをやってみたい人 必要な環境 FirefoxまたはIE 6以降 フリーのFlashコンパイラ M
JavaScriptで飛び出すWebページへ！
「解像度が低く画面領域が狭いPCでも見やすくページを表示させたい」「すっきりとしたレイアウトに見せたい」――そうした、Webページのコンテンツの表示／非表示を切り替えたいことがある。そんなときには、やはりJavaScriptを使うのが便利。上下・左右にコンテンツを折りたためるようにするJavaScriptライブラリはいくつもあるが、今回はちょっと変わった楽しい演出で表示を切り替えてくれるライブラリを紹介しよう。それが「jQuery pageSlide」だ。 jQuery pageSlideは、jQueryのプラグインとして動作するオープンソース（MITライセンス）のJavaScriptライブラリ。このpageSlideをWebページに組み込むと、特定のリンクをクリックするだけで右側から別のコンテンツがスルッとスライドで飛び出してくるようになる。そのまま左側の領域をクリックすると、今度は左か
Flash制作を簡単にするActionScriptライブラリとは？（1/3） - ＠IT
Flash制作を簡単にする ActionScriptライブラリとは？ 特集：Flasherに便利なオープンソース「Spark project」 Spark project コミッタ 新藤 愛大 2008/12/10 「ActionScriptライブラリ」って何？ 読者の方は、Flashを使った複雑なアニメーションの制作をどのように行っているのでしょうか。ActionScriptコードを勉強して一から制作していますか？ そんな人にこそ知っておいてほしいことがあります。実は、オープンソースの「ActionScriptライブラリ」を使うと、無料で簡単に複雑な機能・動きが実現できるのです。 ActionScriptライブラリとは、一言でいうと、「みんなが使えるように公開されているActionScriptコード」のことです。 イマイチピンと来ませんか？ そんな人でも、「Tweener」「Paperv
JavaScriptライブラリ75選 | エンタープライズ | マイコミジャーナル
Smashing Magazine WebサイトやWebアプリケーションのインタラクティブ性・ダイナミック性を向上させるにはJavaScriptの活用が有効だ。最新のWebブラウザはJavaScriptの実行性能向上に継続的に取り組んでいるし、劇的な実行速度向上が相次いで報告されている。WebサイトやWebアプリケーションにおけるJavaScriptの採用はしばらくの間はホットトピックであり続ける流れにある。 JavaScriptを使ったアクションや効果の追加を実施する場合、どういったライブラリがあるのかを調べ求める機能を実現した適切なライブラリやフレームワーク、またはコードの断片をコピーして活用するといった作業をおこなう。そこでSmashing Magazineで公開されている75 (Really) Useful JavaScript Techniquesに注目しておきたい。Webデベロ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
テクノロジー : 日経電子版
オープンソースのライブラリ「SDL.NET」で始める ゲームプログラミング ～後編～
http://www.ujihara.jp/iTextdotNET/ja/