サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
ここではあまりプログラミングの話はしないのですが（私も今気がついた）， たまにはいいでしょう。 今回は JSON というデータフォーマットのお話です。 めっさ長文です。 ご注意を。 （3/8 追記があります） 最近 JSON （JavaScript Object Notation）にハマってます。 JSON というのはごく軽量のデータフォーマットで，Javascript （というより ECMAScript と言うべきかもしれませんが）の言語仕様がベースになっています。 とはいえ， JSON 自体はJavascript からは独立していますので他の言語（C/C++,Java, C#,Perl,Ruby,Python など）でも問題なく扱うことができます。 JSON は以下の2種類のデータ構造の組み合わせでできています。 （JSON フォーマットの詳しい解説をご所望の方は「入門 J
![[鏡] 入門 JSON -- 戯れ言++](/image.pl?url=https%3a%2f%2fcdn-ak-scissors.b.st-hatena.com%2fimage%2fsquare%2fb9403aeb9e428539e1bdb60550747807cd52d387%2fheight%3d288%3bversion%3d1%3bwidth%3d512%2fhttps%253A%252F%252Fbaldanders.info%252Fimages%252Fattention%252Fremark.jpg&f=jpg&w=240)
fValidator - AloneSimple form using fValidator フォーム値のチェックをJavaScriptで簡単かつクールに行う「fValidator」。 fValidator を使えば、次のように input エレメントの class 属性に 値を指定するだけで入力チェックの機構を実装できます。 <input id="exA_Id" class="fValidate['required']" name="id" type="text"> <input id="exA_cPassword" class="fValidate['required','=exA_Password']" name="cpassword" type="password" >JavaScript で入力チェックというと結構面倒なイメージがありますが、このライブラリを使ってしまえばHT
Latesttopics >JavaScript 1.7のyield文ってなんじゃらほ 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « mod_estraierでの履歴全文検索（ミラー） Main 年金の追納 »JavaScript 1.7のyield文ってなんじゃらほ - Aug 07, 2006JavaScript 1.7 の yield が凄すぎる件についてを見てもyieldってそもそも何なのかちいとも分かっとらんかったのでそこから調べてみた。 yieldはreturnの仲間？ そもそもこのyield文というのは、JavaScriptと同じくスクリプト言語のPythonから持ち込まれた仕組みらしい。ジェネレータとは何ぞやで読める例を
script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「S... 次の記事 ≫：ペイントより圧倒的に高機能な「Paint .net 3.0」が正式リリース 機能変更、お知らせなど -はてな技術発表会日記 - 1月19日の技術勉強会 タイプされたキーに対するアクションを行うObserver 的なライブラリJavaScriptでキーボードイベントを驚くほど簡単に扱える「KeyTypeListener.js」 MochiKit ベースで、次のように簡単に使えます。 addKeybind('a', function(ev) {log('a')}); addKeybind('a', function(ev) {log('a!!');}, $('loglog')); addKeybind('B', function(ev) {log('B')})
dojo, theJavascript Toolkit: brought to you by the Dojo Foundation グラフ描画機能が機能追加されたJavaScriptライブラリ「Dojo 0.4」。 次のようなグラフがJavaScriptで描画することが可能です。曲線も美しいですね。一見Flashを使っているようにも見えます。 グラフ描画するためには、dojo.jsを読み込んで、次のようなコードを書きます。 dojo.require("dojo.collections.Store"); dojo.require("dojo.charting.Chart"); dojo.require('dojo.json'); // our sample data for ourline chart. var json = [ { x: 0, y: 110, size:20, x2:
cssText って知ってますか？cssText っていいうのはCSSRule オブジェクトとかCSSStyleDeclaration が持っている情報をcss ファイルに書く形式の文字列にしてくれる機能です。 乱暴に言ってしまえば、css 系のオブジェクトが持っている innerHTML みたいなものです。 具体例を見てみましょう。 こんな感じの body があるときに <body style="margin: 1em; padding: 1em; border: 1em">....</body> こんな感じで使えます。 alert(document.body.style.cssText); // 'margin: 1em; padding: 1em; border: 1em' 簡単でしょう？(ボブ略 設定も出来ますよ こんな感じ // さっきの続き document.body
Ext Documentation Centor 超リッチJavaScriptコンポーネント集「Ext」がprototype.jsに対応。 以前、「YahooUI Libraryを拡張した超リッチなコンポーネント集」で紹介したリッチなコンポーネント集はYahooUI Library 用のものでしたが、 なんと、prototype.js+script.aculo.usでも動作するようになりました。 尚、jQueryにも対応しているようです。 こうしたコンポーネントライブラリで、コアとなるライブラリを選択できるのはより多くの開発者が使えていいですね。 ライブラリだけではなく、テーマを切り替えることも出来て、自由度がいい感じです。 コアとなるライブラリを切り分ける、という、このライブラリ自体の設計部分にも注目したいですね。 コアライブラリの切り替え 画面内ウィンドウ データグリッド タブ風Ｕ
JavaScriptで線や円、四角形などの図形を描画するためのライブラリ「wz_jsgraphics.js」 2007年02月16日- DHTML: DrawLine, Ellipse, Oval, Circle, Polyline, Polygon, Triangle withJavaScript ThisJavaScript VectorGraphics library provides graphics capabilities forJavaScript: functions to draw circles, ellipses (ovals), obliquelines, polylines and polygons (for instance triangles, rectangles) dynamically into a webpageJavaScriptで線や円
JavaScript入門＆応用＆リファレンス＆ライブラリ紹介サイト「JavaScriptist... 次の記事 ≫：blockquoteでの引用を美しく表示するCSSサンプル URLParser - Public code - TracJavaScriptから使えるURLパーサークラス「URLParser」。 次のように簡単に使えます。PHPでいうところの、parse_url 関数にあたる機能ですね。 var p = new Poly9.URLParser('http://user:password@poly9.com/pathname?arguments=1#fragment'); /* OUT * p.getHost() == 'poly9.com' //ホスト p.getProtocol() == 'http' // プロトコル p.getPathname() == '/path
2007年03月12日02:00 カテゴリLightweight LanguagesiTechjavascript -CSSをいじくるJavaScriptでDOM要素のstyle属性をいじるのは簡単ですが、これがCSSともなるとobject treeが深くて大変で、Webを見回してもほとんど参考例がありません。動的にCSSをいじっているサイトの例は徳保さん趣味のWebデザインぐらいしか見かけません。 というわけで、習作を兼ねて、style属性ではなくCSSをまるごと書き換える関数を作ってみました。CSS Manipulation viaJavaScript http://www.dan.co.jp/~dankogai/css/css_handlers.html 解説 動作確認はFirefox 2, Opera 9, Safari,Mac IE5で行っています。Safariでのみ
script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「Spinelz」 2007年01月31日- Spinelz -JavaScript libraries Spinelzはscript.aculo.us.をベースに開発されています。 Ajaxや、script.aculo.us.の持つアニメーション効果を最大限に活かした、ちょっと便利な機能を提供しています。 script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「Spinelz」。 タブ、メニューバー、ナビゲーションパネル、カレンダー、グリッド、ツリービュー等リッチなコンポーネントを実現できます。 以下にいくつか紹介。 タブボックス メニューバー ナビパネル カレンダー グリッド ツリービュー コンポーネントはＣＳＳによってデザインされているため、
if 〜 in なんてあったのね。。。 知らなかった！ 使い分け ３番めが if in オブジェクトが真か偽か if (obj.property) { // ... } オブジェクトにプロパティがあるかは置いといて undefined ではないことを確かめる if (typeof obj.property == 'undefined') { // ... } オブジェクトにプロパティがあるか。 if ('property' in obj) { // ... } オブジェクト自体（プロトタイプを含まない）にプロパティがあるか if (obj.hasOwnProperty('property')) { // ... } まとめ いっぱいあるなあ。 大抵、一番上のでいいがいろいろ細かい条件があるとたまにどれも必要になるときがある。 いままでは、if in を知らなかったので困ったこともあったなあ
2006年10月22日00:55 カテゴリLightweight LanguagesWEB+DB PRESSjavascript - element.innerHTML はなぜ速く見えるか 自分でこう書きながら、実は首を傾げていたのだけどやっとわかった。 404Blog Not Found:WEB+DB PRESS vol.35 pp.57 まず速度ですが、innerHTMLは代入時にHTMLの構文解析が入るので、速度的にはDOM操作が有利です。 期待に反してそうでないのは、404Blog Not Found:javascript - DOM vs innerHTML benchmark onMacBook Proでの指摘した通り。このあたりはamachangにちゃんと査読してもらった方がよかったのではないか？ InnerHTMLは速くない。速く見えるだけだ。 その証拠として、以下
今日から使えるJavaScript カスタム関数トップ 10 2006-02-13-2: [JavaScript] -Top 10 customJavaScript functions of all time http://www.dustindiaz.com/top-ten-javascript すぐにでも使える，気の利いたJavaScript の関数を 10 個紹介． - 10) addEvent() イベントリスナーを登録する関数．クロスブラウザ対応．結構有名． - 9) addLoadEvent() クロスブラウザな window.onload．onload する関数が幾つもある場合に． - 8) getElementsByClass() クラス名から要素を取得する関数．prototype.js にも getElementsByClassName() という名前である． p
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
