javascriptの関数が変態すぎるベルリンのかっこいい建物 ドイツ旅行9日目＆10日目。ベルリンに2泊する。 ベルリンは1度家族旅行で来たことがあり、今回はエスカレーターをめあてにしていただけで、他に予定は決めていなかったのだが、今回のドイツ旅行で一番印象に残った街で、「また訪れたい」と思った街でもあった。ナチス…
jQuery ソースコードを読むための参考資料一覧 - mollifier delta blog
2010/09/26(日) に京都で Kanasan.JS jQuery コードリーディング #2 が行われる(告知ページ)。みんなで jQuery のソースコードを読むイベントで、今回が2回目だ。参加者募集中です。 jQuery はファイル1つだけのライブラリなのですごい環境とかもってなくても大丈夫なんだけど、読むうえで参考になるサイトとかをまとめてみた。この辺の準備をしておくと理解が深まると思う。 ソースコード http://code.jquery.com/jquery-1.4.2.js http://github.com/jquery/jquery まずは jQuery のソースコードを取ってこないと始まらない。今回はバージョン 1.4.2 を使用する。jQuery の公式サイトから圧縮していないコードをダウンロードしよう。 それと、jQuery ソースコードは Git で管理されて
jquery.jsを読み解く：第1回 jQueryライブラリ（1～171行目）｜gihyo.jp … 技術評論社
はじめに jQueryとは、John Resigによって開発され、最近非常に注目を集めている Javascriptライブラリです。 JavaScriptとHTMLの対話を劇的に改善し、Ajaxなどにより複雑化してきているWebアプリケーション構築に必要な処理を非常に簡潔に書くことができます。また、ブラウザの種類やバージョンによる違いも吸収してくれるため、プログラマの作業量も減らしてくれます。 本連載では、jQueryライブラリのコードを読みながら、実装として中で何が行われているのかを見ていこうと思います。 想定している読者は、jQueryライブラリをただ使うだけでなく、やっていることを理解したいという方、使われているコードを応用して自分なりの改造をしてみたい方、新たなプラグインを開発したいという方などです。 今回の連載では執筆開始時点の最新版であるバージョン1.2.2を対象としています。説
iframe 埋め込み式 YouTube Player 向け JavaScript Player API のご紹介
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
重ねた画像の表示の仕方を指定する(globalCompositeOperation) [html5 の Canvas を使ってみる：第卌一回]
globalCompositeOperation では、この記述前に描画した矩形の上に、記述後に描画した矩形を載せた際に発生する重なり具合についてあれこれと指定できるみたいだ。 ★html 側 onload = function() { // 画面ロード時に描画を実行 draw(); }; function draw() { // id: globalCompositeOperation で 2 次元描画を行うことの定義 var c = document.getElementById("globalCompositeOperation").getContext('2d'); // fillStyle で緑の塗りを指定 c.fillStyle = "rgb(0, 255, 0)"; // fillRect で塗りつぶした矩形を描画 c.fillRect(40, 0, 20, 150); //
globalCompositeOperation プロパティ - Canvasリファレンス - HTML5.JP
構文 context . globalCompositeOperation [ = value ] 現在の合成処理を返します。後述のリストの通りです。 値をセットして、合成処理を変更することができます。未知の値は無視されます。 仕様 globalCompositeOperation 属性は、どのように図形や画像を現存するビットマップ上に描画するのかをセットします。それらは、globalAlpha が与えられると、現在の変換マトリックスが適用されます。この属性値には下記リストの値をセットしなければいけません。下記では、描画元イメージ A はこれからレンダリングしようとしている図形や画像を表し、描画先イメージ B は現在のビットマップ状態を表します。 source-atop A atop B。描画元イメージのうち、両方のイメージが不透明な部分が表示されます。描画先イメージのうち、描画先イメージ
MOONGIFT: » JavaScriptで分かち書き「TinySegmenter」:オープンソースを毎日紹介
※ 画像は公式サイトデモより 分かち書きや形態素解析のニーズは色々な所に存在する。テキストはWebベースで最も扱われるデータの一つであって、その内容を分析、解析して欲しい情報だけを抽出するというのは重要な技術だ。 大規模な辞書データを元に行う形態素解析はコストがかかりすぎる。手軽に行うならこのソフトウェアを使ってみるのはどうだろう。 今回紹介するオープンソース・ソフトウェアはTinySegmenter、JavaScriptベースの分かち書きエンジンだ。 TinySegmenterはまさにJavaScriptベース、クライアントサイドでの分かち書きエンジンだ。辞書を使わない点が一番の特徴で、それによって時代の流れに依らず、さらに言語比依存であるために言語を問わず利用できる。 わずか25キロバイトしかないので、ごく軽量だ。動作の素早い。日本語として正しく書かれている新聞記事などに対して強いが、
マイクロソフト、無償のWeb開発環境「WebMatrix」を公開。HTML/CSS/JavaScriptエディタ機能、PHP対応、FTP機能など手軽で便利な統合ツール
マイクロソフトは先週、無償のWeb開発環境「WebMatrix」の提供を開始しました。WebMatrixには以下のコンポーネントが含まれており、Windowsで簡単にWebサイトの構築を行うことができます。 Web開発ツール HTML/CSS/JavaScript/PHPなどに対応したテキストエディタを含む開発ツール。FTPによりファイルをホストへボタン1つで転送できる HTTPサーバ IIS Express 7.5により、Webブラウザですぐにブレビューできる。しかも（追加インストールにより）PHPにも対応する。当然ASP.NETにも対応 データベースサーバ SQL Server Compact Edition 4により、データベースを利用するWebアプリケーションもローカルで開発可能。MySQLも追加インストール可能 調べた限りではIIS ExpressはWebMatrixの画面から簡
node.jsとMySQLで割と普通のデータベースウェブアプリを作ってみるチュートリアル | さくらたんどっとびーず
2011年はサーバサイド JavaScript の年！ サーバサイド JavaScript の本命は node.js！ ということで割と普通のウェブアプリケーションを node.js で作るためのチュートリアルを書いてみました。WebSocket とか新しめの話題は結構見ますが、PHP とかで普通のウェブアプリ作ってる人向けのチュートリアルとかあんま見ないような気がしたので、って感じです。 チュートリアルの内容ですが、コード量が少なめで機能的にも分かりやすそうなモノということで、短縮 URL ウェブアプリケーションを作ってみることにしました。bit.ly とか t.co とか nico.ms みたいなアレです。短縮 URL のデータは MySQL に保存します。 結構長文になっちゃったので、先に目次置いときます。 node.js のインストール npm (Node Package Mana
GSkinnerの作ったJavaScriptライブラリが素敵すぎる件 | fladdict
Flash界のコーディングゴッドGSkinnerがJavaScriptのCanvasをFlashライクに使うライブラリを作った。 この人、確か僕と同い年ぐらいかちょい下なんだよね。。。会う度に超へこむ。 画期的というか、確実にかゆいところに手が届くライブラリで、下みたいなのがサクサクJSでいける。あいかわらずソースは美しいし、ドキュメントも完備。 game sparkles rollover localToGlobal globalToLocal sprite sheets ざっと見た感じFlashでいうところの、Stage, MovieClip, Sprite, Bitmap, Matrix, Stage, EnterFrameとキーフレームアニメがサポートされてる感じ。これは素敵。 このライブラリそのものもスゴいんだけどポイントは、GSkinnerがJSやりだしたってことは、365日以
「Web AI」ライブラリの使い方と内部仕様 － Web上のデータからJavaScriptだけで人工無脳を作成
はじめに いつもは「創活ノート」でマンガを描いている柳井です。その裏ではゴリゴリとコードを書いています。そんな私のマイブームはJavaScript。今年は「マンガで分かるJavaScript プログラミング講座」を描いてネット上で公開したこともあり、JavaScriptづいています。 こういったマイブームの流れに乗り、少し前にJavaScriptの新しいライブラリ「Web AI」を開発してリリースしました。Web上の情報を利用して、JavaScriptで人工無脳的なプログラムを書くためのライブラリです。データベースを持つことなく、ユーザーの入力に対してネット上の情報を収集して、インテリジェンスな振る舞いをするための各種命令が収録されています。 以下のサイトで、「Web AI」ライブラリのダウンロードや、サンプルの確認、リファレンスや全ソースコードの閲覧が行えます。 「Web AI」ダウンロ
Javascript で gif 画像を生成 - ミワラボ
May 27, 2006 7:17 PM | no comments | no trackback Dataスキーム(RFC)を利用して、Javascript のみで gif画像を生成するライブラリを作ってみました。 MLgifLib.js Dataスキーム対応ブラウザで動作します。（Firefox、Safari など） 今のところ、2-256色、無圧縮のgif画像（アニメーションgifにも対応）が生成出来ます。 遅いです。マシンパワーに依存するので、スペックの低いマシンではもっさり動きます。 ぼちぼち更新していく予定。とりあえずソースをきれいにします。 使用例 MLgifLib.js Demo | Simple GIF Editor カラーパレットから描画色を選択して、キャンバスにクリックして描画します。 描画したgif画像を保存する場合は、キャンバス左上のプレビュー画像を右クリッ
PHP + JavaScript で Tumblr の Twitter 互換 API を叩いて Dashboard リーダを作ってみたよ
PHP + JavaScript で Tumblr の Twitter 互換 API を叩いて Dashboard リーダを作ってみたよ はいこんにちは！ 今回は PHP + JavaScript (jQuery) で Tumblr の Dashboard リーダを作ってみました。 R&D メンバーがクリッピングしている記事を社内のグループウェアに掲示してみようかと思っていたのですが、お手軽にダッシュボードを公開するすべが無かったので自分で Twitter 互換 API を使って実装してみました。 デモ ディレクトリ構造はこんな感じ。 index.html: 本体 proxy.php: JSON 取得用 lib/: ライブラリ colorbox/ JSON 取得用の PHP のコード (proxy.php) はこんな感じ。 <?php require_once "HTTP/Request.
TwitterやFacebookのURLには、なぜ#!が含まれるのか (SEOとAjaxのおいしい関係) - kazuhoのメモ置き場
Ajaxを使うためにはページ内リンク (hash fragment=URLの#以降) を使うのが一般的*1 hash fragmentはサーバに送信されないから、JavaScript非対応のブラウザだと動作しない 特にサーチエンジンのクローラ等で問題になる*2 そこで Google は、#! が含まれる URL を hash を含まないものに読み替える仕組みを提唱している。例えば「www.example.com/ajax.html#!key=value」のサーチエンジン用URLは「www.example.com/ajax.html?_escaped_fragment_=key=value」になる。 TwitterやFacebookはこの仕様に従うことで、Ajax な UI と SEO を同時に実現している、というわけ。ということを調べたなう。 参照: Getting Started |
SWFUpload v2.2.0.1 で「Exception: Error: Error #2176」 - akishin999の日記
SWFUpload http://swfupload.org/ 久しぶりに SWFUpload を使用する要件があったので、最新の SWFUpload v2.2.0.1 で以前弄っていたサンプルを動かそうとしたところ、JavaScriptエラーが発生して SWFUpload オブジェクトの初期化に失敗するようになっていました。 Firefox + Firebug で追ってみると、「Could not find the placeholder element」というエラーが発生しているようです。 どうも設定で「button_placeholder_id」と「button_placeholder」がどちらも設定されていない場合にこのエラーが起きてしまう模様。 とりあえず「button_placeholder_id」に適当な div 要素の id を指定したところ、SWFUpload の初期化自
Flash内の表示オブジェクトをPNG画像として開く - In heriet
はじめに 世界樹の迷宮風マップツールII β で実装した、マップの画面をPNG画像として開く、というお話です。 簡易なお絵かきができるようなFlashはよくありますが、描いたものをいちいちPrintScreenしたりするのも面倒ですよね。 セキュリティ的な問題だと思いますが、Flashで生成したデータはそのままファイルとしてそのまま保存はできません。せいぜい、クリップボードにテキストを貼り付けられる程度です（バイナリは無理） ならばせめて、画像を右クリックして名前をつけて保存、ぐらいのことが出来るようにしたいと思います。 ここまでならサーバーを介して既にやっているところも多いのですが、さらに可能な限りローカルで処理を行い、できるだけサーバーの負担を軽減するようにします。 ちなみに、ActionScript3.0/Flex2 SDKで作っています。AS2まではByteArrayとかがないので
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
実際のサンプル - getImageData / putImageData メソッド - Canvasリファレンス - HTML5.JP
http://jsoneditor.net/
rummelonp.com
お知らせ：サイトを少し改造。軽く・・・なったかな？
