横にはみ出すナビゲーション - Weblog - Hail2u.net

2014/09/11 36 users Weblog hail2u.net ナビゲーション ナビゲー

今回(2014年9月)のAppleのウェブサイトのリニューアルにはいくつもの興味深い点がある。ナビゲーションの二本線とバツ印が共にインラインのSVGなことなどもそうだし、多くのポーションがモダナイズされたにも関わらずPrototype.jsを継続利用したこともすごく気になる。その中でも一番気になったのは狭い画面向けの横にはみ出すナビゲーションだ。 これまでの通常は隠されている狭い画面向けのナビゲー... 続きを読む

プロトタイプ汚染とループ - latest log

2012/11/07 111 users プロトタイプ汚染 latest log ループ jQuery

2012-11-07 プロトタイプ汚染とループ 脳内棚卸 Prototype.js と プロトタイプ汚染(昔話) jQuery が登場する以前、Prototype.js という JavaScript ライブラリがありました。 Prototype.js は、JavaScript OOP の普及期(2005～2007年頃)に多くのサイトで活用されました。Prototype.js は Object.pr... 続きを読む

インストールするだけでFirefoxを大幅に高速化できるアドオン「Local Load」 | フリーソフト,Windows PC活用情報局

2012/02/20 444 users アドオン Firefox jQuery ブラウジング 回線

Local Load 「Local Load」は、Firefoxにインストールするだけでブラウジングの際のページ読み込み速度を高速化してくれるアドオンです。光回線などの高速インターネット回線に接続している場合は効果がはっきりと分かりにくい場合もありますが、回線が細い場合では体感で分かるほどに、特に大幅な高速化が期待できます。 高速化の仕組み自体は単純で、jQuery、Prototype.js、Mo... 続きを読む

The Backyard - JavaScriptのおもしろさ

2008/03/22 210 users JavaScript ECMAscript jQuery

JavaScript（ECMAScript）は、他のプログラミング言語の決まりに慣れ親しんでいると、非常に奇妙な存在です。一見すると、CやJavaから型宣言を省いただけの単純なプログラミング言語に見えます。しかし、prototype.jsやjQueryのような優れたライブラリのソースを眺めると、それが単なる勘違いに過ぎないことに気づくでしょう。 ここでは、prototype.jsのソースファイルを... 続きを読む

Ajaxの弱点を補うscript.aculo.usの楽しいエフェクト（1/4） ─ ＠IT

2008/01/07 224 users Ajax オートコンプリート スライダー 弱点 DOM操作

今回紹介するscript.aculo.usは、以下のような機能を提供するAjax（JavaScript）フレームワークです。 ビジュアルエフェクト ドラッグ＆ドロップ DOM操作 オートコンプリート スライダー 単体テスト prototype.jsをベースのライブラリに使用しているので、prototype.jsとともに利用したことがある方も多いのではないでしょうか。 今回はscripot.acul... 続きを読む

【連載】いまからはじめるPrototype.js (1) Prototype.jsの概要と$で始まるメソッド | エンタープライズ | マイコミジャーナル

2007/12/04 446 users エンタープライズ メソッド Ajaxian.com 連載 概要

Prototype.jsとはなにか Prototype.jsは、Sam Stephenson氏を中心とするチームによって開発されているAjax対応JavaScriptライブラリだ。単体でもAjaxian.comの2006年と2007年の調査で最もよく知られたAjaxフレームワークに選ばれるほどの人気を得ているが、実はWebアプリケーション・フレームワークRuby on Railsのプロジェクトで開... 続きを読む

Ext JSとprototype.jsで作るリッチなUI（1/4） ─ ＠IT

2007/11/08 541 users Ext JS Firebug HTMLエディタ 動作 サンプル

ごく普通の個人情報の入力フォームですね。 ■ Ext JSを使ったフォームのサンプル この入力フォームをExt JSを使ってリッチにしたものがこちらです。 今回のサンプルプログラム（拡大表示はこちら、※注意1：FireBugを有効にしている場合は動作が重くなる場合があります。一時的にFireBugをオフにして利用されることをおすすめします。※注意2：Operaブラウザでは、HTMLエディタに対して... 続きを読む

prototype.jsを読み解く：第1回　Prototypeライブラリ（1〜197行目）｜gihyo.jp

2007/09/03 473 users gihyo.jp 中身 コード JavaScript 読者

prototype.jsを読み解く 第1回　Prototypeライブラリ（1～197行目） 2007年9月3日 栗山淳 JavaScript, Prototype 1 2 3 4 5 6 はじめに 今回から，Prototypeライブラリについて，中身のコードを読みながら，実装として中で何が行われているのかを見ていこうと思います。 想定している読者は，Prototypeライブラリをただ使うだけでなく... 続きを読む

ドラッグ＆ドロップで画像を切抜くJavaScriptライブラリ「jsCropperUI」 - GIGAZINE

2007/07/30 186 users GIGAZINE def カーソルキー インタフェース 座標

