JavaScript のチートシートいろいろ。 JavaScript Cheat Sheet Addison-Wesley's JavaScript Reference Card JavaScript Quick Reference JavaScript and Browser Objects Quick Reference JavaScript in 10 Minutes 以前に紹介したものもふくまれていますが、他にもいろいろあるようです。 印刷しておくと便利そうですね。
JavaScript のチートシートいろいろ。 JavaScript Cheat Sheet Addison-Wesley's JavaScript Reference Card JavaScript Quick Reference JavaScript and Browser Objects Quick Reference JavaScript in 10 Minutes 以前に紹介したものもふくまれていますが、他にもいろいろあるようです。 印刷しておくと便利そうですね。
Prototype JavaScript framework: Prototype 1.6.0 release candidate The first release candidate of Prototype 1.6.0 has arrived! prototype.jsの1.6.0のRC版がリリースされました。 prototype.js使いの方は要チェックしておきたいですね。 関連ページ prototype.js逆引きサンプル集 - JavaScriptist
Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」 2007年08月31日- var portal = new Xilinus.Portal("#page div")Xilinus : Prototype Portal Class I have always wanted to create a Class to handle in a easy way portal page like netvibes. After having tried to used Sortable of script.aculo.us, I decided to write my own Class. Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」。 Xilinus を使って、次のような、ドラッグ&ドロ
他のライブラリや、自分のコードと共存させるときは、これらの名前と衝突しないように気をつける必要があります。同じ名前を使ってしまうと、コードがロードされた順番によって挙動が変わる、というようなわかりにくい問題が発生してしまう場合が出てきます。 オブジェクト、クラスの使われ方 ライブラリ内では、上記の名前空間は大きく分けて以下のような使われ形をしています。 その下に別のオブジェクトを入れるための親名前空間として使う Class.create()を使って Prototypeライブラリ風のクラスとして定義する Object.extend()を使って他のクラス、オブジェクトから継承されることを前提とする関数を集める コードを簡潔に記述する為に短い名前の関数として使う 特に、Object.extend()を使って継承を実現している箇所が多く、最終的にどのオブジェクト・クラスにどのメソッドが定義されてい
テキストエリアで見たまま編集できる(WYSIWYG)HTMLエディタは数多く存在する。FCKEditor等は各種ブログシステムでも利用される程だ。一般的なPCユーザにとっては便利なものだろう。 だが、プログラマーは違う。コーディングができる環境が必要だ(本当か?)。 今回紹介するオープンソース・ソフトウェアはEditArea、テキストエリアをプログラマブルにするソフトウェアだ。 EditAreaはJavaScriptで作られたプログラマー向けのソースコードエディタだ。PHP/CSS/JavaScript/Python/HTML/XML/VB/C/C++/Pascal/Basicに対応している。WYSIWYGなHTMLエディタ同様、テキストエリアをプログラムしやすいような見た目に仕上げてくれる。 フォーカスのある行がハイライトしたり、言語の標準関数や予約語、文字列などの色が変わる。他にも行ジ
ブログサイトが増えてきて、記事とコメントという形式がごく当たり前になっている。その際、どこの文章に対してコメントしているのか、よく分からない事がある。 これを使えばそんな心配は無用だ。自分の好きな「場所」にコメントできる。 今回紹介するオープンソース・ソフトウェアはaxdget、Webサイト上につけられる付箋紙ソフトウェアだ。 axdgetは任意のページに付箋紙が貼り付けられるソフトウェアだ。JavaScriptファイルを読み込むだけで使える手軽さが売りだ。物凄く単純に言えば「ニコニコブックマーク」に似た感じになる。 付箋は文字色、枠色、背景色が変更できる。位置やサイズの変更も簡単だ。フォーカスが当たっていない時には半透明化されるので、閲覧の邪魔にはそれ程ならない。尚、データはPHPを使ってサーバサイドに保存するものと、Cookieを使ってクライアントサイドに保存するものとがある。もちろん
Railsは使っている内に、もはやRails以外でプログラムをしたくなくなる位の魅力がある。MVCの仕組みといい、O/Rマッピングといい、Migrationといい…そこかしこに魅力が溢れている。 そんなRailsがさらに魅力的になるライブラリがこれだ。Rubyの壁をこえ、JavaScript上でDB操作が可能になる。 今回紹介するオープンソース・ソフトウェアはJester、RESTによるDB操作を行うJavaScriptライブラリだ。 単純に言うと、JesterはXMLベースでWebサーバにリクエストを行う。その結果をXMLベースで受け取り、JavaScriptのクラスにしてくれる。操作はRESTで行われ、データ取得系はGET、作成処理はPOST、更新処理がPUT、削除処理がDELETEとなっている。 操作だけを考えると、Railsに限ったものではない。他の言語でもインタフェースを用意すれ
Ivan Uzunov Blog Blog Archive Top 10 JavaScript String.prototype Extensions This is the list of mine top 10 JavaScript String.prototype extensions. If you want to you can post yours bellow. 超便利!JavaScript用の文字列拡張関数いろいろ String.prototype でStringクラスを拡張し、次のような機能を実装するための関数が公開されています。 trim - トリミングを行う関数 splitrim - トリミングとsplitを行う関数 escHtml - HTMLエスケープを行う関数 unescHtml - HTMLアンエスケープを行う関数 urlEncode - URLエンコードを
とりあえず資料を公開します。 資料 JavaScript ONでご覧ください。 最初のリンクをクリックするとプレゼンモードで閲覧できます。 プレゼンモードは若干大きい画面が必要になります。 基本喋りがメインなので資料だけではわかりづらい&抜けがあるかと思いますが、ご了承ください。 まぁYUIを使うメリットって クロスブラウザ対応がメインだよね。 あとYUIって結構パフォーマンスいいよ。 みんなもっとYUI使えばいいのに!! というわけで 参加されたみなさん(っていうか現在進行中だけど)お疲れ様でした>< 勉強会全体のまとめはUKStudioがきっと書いてくれると思います>< 最後に 会議室を貸してくださった上鍵さんをはじめとしたノッキングオンの皆様ありがとうございました! 会議室を利用したいかたは「ノッキングオンの会議室使いたい!」までこんにちは!こんにちはしましょう!
2007-07-12資料公開をした人の章にリンク追加 2007-07-12 sendさんの章に追記 超長いんでショートカットメニュー作りました。 あと、JavaScriptの素人が書いてます。 あちこち間違ってたらごめんなさい。 マークアッパー・デザイナー向けJavaScript入門 マークアップエンジニア・HTMLコーダー向け、Yahoo UI Library活用術 Google Gears入門 JSの使いどころ liveプレゼン 猿でもわかる GreaseMonkey Firebugの話 総括 Twitter関連でお世話になっているukstudioが、初心者向けJavaScript勉強会を主催してくれたので、モリモリ勉強してきました! 会場は株式会社ノッキングオン様に提供して頂きました。 ありがとうございます! 僕は行ってなかったんですけど、モバイル勉強会の時もお世話になったそうです。
リアルタイムにファイルをアップロード可能なExtベースJavaScriptライブ... 次の記事 ≫:PhotoShopからFlickrに直接画像をアップできるプラグイン「FlickrShop」 jsScrolling Also check out a new version of this script. It's faster and has prettier code, but you can't hack it as much. ブロックのスクロール実装を便利にするJavaScriptライブラリ「jsScrolling」。 画像で実装したスクロールバーをブロック要素に付けた例 右側にプレーンな分かりやすいスクロールバーを付けてみた例 実装は、必要なライブラリを読み込んだ後、次のようなコードですごく簡単に実装できます。 scroller = new jsScroller(docum
(2007.7.20 記事更新) 誰かがそろそろExtについて詳しい事を書いてくれるのではとか、甘い期待をしていたけど、ぜんぜん出てこないって事は人気がないって事なんでしょうか。 でもこれ、相当すごいものだと思うんです。 例えば、このページ(hello worldをクリック)だけをとっても良い動きをしてくれるのが確認できると思います。 なので今回はJavaスプリクト+Ajaxなオープンソース『Ext』をご紹介しておきます。 概要 非常に簡単なコードで、高度な動作を要求することが出来る。 それがJavaScriptフレームワーク『Ext』です。 フレームワークについてはウィキ等で見てもらえればわかると思いますが、私の絵心のない簡略図でよければ、以下のようなイメージがフレームワークですね。 基本的に商用は有料。 個人利用や、企業内でも、閉鎖されたネットワークでの使用はOKだそうです。 ライセン
これはなかなかおしゃれな小窓が作れそう。 ウェブサイトでちょっとしたお知らせなどを入れる時に役に立つと思います。 特に、フォームを利用しただけではあまりおしゃれなものになりませんので、この技術を応用してみてはいかがでしょうか。 6つのサンプル 試しにサンプルファイルを開いてみれば、一通り使えると思いますよ。 サンプル1 マウスによるロールスクロールは出来ない。 矢印にマウスを乗せるとスクロールする。 サンプル2 スクロールバーを左に配置。ボタンデザインをこったものに出来るサンプル。 サンプル3 スクロールバーを右に配置しているが、特殊なバーに加工している。 サンプル4 上のサンプル3に、タブを追加したバージョンです。 サンプル5 上のサンプル4に、さらに右側にリンクによるナビゲーションを追加したバージョン。 リンクナビゲーションをクリックすると、中のスクロールもそこまで移動するという代物。
Data Grids with AJAX, DHTML and JavaScript | Smashing Magazine In order to be presented effectively, information needs structure. データグリッド実現用JavaScriptライブラリ各種。 Excel のようなデータグリッドを実現できるJavaScriptライブラリが多数紹介されています。 どれも目を見張るようなハイクオリティさ&高機能さで、どれを使うか迷ってしまうほど。 ExtJs Grid dhtmlxGrid Phatfusion Sortable Mootable Sorting Elite Zebra Tables PHP Live Datagrid Table Kit How to paginate, sort and search a table w
値をキャッシュしておけるJavascript用クラスライブラリ「JavaScript LRU Cache」 2007年06月01日- Javascript LRU Cache Just a simple LRU cache written in javascript. It is loosely based on ASP.NET's Cache, and includes many caching options such as absolute expiration, sliding expiration, cache priority, and a callback function. 値をキャッシュしておけるJavascript用クラスライブラリ「JavaScript LRU Cache」。 Ajax で構成されたアプリにおいて、値を毎回サーバから取得するよりも、キャッシュできるデー
This domain may be for sale!
TweenConstructorMethodsExampleEasing functionsExampleEventsEvents listenersColorTweenConstructorExampleOpacityTweenConstructorExampleTextTweenConstructorExampleSequenceMethodsEventsUsageExampleParallelSee it in action The Tween class CONSTRUCTOR var t = new Tween(object,property,easing,start,end,duration,suffixe); object: type:Object The object you want to modify. It can be any object, a visual ob
今回まとめた内容をあらかじめ言っておきます。 CSS JavaScript イメージギャラリー Generator Ajax です。 とりわけJavaScriptやCSSは色々なブログでも使える為、ブロガーも頑張れば導入可能なプログラム等をなるべく多めにまとめました。 これは『個人的な感想』のテーマで、私個人が遊び心をくすぐられたものをまとめています。 あくまで私がくすぐられたもので、他の人がくすぐられるかどうかまでは保障できませんので、上記キーワードに興味の無い方は特にあらかじめご了承ください。 送信ボタンなどをちょっとセクシーにするCSS 送信ボタンなどをちょっとクールにかわいらしくする為の知識。 JavaScriptがいらないイメージマップの切り出しサンプル 画像にマップを埋め込んで華麗に表示する為の知識。 口で言うより、デモを見たほうが早い。 チェックボックスとラジオボタンをオシャ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く