JSONを使ってAJAXベースのアプリケーションを高速化する：CodeZine本稿では、Amazon Web ServicesをPHPで操作する方法を説明します。AWSを利用する方法には大きく分けてRESTとSOAPがあります。本稿ではまず、簡単なため多くの開発者に利用されているRESTを紹介し（SOAPは本稿では扱いません）、より抽象度の高い方法であるPEAR Services_Amazonを使った利用方法を紹介します。
ブラウザ上で動作するOSのまとめ:phpspot開発日誌
Big WebOS roundup - 10 online operating systems reviewed at franticindustries - web 2.0, social networking, IT technology trends. ブラウザ上で動作するOSのまとめ。 Ajaxが登場して以来、いろいろと出てきたWebOSを見てみましょう。 Craythur Desktoptwo EyeOS Glide Goowy Orca Purefect SSOE XinDESK YouOS なかなか面白いサービスが多く、JavaScriptで実装しているUIについても見るだけで参考になる部分がありそうです。
DHTMLで超クールなリッチWebアプリケーションを作成する「DHTML Suite」:phpspot開発日誌
DHTML Suite DHTMLで超クールなリッチWebアプリケーションを作成する「DHTML Suite」。 次のようなデスクトップアプリ風インタフェースをWebアプリに実装したいときになかなか便利です。 他にも、エクスプローラ風のテーブルウィジェット 次のようなリッチなタブＵＩ実装ライブラリ など、リッチなWEBアプリを作るのに便利なライブラリが一式になってダウンロードできます。 他にもフォルダツリーやツールチップなどの機能も盛り込まれているようです。 おなじみ、dhtmlgoodiesの配布ライブラリなのでなかなか注目ですね。 関連エントリ JavaScriptでMacOS XのDock機能を実現する Yahoo UI Libraryを拡張した超リッチなコンポーネント集 Javascriptを使ったブラウザ上で動作するExcelシートライブラリ Ajaxな有用コンポーネント集
【ハウツー】JavaScriptの開発の決定版!? AdobeからJSEclipse (1) JSEclipseとは | エンタープライズ | マイコミジャーナル
Ajaxアプリケーションを開発するにあたって、多くの場合、JavaScriptのコーディングが何らかの形で行われる。しかし、Prototype.jsを始めとするライブラリが大きくなりつつある昨今、単純なエディタで開発するのは骨が折れる。JavaやC++にあるように、コーディングを助けるためのIDEが必要となるだろう。 そこで紹介したいのがJSEclipseだ。JSEclipseはEclipse IDE用のプラグインで、JavaScriptのコーディングを補助するための機能を提供するもの。Adobe Labsから提供されている。 すでに試験提供が開始されており、機能追加も活発におこなわれている。JavaScriptコーディングのための機能を多く提供しており、開発効率をあげてくれることは必須。本稿ではこのJSEclipseを紹介したい。
角丸に関するあれこれ
最近、というか Web2.0 的デザインなんてものが言われ始めてからというもの、「角丸」 ってやつがとっても人気ですね。(X)HTML、CSS 関連の話題でもよく取り上げられています。 ということで、角丸の作り方をいくつかの種類別に、また、数値などを入力するだけで、角丸のソースを生成してくれる角丸ジェネレータなどをいくつかまとめてみました。 角丸の作り方その1、画像を使う方法 ソースがどうこうとか、まったく気にしないで塗りつぶしの角丸ボックスを作るだけなら、4つの角に配置する画像を用意した上で、下記のような感じにすれば得に難しくもなく角丸完成と。しかもフレキシブル。しかしソース汚い。 <!--HTML--> <div class="left-top"> <div class="right-top"> <div class="left-bottom"> <div class="right-b
JavaScriptでMacOS XのDock機能を実現する:phpspot開発日誌
Alexei@Nitobi Blog Archive Development Diary: Taming the Fisheye I thought it might be a good idea to document the development of one of our components from a user-interface perspective. We’re in the process of developing a host of new components now, which should be ready for release early this spring. One of these is a Fisheye Menu. JavaScriptでMacOS XのDock機能を実現する。 Dock機能というのは、次の画像のようにカーソルを合わせると画
JavaScriptを使ってページにマウスジェスチャ機能を実装する:phpspot開発日誌
YUI: Mouse Gestures JavaScriptを使ってページにマウスジェスチャ機能を実装するサンプルが公開されています。 基本ライブラリにはYahoo UI Libraryを使用しています。 画面上の灰色部分を左クリックしながらマウスジェスチャを行うことでアクションを起こすサンプルになっています。 コードは次のようになっています。 最初に、マウスの向きと関数名を関連付けた連想配列を定義して、YAHOO.widget.Gestures.init に渡しています。 後は関連付けた関数の中身を定義するだけという実装の容易さとなっています。 <script type="text/javascript"> var config = { 'left': test1, 'right': test2, 'up': test3, 'down': test4, 'upleft': test5,
Ajax - LITBox(Lightbox風ダイアログ表示ライブラリ)の一歩先行く使い方｜アークウェブのブログ
SEの竹村です。 Lightboxという画像のサムネイルをクリックすると同じ画面上で拡大画像を表示できるJavaScriptのライブラリがあります。Lightboxについては、以下の公式ページのほかに、様々なブログに評価や応用例が掲載されているので検索してみてください。 Lightbox JS http://www.huddletogether.com/projects/lightbox/ 同じように、リンクをクリックすると同一画面上でBOXが開き、HTMLを表示するライブラリがあります。それが今回取り上げる LITBox です。 Ryan J Lowe’s Dev Blog ? Blog Archive ? LITBox http://www.ryanjlowe.com/?p=9# これは、URLを与えると非同期でデータを取ってきて、BOX内に表示するものです。 その他の基本的な使い方に
小粋空間: RSS Feed（フィード）を表示する
RSS Feed（フィード）をブログのサイドバー等に表示するテクニックです。方法は色々あるみたいですが、ここでは「Feed2JS」を利用した方法を紹介します。 Feed2JS はフリーのツールです。RSS フィードを HTML として表示させる仕組みは、まずこの Feed2JS に対し、ブログに表示したい RSS フィードのURLを入力して、それに対応する JavaScript を生成します。そしてこの JavaScript をブログに貼り付けまておきます。あとはページを表示することで、JavaScript から Feed2JS のPHPを起動し、さらにPHPのプログラムから RSS フィードを取得し、HTML に変換して表示する、という訳です。 異なるドメインのRSSも利用することができ、表示方法もきめ細かい設定が可能で、単純なテキストとして取得することも可能です。 Feed2JS はサ
ウノウラボ Unoh Labs: Web2.0時代のJavaScriptで注意することを5つほげほげ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
Firebug Lite - IEやOperaでFireBugのconsoleをエミュレートするライブラリ: ある SE のつぶやき
Firebug Lite FireFox拡張のFirebugを利用すると、Ajaxの開発で、JavaScriptのデバッグやDOMインスペクタなどを利用できて非常に便利です。 ただ、colsole.logなどはコンソールに値を出力できるのですが、FireFox以外のブラウザで実行するとJavaScriptエラーになる問題があります。 このFireBugLigeというライブラリを読み込んでおくと、JavaScriptエラーが出ないだけでなく、ある程度ならコンソールにも値を出力してくれます。 JavaScriptエラーがでないだけでよいなら、同じサイトにあるfirebugx.jsを読み込めば大丈夫です。 これは便利！ ・サンプルコード <html> <head> <!--firebug.js読み込み--> <script language="javascript" type="text/jav
IEやOperaでも使えるFireBug Lite＆FireBug1.0Betaリリース:phpspot開発日誌
Firebug Blog Archive Firebug 1.0 News (via Ajaxian) Thanks to the 130 people who commented thoughtfully on my previous blog about Firebug. I’m so excited about getting Firebug 1.0 out to you guys, and I’ve been working my tail off to get the beta in shape for a wider release. Today I have three big announcements to make. JavaScriptでのデバッグに欠かせない、IEやOperaでも使えるFireBug Lite＆FireBug1.0Betaリリース。 FireBugは
ウノウラボ Unoh Labs: Web2.0エンジニアのためのJavaScriptリファレンス集
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
JavaScriptistを作る際に活用したツールや素材あれこれ:phpspot開発日誌
オンラインでBasicやC++、JavaScriptの開発＆実行が出来る「codeide」 次の記事 ≫：.htaccess ファイルを簡単作成「.htaccess Editor」 JavaScriptist を作る際に活用したツールや素材あれこれ。 先日、JavaScript 情報サイトの JavaScriptistを公開しましたが、その際に利用したツールや素材のサイトを紹介しておきます。 Silk Icon サイトに使ってるアイコンは殆どこれを使っています feed icons RSS用のアイコン ドリームラインジェネレーター 一部、画像生成のためにドリームラインジェネレーターを使わせていただきました。 参考：「ドリームラインジェネレーター」で誰でも簡単に目を引くクールな画像を作る方法 dp.SyntaxHighlighter JavaScriptのみでコードの色分け表示が可能なライブ
script.aculo.usで、2つのエフェクトを交互に実行する（Effect.toggle）
script.aculo.usにはエフェクトをトグルする機能が用意されている。 Effect.toggle($('element'), 'slide');このようにすることで 要素が見えている場合はSlideUpを適用して隠し、 要素が見えていない場合はSlideDownを適用して出現させる という処理を自動化できる。自分で判断しなくて良いので楽チンだ。 デフォルトでは Effect.PAIRS = { 'slide': ['SlideDown','SlideUp'], 'blind': ['BlindDown','BlindUp'], 'appear': ['Appear','Fade'] },という3組が用意されているが、これは自分で定義することも可能。 例えば以下のようにすると Grow ⇔ Shrink のトグルエフェクトが定義できる。 Effect.PAIRS['grow-shr
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法:phpspot開発日誌
Insert HTML page into another HTML page | published @ aplus moments IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法。 Objectタグで外部ファイルを読み込む方法があるんですね。 <html> <head> <title>test</title> </head> <body> <!--[if IE]> <object classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data="/exec/some.html" style="width:100;height:100px"> <p>non object</p> </object> <![endif]--> <!--[if !IE]> <--> <object type="text/html
画像が舞う＠Bookmarklet - [μ] Creaism.Blog
画像が舞う＠Bookmarklet 2006年11月21日 21:02 カテゴリ技術メモ タグ ：画像BookmarkletJavascriptdigg 画像が表示されているページで、 このブックマークレットを実行すると、 画像が動き出します！！ まるで舞ってるみたいｗｗｗ ■ 画像が舞うブックマークレット ------ 職場で話題になっていたんですが、 ネタの出所が分かりません(δ。δ;A)゛ 知っている方、是非教えてくださいませm(_ _)m ------ 061124 更新 フジブログ！！のよしはろさんから、 ネタの出所を教えて頂きました！！ ありがとうございます(*´∇｀*)♪ 何でも、作者はロシア人らしい。 diggで話題になって・・・ということのようです。 ※ 関連サイト ■ Луд жаваскрип }:-) | SlackPack http://www.slackpack
![画像が舞う＠Bookmarklet - [μ] Creaism.Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/774d5d6bb372032fdc5e420d9956a2aa70a4a147/height=288;version=1;width=512/https%3A%2F%2Flivedoor.blogimg.jp%2Fcreaism%2Fimgs%2F4%2Fa%2F4aa4ff9a.jpg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
bayashi.net
oitake blog
