Paper.jsSource
[JS]異なる高さのdiv要素の高さを揃えるだけのシンプルなスクリプト -Equalbox | コリス
Equalbox.js デモページ [ad#ad-2] Equalbox.jsの実装 HTML 各div要素はjQueryのセレクタで指定できるように、idなどを指定します。 <div id="box-container"> <div id="box1" class="box"> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> </div> <div id="box2" class="box"> <p>dsfsdfsdfsdf</p> </div> <div id="box3" class="box"> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdfsdfsdf</p> <p>dsfsdf
「JavaScriptと性能についての本当の話」をしよう。ダグラス・クロックフォード氏
JSONの発見者でJavScript界の重鎮であるYahoo!のダグラス・クロックフォード（Douglas Crockford）氏。米オライリーが主催するイベント「Velocity 2011」で、セッション「JavaScript & Metaperformance」を行いました。 いまWebブラウザ間でJavaScriptエンジンの性能競争が行われていますが、その影響とこの先の展望について語っています。JavaScriptプログラマなら必見の内容を、公開されたビデオを基に紹介しましょう。 JavaScript & Metaperformance これから、JavaScriptと性能についての本当の話をしよう。 JavaScriptはみなさんご存じかな？ いまや世界で最もポピュラーになったプログラミング言語だ。 JavaScriptは、Javaからシンタックスを、Schemeからファーストク
クリエイター手抜きプロジェクト［278］Adobe Bridge CS3/CS4/CS5編 ファイル名を変更する・ファイルを開く／古籏一浩
クリエイター手抜きプロジェクト［278］Adobe Bridge CS3/CS4/CS5編 ファイル名を変更する・ファイルを開く ── 古籏一浩 ── 投稿：2011年06月06日 著者：古籏一浩 今回は、ファイル名を変更するスクリプトと、選択したファイルを開くスクリプトです。Bridgeにはバッチ処理で名前を変更する機能があるため、今回紹介するスクリプトだけでは、他のスクリプトと組み合わせない限りメリットがないかもしれません。 また、ファイルを開くスクリプトは開くアプリケーションを指定することができるため、JPEGならPhotoshop、PNGならFireworksを開くといったことができます。さらに、ファイル名がDSCで始まる場合はPhotoshopで開くといった細かい処理も可能です。 最初のスクリプトは、ウィンドウ内にあるすべてのファイル名を変更するものです。これはファイル名の先頭
モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
HTML+CSS主体のJavaScriptエフェクト！ 簡単で「使える」jQueryテクニック（解説つき）
4月から入社した2011年度新卒社員です。 ハロこんにゃんセヨ がぜんウェブウェブしているほんだです。 今年4月より、意匠部のME課（めか）でマークアップエンジニアとして働いているほんだです。 入社したての新卒社員ですが、PCサイトのHTML+CSSのマークアップや、MovableType（ブログ構築ツール）での組み込みなど、色々な仕事をさせてもらってマークアップリア充です。 そんな中でも最近多い業務はjQueryを使ったビジュアル面でのちょっとしたJavaScript（以下 JS）プログラミングです。 jQueryってとっても便利ですなぁ。HTML+CSSの知識を持っている人なら、簡単に「使える」エフェクトをつくれます。 この記事では僕が入社して2ヶ月間に学んだ、簡単で「使える」jQueryテクニックを紹介します。 jQueryってなんぞってとこと、使う前の準備をざっくり解説 jQuer
wise9 › JavaとJavaScriptの20年戦争
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
JavaScript：undefined値の判定
JavaScriptでは初期化されていない変数には全て「undefined」という値が入っています。 var a; alert(a); //undefinedが入っている これを利用して、変数が定義済みかどうかを判別することが可能です。…が、やり方がいろいろあるみたいなので、まとめてみることにします。 undefinedと比較する if (a === undefined) { alert("aは未定義"); } グローバル変数として、そのまんまundefinedという名前の変数が用意されているので、それと比較するやり方。一番素直な方法ですが、JavaScriptにおいては良くない書き方とされています。 undefinedは予約語ではなく、単なる変数です。だから上書きすることができるし、関数スコープ内で同名のローカル変数を作ることもできます。（ただし最近の処理系ではconst扱いになって上書
newを封印して、JavaScriptでオブジェクト指向する(1)
以下はプロトタイプ的継承だけで一通りの機能を実現できる、という一つの例です。もちろん他にも書き方はありますし、newを使うのがよくないと主張しているわけではないです。 (誤解を生みそうな文体が混じっているようなので追記: 2011/5/14) 春ですし、少し初心者向けの記事を書きます。タイトル通り、JavaScriptのオブジェクト指向について。ちょっと長くなるので目次です。 クラス（に相当するオブジェクト）を作る オブジェクトからオブジェクトを作る（インスタンス化） 単一継承 多重継承 privateは諦めましょう 親のメソッドを呼ぶ コンストラクタ instanceofに対応する ダックタイピングのススメ JavaScript標準のオブジェクト指向といえばnewやらprototypeやらを書く必要がありますが、これらは書くのが面倒臭い上に気をつけないといけない点がたくさんあります。Ja
XMLの第一人者Tim Bray氏「URLに#!入れるな」 | gihyo.jp
Tim Bray氏のブログ記事を解説したものです。Tim Bray氏はXMLの生みの親であり、最近はGoogle Developer AdvocateとしてAndroidの普及に務めています。Twitterをはじめ、最近のWebサービスにて「twitter.com/#!/timbray」のようにURLに「#!」というhash-bang（shebang）が含まれるのをよく目にしますが、Tim氏はこの流行に批判の意を示しています。 hash-bangを含むURLはAjaxを利用するために考えられたしくみです。#以降は単なるフラグメントとして処理されるため、サーバは#より前のURLを解釈しコンテンツを出力します。そしてブラウザにてJavaScriptが#以降を解釈し、以降のパスに相当するコンテンツをAjaxにて取得しコンテンツを書き換えます。このしくみができた背景は、Ajax後のコンテンツをSE
FirefoxのJavaScriptデバッガ拡張Firebugの進化がすごい
Firefoxのデバッグ拡張ことFirebugですが、Firefox4よりFirebugとは別にWeb Consoleという機能が入りました。 しかし、Firebug自体もさらに便利になっているので、少し紹介します。(Firebug1.7 –1.8 の範囲で) 現在のFirefox4に正式対応しているのはFirebug1.7xで、Firebug1.8xはAlpha版として公開されているのでまだ不安定な部分もあることに注意して下さい。 特に注意書きしてない部分はFirebug1.7の項目だと思って大丈夫だと思います コマンドラインに履歴ボタン コンソールパネルでのコマンドエディタ(でかい方のコマンドライン)にHistoryボタンが新たに追加されました。 過去に実行したコマンドをポップアップから選択して挿入することができます。(以前はCtrl+ZでUndoし続ける必要があった) コマンドライン
「ノンプログラマーのためのjQuery入門」のスライドが凄く分かりやすいですね - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基本講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。 このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。 また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデー
jQuery Mobile が必須スキルになる！と思うのでこれから勉強する際に参考になる記事まとめ | バシャログ。
Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。 アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしまうなんて…。今後、モバイルアプリケーションの統合開発環境のデファクトスタンダードになる予感が。 ってことで、まずはjQuery Mobileを理解せねば！ jQery Mobile についてはまだ書籍はあまりなく洋書しかありませんでしたので、参考になる記事を取り上げてみます。 http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w
Perlの正規表現のeオプション(eval)をJava(JavaScript)でやってみた - techlog
Perl だと正規表現で置換を行うときに、eオプションを付けることで置換後の文字列に式を利用できる。 例えば、「数字を検索して、見つかったらそれを2倍した値で置換する」といったことができる。これを Java でやりたい。もともとは会社の先輩が正規表現のサンプルについて書いていて、eオプションはそのままだとできそうにないなーと話していて、面白そうなので考えてみた。 Perl でやってみた まずは Perl のeオプションについて調べた。 e 置換に式を利用する eオプションを使用すると置換の結果に式を使用することができます。 次のサンプルはマッチした数値を2倍するサンプルです。 s/(\d+)/$1 * 2/e; 実践で役立つPerl正規表現 完全解説 - サンプルコードによるPerl入門 すごく便利だ。ちょっと補足して、今回は↓のサンプルを元に考えていく。 "10 20 a"という文字列か
震源地の推移
このページについて 震源地の推移をアニメーションします． から までのデータを表示可能です． マーカーの大きさはマグニチュードに比例，するんじゃなくて，マグニチ ュードを m とすると，「マーカーのサイズ = 5 * 1.5m」としてい ます．1.5 にはあんまり意味が無くて，それっぽく見えるサイズを調整しました． 深さを色（白黒）で表しており，浅い（0km）と白く，10km 刻みでだん だん暗くなっていき，深い（90km 以上）と黒くなります．深さが公開されてい ないデータがあったんですが，面倒なので 0km として扱っています．なので， 白が目立つかも． 震源地のデータはhttp://tenki.jp/earthquake/で公開 されている，震源地が明らかなデータを利用させて頂きました．いい加減に抜き 出しているので，間違いなどあるかもしれません．また，多分発生時の発表デー タなので
ベジエのつづき - 手抜きLab＠DTPの現場
急に寒さが戻ってくると体調を崩してしまいがちです。今日もほら、鼻水がw まあ、それはおいておいて、しつこいようですが今日もベジエ曲線です。 今回は、scriptからellipseを使わず先日のファンクションを利用して半径1単位の正円を描いてみます。円ですから1/4の円弧をミラー処理して生成できますのでこの円弧を正確に生成する事から考えましょう。 B(t) = (1-t)²P0 + 2t(1-t)P1 + t²P2 (0<=t<=1) 上記の３次のやつを使います。 円弧の中央の点(1/2)について、 斜辺^2＝垂辺^2＋底辺^2で、中点自体はy=xの直線上に存在しますから r^2＝x^2+y^2=2x^2 となります。r＝１ですから、 x=(√2)/2 となるわけです。これはB(1/2)にあたります。 ではあてはめていきます。ちなみにx軸に付いて処理しますね。 B(1/2) = 1/8P0
Bézier曲線のコントロール - 手抜きLab＠DTPの現場
みなさま、お久しぶりでございます。年度末の波が怒濤のごとく押し寄せている訳ですが、その為に書いてない訳ではありません。 MySQLのコネクタをモノに使用と四苦八苦していまして他に手が回りません。あと、socketライブラリも独自に実装している途中なのですが、なんとなく気に入らなかったりします。 あれこれやっていると本当に睡眠時間も短くなるし、困ったものです。 ところで、以前作図的な手法をお伝えしたベジエ曲線のコントロールですが、算術的にまとめてみようと思い立った訳です。が、途中でウィキペディアの英語版にそのものの記事が出ているのに気がつきました。またもや徒労です。ついでですので適当に解説しておきます。 ベジエ曲線について少々掘り下げてみます。 リニアカーブ（直線） まず2点P0―P1間においてdirectionが存在しない場合。ややこしい書き方ですがanchorとdirectionが重なる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript numbers to Words
サービス終了のお知らせ
mi用InDesign実行スクリプト