去年の正月はAI生成画像でご挨拶させていただきましたが、今年はAI生成音楽を使ったMVでもってFacebookにてご挨拶させていただくことにしました。
2007/02/15 RSSフィードをソースに複数のモジュールを組み合わせて自分独自のデータを出力させる米ヤフーのマッシュアップツール「Yahoo! Pipes」が注目を集めている。ビジュアルにモジュールを組み合わせてネットワービスを開発できる「Pipes Editor」が用意されていて、手軽に始められるのが受けている。米ヤフーのIDだけで利用できるYahoo! Pipesを試してみた。 5つのソースからデータ入力 Pipes Editorではすべての機能がモジュールで提供される。このモジュールをパイプでつなぐことで機能が実現する。開発者が最初に気にする必要があるのはデータのソースだ。データのソースとして用意しているのは次の5つだ。 Yahoo! Search 米ヤフーの検索結果をソースにできる Yahoo! Local 米ヤフーの地域情報をソースにできる Fetch ユーザーが指定するR
一番簡単な画像置換の方法-imageReplace.js- 画像置換は設置がややこしく。 デメリット・メリットの切り分けが困難です。 そんなわけで一番簡単な画像置換の方法として、画像置換javascriptライブラリ-imageReplace.js-を作ってみました。 設定は簡単head要素内にimageReplace.jsを読み込むだけ。 <script type="text/javascript" src="./imageReplace.js"></script> あとは、画像置換したい要素にclass属性に『imageReplace』と記述しスペースを空けて『置換する画像名』、『ロールオーバーする画像名』を記述します。 例えばこんな感じに。 <a class="imageReplace ajax_a.gif ajax_b.gif" href="/ajax/">Ajax</a> 『ロー
AjaxやJavaScriptのライブラリー AjaxやJavaScriptのライブラリー集 汎用ライブラリー Prototypejs 言わずと知れた最も汎用性の高いJavaScript Framework 【参考エントリー】 prototype.jsを使ってみる 3 prototype.jsを使ってみる 2 prototype.jsを使ってみる 1 jquery 9KBという軽量さで高速なJavaScriptライブラリ。MITライセンス Yahoo! UI Library Yahoo全般で使われているJavaScriptやCSSをまとめたBSDライセンスで使えます。 Spry framework for Ajax Adobeがリリースしたjsライブラリ。DWの標準JavaScriptエンジンでもあります。BSDライセンス 画像表示系ライブラリ Lightbox JS V2.0 スライドシ
「画像なしでのまとめサイト紹介」シリーズ第二弾。 以前紹介したものもありますが、やっぱりまとまっていると便利なのでご紹介。 アイコンまとめサイト18選です。 » Collection of Sites Providing Free Web Icons and Buttons キュートなアイコン満載です。ライセンスをご確認の上、ご利用ください。国旗のアイコンとか見るとなんかウェブサービス作りたくなりますね・・・。 さきほどのチュートリアルとあわせて、サイトを作るぞ、というときに知っておくと便利ですね。
拡大縮小しても画質が劣化しないベクターデータは何かと便利です。 Tutorial Blogで無料で使えるベクターデータを配布しているサイトが紹介されていました。全部で27あります。 ふきだし風のパーツやアクア風のボタン、国旗やトランプなど、さまざまな用途に使えそうです。 ↑ こうしたサイトデザインに使えるようなものや・・・。 ↑ ちょっといいのかな、これ?というものとか・・・。 ↑ 自分ではとっても作れなさそうなやつとか・・・。 形式はAIやSVG、PDFなどさまざまですね・・・それってただのアイコンでベクターデータではないのでは?というのも若干混じっていますがそこはご愛嬌。 よろしければ下記サイトからどうぞ。 » Free Vector Downloads – Photoshop Tutorial
JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Sucke... 次の記事 ≫:花火アニメーションをJavaScriptで実装「Fireworks.js」 Ajax Back Button Hack Ajaxなページで「戻るボタン」を機能させる方法。 Ajaxなページでは、ブラウザの「戻るボタン」を押すと、通常は、前に開いていたページに戻ってしまいます。 Ajaxでページを1,2,3と開いていって、2に戻りたいのに、前に開いていたページに戻るのは利用者としては不本意な動作です。 そこで、IFRAMEを使った、Ajaxでの「戻るボタン」実装ハック方法の紹介。 Ajaxで画面を切り替えた際に、IFRAMEのsrcも切り替えることで戻るボタンを動作させることが出来ます。 例えば、javascriptで次のようにIFRAMEのsrcを切り替えます。 <ifram
JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Suckerfish HoverLightbox Redux」 2007年02月21日- Suckerfish HoverLightbox Redux - Monday By Noon When the original Suckerfish HoverLightbox was published, I was honestly surprised at the amount of attention it received. JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Suckerfish HoverLightbox Redux」。 次のような写真の見せ方のサンプルファイル(html+JavaScript+CSS)がダウンロードできます。 ↓ マウスオーバーで画像レ
ブロック要素を動的にドラッグ&ドロップでリサイズするサンプル「Custom Reading Containers」 2007年02月20日- Devlounge | Custom Reading Containers For those who have been following Devlounge for a while, you'll know that I wrote a script called Custom Reading Width. ブロック要素を動的にドラッグ&ドロップでリサイズするサンプル「Custom Reading Containers」。 サンプルを参考にして、次のように、ブロック要素を1フレームのように、ドラッグ&ドロップでリサイズできるようなページを実装できます。 使い方によってはユーザビリティ向上に繋がるはずですね。 リサイズしたサイズをAjaxにてサー
Kaliber10000 As the name implies, this section of K10k is a resource for deliciously pixellated patterns. 超クールなドット絵背景画像がダウンロードできる「Kaliber10000」。 ウェブサイトの背景画像なんかに使える画像が大量に公開されています。 例えば次のような画像のダウンロードが可能です。 ページの背景にするとそれだけでオシャレなサイト、といえるような芸術的な作品が数多く公開されています。 尚、このページの画像はユーザ投稿型のようで、誰でもファイルアップロードして投稿することが可能のようです。 URLなんかも登録できるので、自分の作品を投稿してページに来てもらう、という使い方も出来るでしょう。 これはすごいですね。 関連エントリ 用利用、加工を含めてフリーで使える「ゆんフリー写
make your own speech bubble! 吹き出し画像を簡単に作れるサービス「make your own speech bubble!」。 次のようなカワイイ吹き出し画像をテキスト入力するだけで簡単に作成できます。 ジェネレーター系のサービスですが、なかなか使えて便利なサイトですね。 関連サイト マトリックス風GIFアニメを作成するWebツール コンサートチケットをWeb上でジェネレートする「Concert Ticket Generator」 色々ロゴジェネレーター 危険アイコンジェネレーター 「成分解析」を試してみました。Web版の成分解析も。 CSS角丸ボックスジェネレーター「RoundedCornr」
新しくパソコンを購入した場合や、メモリを増設した場合にはメモリテストが必須です。メモリのエラーはハードディスクのエラーと違って見分けにくく、ウインドウズの調子が悪いのかな?というように誤解しやすいためです。また、購入直後であれば初期不良ということで無料でメモリが交換可能な場合がほとんどです。そのため、とりあえずメモリテストは必須。 今回のフリーソフト「MemScope」はそういったメモリテストツールの一つ。特徴は、このソフトがもともとフリーではないと言うこと。ハードウェア全体のエラーを調査して診断するソフトウェアを開発している「Micro2000」というマイクロソフト認定パートナー(マイクロソフトは高い技術力のあるIT関連企業を認定パートナーとしている)が販売しているソフトウェア「Micro-Scope」に採用しているのと同じ機能なのです。そのため、信頼性はかなり高いと判断していいはず。
「TIBCO General Interface 3.3 Professional Edition」は、AjaxなどのJavaScript開発をブラウザ上で行えるツールだ。そして開発環境までもがAjaxで動作する。オープンソースなので、同社デベロッパーサイトから無償でダウンロードできる。ライセンスはBSD License。 ダウンロードしたファイルを解凍し、適当なフォルダに配置したあと、ブラウザから「GI_Builder.html」にアクセスすることで起動できる。開発環境はVisual Studio風で、GUIによるコンポーネントの配置もできる。JavaScriptのデバッグもできるため、Ajaxを使わないJavaScriptアプリケーションの開発にも利用することができる。
こ、これはかなり使えます・・・。 が、とっても紹介が難しいのでさらりと。今回は実験的なエントリーとして画像一切なしで。 『Web2.0風デザインのためのチュートリアル68選』です。 » Web 2.0 Webdesign-Tutorials | Dr. Web Weblog 以下の7つのカテゴリーにわかれています。 サイトをこれから作るぞー、という人には大いに参考になる素晴らしきチュートリアルかと思います。 ビジュアル効果系(1~11) ロゴ系(12~25) テキスト(26~33)系 バッジ系(34~39) ボタン系(40~46) レイアウト系(47~60) Web2.0まとめ系(61~68) 個人的には1、2、12、13、40、41あたりが好きですね。今後使えそう。 しかし、こういう海外サイトのまとめをまとめとして紹介するのは難しいですよね・・・。そのまま紹介するのも「どうなの、それ?」
これは便利そう。 『validate.js』ではフォームのさまざまな入力をチェックしてくれます。URLやメールアドレスなどのよくあるチェックに加え、ISBNかどうかといったマニアックなチェックもできます。 マニュアルに載っている命令をご参考までに。 hasValidChars isSimpleIP isAlphaLatin isNotEmpty isIntegerInRange isNum isEMailAddr isZipCode isDate isMD5 isURL isGuid isISBN isSSN isDecimal isplatform addRules Apply サイトでは動作チェックのデモもあります。コードも見れますよ。 ↑ こんな感じでさまざまなチェックができます。 詳細&ダウンロードはこちらからどうぞ。 » Mutationevent :: Validate.js
いろんなウィジェットが世の中に出回っていますが、ウィジェットのポータルサイトであるsnipperooのブログでは、ブログのウィジェットを生成できるようになっています。 ↑ 「Widgetize this blog」というものがサイドバーにあります。 ↑ ここでは3種類のウィジェットを生成することができるようです。 例えばここで「web widget」を選ぶと、snipperooのRSSフィードを表示するウィジェットが生成できます。 ↑ ブログ等に貼り付けられるツールを作ることができるMuseStormを使っています。 ブログを広めるための新しい手法の一つとしても、ウィジェットが使えるかもしれませんね。
mytrashmail.com このmytrashmail.comというサイトでも簡単に捨てアドを作成することができます。それに、この捨てアドサイトにはスパムメールフィルターなど珍しい機能が付いています。 mytrashmail.comの使い方 1、mytrashmail.comにアクセスします。 2、サイト中央に「Temporary Email」がありますので、そこに好きな英数字を入力して「Get Email」を押します。 アドレス入力後には「Hold-Back Time」があり、2~5日又は30日間捨てアドを保存するか選択できます。 たったこれだけでメールアドレスが完成です。 追加機能として「「Secure Temporary Email」でメールアドレスを登録すればパスワード機能も使えるようになります。ただ、ここでメールアドレスを登録をするくらいならGmailなどを使ったほうがいいと
何かと話題のYahoo! Pipes。今回はそれを活用したブログパーツジェネレーター「Badger」をご紹介。 これを使うと好きなブログのヘッドラインを表示するブログパーツを作成できます。よく見るブログの最新記事を自分のサイトやブログで表示したい時に使えそうです。 » Badger 下記に使い方をご紹介。 ↑ ブログパーツの色は自由に設定できます。枠や背景など5種類の色をカスタマイズ可能です。 ↑ タイトル、表示したいブログのURL、表示したいフィードのURL、ブログパーツの幅を設定します。完了すれば「Badgfiy!」のボタンをクリックします。 ↑ このように貼り付け用コードが生成されました。あとはブログのサイドバーなどに貼り付けるだけです。 ↑ 百式の最新記事を表示するブログパーツです。ちゃんと日本語にも対応していますよ。 まだまだYahoo! Pipesは色々な使い方ができそうですね
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く