イメージ切り抜きのためのインタフェースを提供するJavaScriptライブラリで、prototype.jsやscript.aculo.usを使っています。 写真上をマウスカーソルでドラッグすると枠が破線で作成され、囲んだ領域の座標とサイズを取得し、トリミングすることができます。カーソルキーによる移動にも対応しているので微調整も可能、実にすごい。 詳細は以下の通り。 ダウンロードは以下から。 DEf... 続きを読む

折りたたみできるコンテンツ表示JavaScript （Accordion.js） - youmos

2007/07/17 217 users youmos scriptaculous.js 動作 機能

コンテンツが長くなる場合に、部分的に折りたたむ（非表示）ことで、すっきりと表示させることができる。簡単にアコーデオン機能を実装できるのが、Accordion.js。prototype.js、scriptaculous.jsが動作には必要になる。 徐々にコンテンツなどで見かけるようになってきたアコーディオン表示だが、prototype.jsで利用できればぐっと身近な機能になる。アニメーションエフェク... 続きを読む

MacOSXデザインのウィンドウをWEBで表現するAjax導入方法*ホームページを作る人のネタ帳

2007/06/17 128 users ウィンドウ ネタ帳 web エントリ ホームページ

ネタ帳は、売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタに使えるエントリを書いています。 今回はMacのウィンドウをあなたのサイトに導入してみよう。 prototype.jsを使ったウィンドウを作るためのJavaScript。 まず必要なファイルや導入方法は以下に書いてある。 http://prototype-window.xilinus.com/ ところが、英語... 続きを読む

【コラム】そろそろきっちりJavaScript (7) prototype.jsを読む(1) | エンタープライズ | マイコミジャーナル

2007/04/23 233 users エンタープライズ JavaScriptライブラリ 少し趣向

ソース読みの準備 本連載ではこれまで、JavaScriptの特徴的な記法をいくつか紹介してきた。そろそろ世に広まっているJavaScriptライブラリのソースコードを読み解いていくことができるはずだ。 今回からは、少し趣向を変えて、JavaScriptライブラリをいくつか挙げながら、ライブラリ利用方法と、その動作メカニズムについて紹介していこう。 今回は、prototype.jsにフォーカスする。... 続きを読む

Lightbox.js のような写真のスライドショーするライブラリ沢山：Goodpic

2007/03/31 584 users jQuery mootools Goodpic ライブラリ

このブログでも使っている、写真の拡大表示をモーダルボックスでできるlightbox.js。似たようなライブラリって、結構あったよな〜と気軽に調べ始めたら、ものすごい量。利用しているjavascriptライブラリでは、prototype.js と mootools が２大勢力みたいですね。この二つのライブラリのユーザが、お互いにインスパイアされながら、どんどん発展していった風。そこにJQueryとY... 続きを読む

超リッチJavaScriptコンポーネント集「Ext」がprototype.jsに対応:phpspot開発日誌

2007/03/14 128 users ext library phpspot開発日誌

Ext Documentation Centor 超リッチJavaScriptコンポーネント集「Ext」がprototype.jsに対応。 以前、「Yahoo UI Libraryを拡張した超リッチなコンポーネント集」で紹介したリッチなコンポーネント集はYahoo UI Library 用のものでしたが、 なんと、prototype.js+script.aculo.usでも動作するようになりました... 続きを読む

Ajax機能をオブジェクト化してAjax機能のみ単体で使える「Ajax Object」:phpspot開発日誌

2007/03/11 87 users phpspot開発日誌 Ajax機能 単体 Ajax ブラウザ

The Ultimate Ajax Object Ajax 機能をオブジェクト化してAjax機能のみ単体で使える「Ajax Object」。 prototype.jsなどを使えば、Ajaxは簡単に使えるけど、Ajaxのみの機能を使いたいのに、要らない機能までもブラウザに読み込ませるのは無駄な場合も多いことと思います。 そんな際に使える、ajaxObjectの紹介。ほんの４５行程度のライブラリですが... 続きを読む

[ThinkIT] 第1回：Prototype.jsを使う準備 (1/2)

2007/02/22 363 users 我流 オブジェクト指向 ThinkIT 筆者 黎明期

筆者がPrototype.jsに初めて出会ったのは、2005年9月ごろだったと思います。この頃、オブジェクト指向JavaScriptはまだまだ黎明期で、オブジェクト指向の書き方もさまざまな我流が存在していたことを覚えています。 もちろん、筆者も我流のオブジェクト指向で書いていました。しかし、すべてのエンジニアが我流の書き方をしていては、JavaScriptのオブジェクト指向は普及しません。 そんな... 続きを読む

prototype.jsを使ったJavaScriptでグラフ描画ライブラリ「Plotr」:phpspot開発日誌

2007/02/07 133 users myself グラフ描画ライブラリ phpspot開発日誌

