Prototyperに贈るjQuerystからの手紙先に 別にどっちがいいという話ではないです。 向き不向きはありますが、どちらもフレームワークとしての完成度は高いです。（Prototype.jsも1.6.0でDOM Readyサポートしたし） 先に 具体的には以下のような使い分けがおすすめ Prototype.js 速度が要求される演算 複雑なアルゴリズムを使用した計算 他のクラスを拡張した処理（google mapsとか） jQuery 簡単なDOM操作 イベント処理 ブログパーツ
無名関数を使った非同期通信のススメ（JavaScript）
ここ最近はブラウザーの上で動く思いっきりRIAなアプリケーションを書いている私。こと通信の部分になると JavaScript での開発効率が、C++/Java/Objective Cなどと比べて格段に高いことをつくづく感じている毎日なので、今日は、そのあたりを少し解説してみようかと思う。 サーバーのAPIにアクセスするプログラムを書く方法は色々とあるが、「サーバー上の特定のURLにHTTPでアクセスして結果をXMLやHTMLやJSONで受け取る」というケースに限定すれば、基本的に３つのパターンに分けられる。 1. 同期通信 result = urlfetch.fetch("http://www.google.com/") if result.status_code == 200: doSomethingWithResult(result.content) その書きやすさのために、実務経験の
リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」:phpspot開発日誌
リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」 2009年12月21日- リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」。 普通、JavaScript で動くWYSIWYGエディタというと、大きなツールバーがついていて、それ自体はカッコいいのですがページデザインにうまく馴染ませることが難しかったりします。 wkrte なら、エディタにカーソルがフォーカスしない状態だとツールバーを表示せず、普通のテキスト領域（textarea）のように表示させられます。 何もはいってない状態だと、一見普通のtextareaです 内容が入ってもツールバーがないので目立ちすぎず、いい感じです。 カーソルを合わせるとツールバーが表示。これはとてもスマートですね。 高機能なテキスト編集を実現しつつ、ペ
javascript - にはクラスはない : 404 Blog Not Found
2009年06月13日22:00 カテゴリLightweight Languages javascript - にはクラスはない かえってわかりにくくなっている感じをかつてさんざん実感したので。 JavaScriptのオブジェクトについて考察してみた - あと味 JavaScriptにおけるほとんど全てのデータはオブジェクトである オブジェクトの定義にもいろいろありますが、ここでは「メソッドを持つ」という狭い意味においても事実だということです。実際に見てみましょう。 p(true.toString()); p("String".toString()); p((1).toString()); p((3.14159265).toString()); p([0,1,2,3].toString()); p({q:"answer to life, the universe, and everythi
fladdict.net blog: flashを利用してajaxに効果音やBGMをつける
SoundManager: Javascript-driven Flash-based Audio JavaScriptからFlashのサウンドを制御するAPI。なかなかよさげ。これでJSに音がつきますよ。最近ajax単体のリサーチに物凄く飽きたので、Flashとの融合をもっと積極的に考えてみるテスト。 技術的にはLiveConnectを用いてるらしく、例のごとくマックでは戦力外。どうしてもマックに対応したければ、おそらくswfを不可視IFRAMEに配置して、リロードをトリガーに再生するやり方なら駄目ブラウザにも対応できると思う（鬼メンドクサイけど）。 あるいはマックのサファリは、Javaのみ対応のインチキLiveConnectをサポートしているので、processingで同種のエンジンを組めばMacでも音を鳴らせるかと。 投稿者 Taka : 2005年05月16日 16:53 book
ソースコードの色づけを行う·Google Code Prettify MOONGIFT
ブログや開発者向けのWebサービスなどで、ソースコードのハイライトを行うケースはよくある。言語があらかじめ決まっている場合は良いが、言語がよくわからない場合や、JavaScriptとHTMLのように埋め込みで複数の言語が重なる場合もある。 各種言語に対応したハイライター そのような、特定の言語に依らずにソースコードをハイライト化したい場合に便利なのがこのライブラリだ。 今回紹介するオープンソース・ソフトウェアはGoogle Code Prettify、JavaScriptによるソースコードハイライターだ。 Google Code Prettifyの使い方は簡単だ。prettify.jsとprettify.cssを読み込んで、<pre class="prettyprint">または<code class="prettyprint">タグの中にコードを書き込めば良い。後はprettyPrint
無料でX(旧Twitter)・Facebook・Mastodonにまとめて投稿や予約投稿ができるオープンソースの「Mixpost」をセルフホストしてみた
MixpostはXやFacebook、MastodonなどさまざまなSNSの複数のアカウントを一括で管理できるツールとのこと。同時投稿のほか時間を指定して投稿することも可能とのことなので、さっそくセルフホストして使ってみました。 Self-hosted, Open Source Social Media Management - Mixpost https://mixpost.app/ 公式サイトにアクセスし、「Get started」をクリック。 「Free」の欄に表示されている「Github」をクリックします。 Laravelアプリケーションに追加することも可能とのことですが、今回はスタンドアローンアプリ版を使用するので「use Composer to create this standalone app」をクリック。 さらに今回はDocker版を使用します。Docker版の詳細につい
画像に光沢を与えるjsライブラリ『Glossy.js』
画像に光沢を与えるjsライブラリ『Glossy.js』 配布元:glossy.js ライセンス:Netzgestade Software License Agreement. /Commercial Software Licenses (商用利用不可.個人利用は無料で可能) Glossy.jsは画像に光沢を与えることができるjavascriptライブラリです。 画像にclassを付けるだけで、非常にきれいな光沢をつけることが可能です。 設置方法 まず、glossy.js を読み込みます。 <script type="text/javascript" src="glossy.js"></script> 光沢を与えたい画像のclassにglossyを付けると画像に光沢が与えられます。 <img src="img.gif" alt="R" class="glossy" /> 角丸の半径を変更する
（余計な吹き出しを出さないように改変）吹き出し方式のツールチップテキスト作成JavaScriptライブラリ[to-R]
吹き出し方式のツールチップテキスト作成JavaScriptライブラリ wg:Bubble Tooltipsで紹介されている吹き出し方式のツールチップテキスト作成JavaScriptライブラリBubbleTooltips.jsですけど結構面白いです。 ただこのままだと実運用に微妙なのでちょっと改造。 まず既存のonloadアクションとバッティングする可能性があるので １行目に以下のコードを追加 (function(){enableTooltips("id名")})(); これで <script type="text/javascript" src="BubbleTooltips.js"></script> をボディー要素を閉じる直前に配置することで実行されます。 指定したidがないとエラーになるのでfunctionの前後に function enableTooltips(id){ if(do
prototype.js逆引きサンプル集 - JavaScriptist
はじめに bookmark prototype.jsの概要 ユーティリティ関数 bookmark 指定idのエレメントを取得 - $ 指定idのエレメントのvalueを取得 - $F エレメントのリスト形式を配列形式に変換 - $A オブジェクトをHash形式に変換 - $H 指定した範囲のリストを返す - $R prototype.jsで追加された機能 bookmark Ajax Ajaxリクエストを行う - Ajax.Request Ajaxで指定エレメントの内容を書き換える - Ajax.Updater Ajaxで指定エレメントの内容を定期的に書き換える - Ajax.PeriodicalUpdater 定期的に指定の処理を行う - PeriodicalExecuter Enumerable リストに特定の関数で処理させる - Enumerable.each リストの全ての値を調べる
404 Blog Not Found:javascript - 勝手に添削 - textareaの高さを自動調節
2008年05月20日14:15 カテゴリLightweight Languages javascript - 勝手に添削 - textareaの高さを自動調節 これはなかなかいいですね。 textareaのサイズを入力にあわせて調整するＪａｖａＳｃｒｉｐｔ (イラストdeブログ開発記) イラストdeブログの掲示板の使い勝手を高めるため、textareaサイズをJavaScriptで改行入力毎に大きくするコードを書いてみました Firefox 2, Safari 3, Opera 9で動作確認してあります。 イチ に 三 function resize_textarea(ev){ //if (ev.keyCode != 13) return; var textarea = ev.target || ev.srcElement; var value = textarea.value; var
Google Mapsのマーカーを見やすくしてくれる『Mapeed』 | 100SHIKI
Google Mapsのマーカーは便利であるが、あまりたくさんあるとクリックしにくいし、わけがわからなくなる。 そこで登場したのがMapeedだ。 このサイトで提供されているライブラリを利用すれば（JavaScriptのコードを入れるだけでいいっぽい）、密集しているマーカーを見やすくしてくれる。 一つ一つのマーカーを全部表示するのではなくて、ある程度まとめて色と数字でわかりやすく表示しちゃおう、というアイデアだ。なかなかナイスなのではなかろうか。 ちょっとしたことではあるが、これでぐっとデータの可視性が高まるだろう。データが膨大に存在するネットだからこそ、こうした「データを見やすくする」仕組みは重要ですな。
デザイナ向け「はじめてのjQuery」 - あと味
東京への転勤でバタバタしてたのと、引越し先にネット回線がないのとでアップが遅れました。 先週、制作会議というデザイナの会議でjQeryの勉強会をしました。その際に作成・発表したスライドです。 前回、制作会社で働く人向け「はじめての正規表現」 - あと味で使ったスライドほどインパクトはないのですが、これをきっかけに、社内外問わず、jQueryを使ってみようと思ってくれるデザイナが増えたらうれしいです。もちろんプログラマにもおすすめです。 KeynoteのHTML書き出し機能で出力したものを改変して作っています。超楽チン。時間がなかったので取り急ぎアップしますが、近日中にjQueryを使ってコピペ用のテキストと目次を設置します。 前提 JavaScriptではなく、jQueryが使えるようになることが目的 jQuery UIは日を改めて紹介予定 HTML, CSSは使いこなせる人向け（グラフィ
もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT
業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと
任意のテキストに影をつけるJavaScriptライブラリ
テキストに影をつけるために text-shadow というスタイルシート属性が用意されてはいるが、 今のところ対応しているブラウザはあまりない。 影ついてますか。 ↑この文字に影がついていなかったら、 あなたのブラウザは非対応。 というわけで JavaScriptで任意のテキストに影をつけるライブラリを作ってみた。 使い方も書いておくので誰か使って。 ページ読み込みが終わってから影がつくので、影が出てなかったらもうちょいまってね。 なお、全てのブラウザで試したわけではないので非対応だったらご容赦。 追記：WinのIE6とFirefox1.5とOpera9、MacのSafari2.0、LinuxのFirefox1.5と2.0とOpera9で動作確認。
javascriptで文字にドロップシャドウをつける方法
javascriptで文字にドロップシャドウをつける方法 SiMPLE*SiMPLEさんのエントリー、CSSだけで文字にドロップシャドウをつける方法（あまり良くない方法）について。 発想自体がすごく素敵。 コメントで指摘されているアクセシビリティ、SEO等の問題はJavaScriptでやっちゃったら解決できるんじゃないかと思うので早速作ってみる。 るんだったら画像使った早いかもしれないですね。 cssで記述するコード h1 { color: #000; position: relative; } h1 span { color: #fff; display: block; position: absolute; top: -1px; left: -1px; } (x)htmlで記述するコード <h1>とあるwebクリエイターのblog</h1> javascriptで記述するコード win
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
IDEA * IDEA
https://www.itarchitect.jp/issue/-/116449.html
日本アニメ（ーター）見本市 イブセキヨルニ