solutoire.com | Plotr So I took some parts of PlotKit and wrote some parts myself. The result is a lightweight charting framework (12kb!) named Plotr. prototype.jsを使ったJavaScriptでグラフ描画ライブラリ「Plotr」。 次のよ... 続きを読む

【レビュー】カユいところに手がとどく - 軽量・高速「jQuery」 (1) jQueryとは (MYCOMジャーナル)

2007/01/22 243 users jQuery MYCOMジャーナル デュアルライセンス 軽量

1 jQueryとは jQueryはJavaScriptで開発されたAjaxライブラリ。The MIT LicenseおよびGNU GENERAL PUBLIC LICENSE Version 2のデュアルライセンスで提供されているオープンソースソフトウェアで、一口でいえばPrototype.jsとよく似たJavaScriptライブラリだ。2006年9月23日(米国時間)に公開された「Ajaxia... 続きを読む

ウノウラボ Unoh Labs: prototype.jsへの依存を無くす方法

2007/01/15 83 users ウノウラボ Unoh Labs 依存 方法

komagataです。 Javascriptで何か書こうと思ったときにどのライブラリをベースにして作るかで非常に悩みます。一端特定のライブラリに依存してしまうと途中で変更するのが難しそうですし、コアオブジェクトを汚染しているものは混ぜると動かなくなる組み合わせもあります。 別に「Mochikitにしよう！」とか宣言して決めてしまえばいいじゃないかという意見もありますが、妙にそんなところが気にかかっ... 続きを読む

【ハウツー】JavaScriptの開発の決定版!? AdobeからJSEclipse (1) JSEclipseとは | エンタープライズ | マイコミジャーナル

2006/12/20 271 users IDE ハウツー Ajaxアプリケーション コーディング 昨今

Ajaxアプリケーションを開発するにあたって、多くの場合、JavaScriptのコーディングが何らかの形で行われる。しかし、Prototype.jsを始めとするライブラリが大きくなりつつある昨今、単純なエディタで開発するのは骨が折れる。JavaやC++にあるように、コーディングを助けるためのIDEが必要となるだろう。 そこで紹介したいのがJSEclipseだ。JSEclipseはEclipse I... 続きを読む

prototype.jsのAjax.PeriodicalUpdaterをIEでも正しく動かす方法:phpspot開発日誌

2006/12/14 50 users phpspot開発日誌 Ajax div content 方法

Ajax.PeriodicalUpdater - Ajaxで指定エレメントの内容を定期的に書き換える - prototype.jsリファレンス prototype.jsのAjax.PeriodicalUpdaterをIEでも正しく動かす方法。 prototype.jsのAjax.PeriodicalUpdaterとは、指定のDIV要素(例えば <div id="content"></div>)を指... 続きを読む

prototype.jsでクロスブラウザなWYSIWIGエディタ:phpspot開発日誌

2006/12/14 56 users TinyMCE WYSIWYGエディタ Opera その他

prototype.jsでクロスブラウザなWYSIWIGエディタ prototype.jsベースで、IE、Firefox、Opera、SafariをサポートするWYSIWYGエディタライブラリです。 prototype.jsでクロスブラウザなWYSIWIGエディタ。 なかなか便利そうですね。 その他のJavaScriptで実装されたWYSIWYGエディタ FCKEditor  TinyMCE 続きを読む

prototype.jsでクロスブラウザなWYSIWIGエディタ

2006/12/13 202 users

これは何？ prototype.jsベースで、IE、Firefox、Opera、SafariをサポートするWYSIWYGエディタライブラリです。 車輪の再発明もいいところなのですが、なるべくシンプルなWYSIWYGエディタライブラリが欲しくて作りました。 どんなもの？ ↓使ってみてください。RSSリーダーで購読されてる方は、こちらからご覧ください。 "コードを整える"のチェックをはずすとブラウザ本... 続きを読む

マウスホイールイベント取得用のprototype.js拡張サンプル:phpspot開発日誌

2006/11/29 85 users phpspot開発日誌 Event サンプル 標準 コード

Mouse Wheel マウスホイールイベント取得用のprototype.js拡張サンプル。 標準のprototype.jsを使っても、マウスホイールイベントを簡単に取ることは出来ません。 ということで、prototype.js用の機能を拡張するJavaScriptコードのサンプルが公開されてます。 次のコードをwheel.jsなんかで保存してprototype.jsと一緒に読み込むと、Event... 続きを読む

prototype.jsを10KBにする方法 : 亜細亜ノ蛾 - Weblog

2006/11/17 187 users Weblog htaccess 何者 追記 攻撃

2006-11-20T14:20:42+09:00 追記 「何者か」に攻撃を受けて、このページの内容が差し変わっていました。あわててバックアップファイルから復旧しました（「何者か」 = 酒……）。 prototype.jsを10KBにする方法の続き（.htaccessをスマートに使う） : 亜細亜ノ蛾 - Weblog に続きを書きました。合わせてどうぞ。 JavaScript ファイルを圧縮する... 続きを読む