これは便利! JavaScriptの勉強はこのコンテンツで - Eloquent JavaScript | エンタープライズ | マイコミジャーナル
Eloquent JavaScript Eloquent JavaScriptというタイトルのもとでJavaScriptに関する情報が公開されている。同コンテンツの作成はMarijn Haverbeke氏の手によるもの。プログラミングの簡単な紹介からJavaScriptを使ったプログラミングの勘どころが丁寧にまとまっている。JavaScriptの仕様を解説するスタイルではなく、実際に必要になる処理や間違いやすい部分について取り上げながら説明がおこなわれている。JavaScriptを使ったプログラミングを実施するすべてのデベロッパに一読をお薦めしたいコンテンツだ。Eloquent JavaScriptの目次は次のとおり。 Introduction Basic JavaScript: values, variables, and control flow Functions Data stru
Aptana Jaxer登場 - AjaxサーバでサーバもJavaScript | エンタープライズ | マイコミジャーナル
Aptana Jaxer - The Ajax server Aptanaは22日(米国時間)、AjaxサーバプロダクトとなるAptana Jaxerのベータ版を公開した。同社はAptana Jaxerが真の意味でAjax向けのサーバプロダクトとしては初のプロダクトだとしている。Aptana JaxerではAjax開発者向けの開発モデルが統合された。この結果、サーバにおいてもクライアントにおいても同じAjaxコードが記述できるようになった。同じAPI、同じJavaScript、同じHTMLをサーバにおいても使えるようになっている。 具体的な例を挙げると、WebブラウザでgetElementById()を使うといった処理をサーバサイドにおいても同じように使える。つまり、JavaScriptコードを記述したら、そのコードはクライアントサイドでもサーバサイドでも使えるということだ。同期的にしろ非
【ハウツー】ゼロからはじめるYahoo! UI Library - TabView編 (1) Yahoo! UI Library - TabViewとは? | パソコン | マイコミジャーナル
今回はYahoo! UI LibraryのUIの1つであるタブ機能について説明します。このタブ機能はHTMLタグに特定のクラスを設定しスクリプトを1行呼び出すだけでUIを作成できます。タブを使って、Webサイトの表示内容を複数に区分したい場合などには最適なライブラリとなるでしょう。 Yahoo! UI Libraryの入手 まず、Yahoo! UI Libraryを入手しましょう(*1)。Yahoo! UI Libraryのダウンロードは以下のURLにある「Download YUI」のボタンをクリックします。 Yahoo! UI Libraryの入手 ダウンロードしたファイルはZIP形式になっているので解凍します。解凍するとbuild, docs, examplesフォルダとREADMEファイルがあります。今回必要になるファイルは下図に示すハイライトされたファイルです。 解凍図 これらのフ
オブジェクトリテラルとJSON：続JavaScriptのオブジェクトについて - builder by ZDNet Japan
JavaScriptをより深く知りたい人のための当連載、今回が四回目です。 前回は、JavaScriptのオブジェクトは「ハッシュテーブルのようなもの」として捉えることができ、「[ ]」演算子と文字列の組み合わせでメンバにアクセス可能である、と言うことを説明しました。 今回は、JavaScriptオブジェクトについてさらに高度な話題として「オブジェクトリテラル」と「JSON」についてお話ししたいと思います。 オブジェクトリテラルとは オブジェクトリテラルとは何か？を説明するためにも、簡単に前回の復習をしましょう。 前回は、「JavaScriptオブジェクトはハッシュテーブルのようなものだ」と言う前提のもとに、生成したオブジェクトに対して変数や関数を追加し、参照すると言う例をお見せしました。 // 新しいオブジェクトの作成 var obj = new Object(); // メンバーとして
WebScheme - Scheme interpreter for web applications
WebScheme Scheme interpreter for web applications WebSchemeはJavaScriptで書かれた、ウェブアプリケーションのためのScheme処理系です。 デモ IE6.0およびFirefox 1.5にて動作確認しています。 数独 数独というパズルゲームを遊ぶプログラムです。 「load sample」をクリックするとプログラムをロードし、「eval」を押すと実行します。 数独（コンパイル済み版） Schemeのコードを事前にJavaScriptにコンパイルしておくことで、ロード時間を無くしたものです。 WebSchemeからGoogle Maps APIを呼び出すサンプル WebSchemeにはJavaScriptのオブジェクトを操作する機能があり、これを使って Googleマップを操作するサンプルです。 「load sample」
CodeZine：JavaScriptでつくるSchemeインタプリタの基礎の基礎（lisp）
はじめに 現存するプログラミング言語の中で2番目に古いのがLispです。生まれは古くても、いまだに使われ続け、また、Rubyなどの新しい言語にも影響を与えています。そのLispの派生であり、シンプルさが売りなのがSchemeです。 ここではSchemeの簡単なインタプリタをJavaScriptで作ってみます。対象読者 本稿はLispやSchemeは少し触ったことはあるけど、インタプリタは書いたことがないという方を読者対象としています。また、JavaScriptの文法や、簡単なデータ構造についての知識を前提とし、説明は省きます。必要な環境 テキストエディタと、JavaScriptが動くWebブラウザがあれば十分です。他に特に用意するものはありません。概要作成するインタプリタについて インタプリタのコードはJavaScriptで書き、HTMLのフォームを使って、Schemeのプログラムの入力お
JavaScriptのオブジェクトとは：ちゃんと理解してますか - builder by ZDNet Japan
前回は、JavaScriptにおける関数はオブジェクトであり、関数定義は「オブジェクトの作成」に他ならない、と言うお話でした。今回は、「では、JavaScriptにおけるオブジェクトとは何か？」というお話をしたいと思います。 JavaScriptオブジェクトとは「ハッシュテーブルのようなもの」 オブジェクト指向言語における「オブジェクト」とは、「データと振る舞いをひとまとまりにしたもの」として説明されることが多いです。例えばJavaのオブジェクトは、フィールド（＝データ）とメソッド（＝振る舞い）から構成されます。 しかし、JavaScriptにおける「オブジェクト」の概念は、ある意味それより遥かに単純です。なぜなら、誤解を恐れずいうならば、JavaScriptオブジェクトとは、単なる「ハッシュテーブル」のようなものとして捉えることができるからです（※1）。 ハッシュテーブルとは、「キーと値
わーい ＼（＾o＾）／ Scheme もどきを JS で書いたよー！ - IT戦記
昨日の夜のこと （1000 人スピーカープロジェクトの打ち上げが終わって、解散後、数名でサイボウズラボに寄り道） id:amachang: あー今日は楽しかったねー（レゴみたいなおもちゃで遊びながら） id:nishiohirokazu: うんー楽しかったねー（レゴみたいなおもちゃで遊びながら） id:amachang: yuum3 や yad-EL さんが言ってたみたいに SICP 読んでみたいなー id:yukoba: …黙々… id:amachang: ところで yukoba さん、さっきから何やってんの id:yukoba: え？ Scheme 作ってる（超笑顔） …レゴみたいなおもちゃ ポロリ id:amachang & id:nishiohirokazu: えー！抜け駆けずるいー！！！＞＜ id:amachang: おれも作る＞＜！ id:nishiohirokazu: えっえ
サラ金の債権譲渡が行われたとき | 損をしない借金の仕方？それならここがお勧めです！
借りているサラ金から突然連絡が来て、債権譲渡のお知らせなどと言われる事がたまにあります。そもそも債権譲渡とは何でしょうか。 そのサラ金が事業を辞める為に、別会社に債権をそのまま譲渡すると言うのが債権譲渡です。以前の会社から新しい会社に債権が移っただけで、借りてる方としたら、殆ど変化が無いのが債権譲渡と言えます。連絡が来た時に、返済する場所が変わる旨などが伝えられた場合には、返済を間違えずに行わなければなりません。また債権譲渡により、返済する金額が変更になるなどと言う事はまずありませんので特に問題は無いでしょう。 いきなり借りてる会社からそんな連絡が来ると、なんだか怖いイメージですが、全く怖いというものではありませんので、今までどおりに返済を続けていけば特に問題は無いでしょう。 ただし、債権譲渡は債権譲渡でももう一つ別の形の債権譲渡が存在します。借りてるサラ金会社の返済を延滞した場合、うちで
JavaScriptで数式エディタ·BrEdiMa MOONGIFT
※ 画像は公式サイトデモより Webサイト上で数式を載せている人というのは意外と多い。その際のやり方は概ね二種類あった。一つは数式をテキストベースで書く方法。だがこれは見づらいという欠点がある。もう一つは画像で作り、それを載せる方法。これは奇麗に見られるのは良いが、編集が容易ではない。 どちらも一長一短がありそうだ。そこで、手軽に書けて、かつ見栄えの良い数式エディタを紹介しよう。 今回紹介するオープンソース・ソフトウェアはBrEdiMa、JavaScriptベースの数式エディタだ。 BrEdiMaはWeb上で動作する数式エディタで、WYSIWYGなエディタを使って数式を組み立てることができる。例えばルートや分数、シグマなどもアイコンから選択するだけで挿入できる。 その結果はmimeTeXという数式描画プログラムに渡され、結果を画像で表示する。JavaScriptによる数式組み立ての手軽さと
MOONGIFT: � Facebook発のアニメーションJavaScriptライブラリ「FBJS/Animation」:オープンソースを毎日紹介
2007年、最も勢いがあったWebサービスと言えば、Facebookではないだろうか（twitterもあるが、金銭的な話も含めるとやはりFacebookかと）。このFacebookでは各所に楽しいJavaScriptアクションが仕込まれている。 先日のFaceboxは、そんなFacebookのアクションを真似た物だったが、今日紹介するのはFacebookオリジナルだ。 今回紹介するオープンソース・ソフトウェアはFBJS/Animation、Facebook内でも使われているアニメーションライブラリだ。 FBJS/Animationの特徴は、何といってもそれ単体で動作する点にある。prototype.jsやjQueryのような統合ライブラリは必要としない。圧縮して12KBと若干大きめではあるが、単一ファイルで提供できるのは素晴らしい。 使い方としてはjQueryライク（恐らく）なメソッドをチ
JsonSQL登場 - JSONをSQLで操作 | エンタープライズ | マイコミジャーナル
Ajax Webアプリケーションにおけるデータ形式として普及がはじまっているJSONデータ形式だが、同データを扱うおもしろいライブラリが発表されたので紹介したい。2008年1月に新しく発表されたJavaScriptライブラリ「JsonSQL」だ。Apache License Version 2.0のもとで公開されている。コード自体はコメントを抜いて90行ほどと短く、実現されている機能も限られたものだ。コンセプトプルーフ的なライブラリだがなかなか興味深い。 JsonSQLはJSONデータをSQL命令を使って操作できるようにするライブラリ。2008年1月現在公開されているバージョン0.1ではselect命令だけがサポートされており、"*"によるワイルドカード指定はフィールドに対してのみ適用できる。値をカンマで区切って指定する場合は","にスペースを加えずに詰めて記述する必要がある。whereの
JavaScriptライブラリのパフォーマンス、最速はコレだ! | エンタープライズ | マイコミジャーナル
The PBwiki engineering teamのメンバーがWebブラウザとJavaScriptライブラリのパフォーマンスを調査するために興味深いパフォーマンステストサイトを公開している。Javascript Library Performance Test Roundupにアクセスして"Run (West Coast)"かまたは"Run (East Coast)"をクリックしてみてほしい。使っているWebブラウザにおいてDojo 1.0.1、jQuery 1.2.1、Prototype 1.6.0、YUI 2.4.0、Protoculous 1.0.2の読み込み時間がどうなるかを調査してくれる。 しかも読み込み方法は通常のJavaScriptソースコード、キャッシュされたものとそうでないもの、Gzipで圧縮されたものとそうでないもの、YUI Compressorで最小化されたものと
ウノウラボ Unoh Labs: 画像の遅延読み込み
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
jQueryではじめるAjax：第2回 jQueryによるAjax実装｜gihyo.jp … 技術評論社
第1回ではJSONPによるAjax実装を取り上げましたが、今回はそこで使ったJSONという表記法と、JSONPというAjax実装手法について解説します。また、jQueryによる簡単なAjaxの実装についても解説します。 JSONってなに？ JSONとは、JavaScript Object Notationの略称です。ECMAScript言語 ECMA-262をベースに作られた、Javascriptオブジェクトの表記法のサブセットです。 JSONは、名前と値のペア、および、順序付きの値という2つのシンプルな構造に基づいて、構造化データを簡潔に表現することができます。 オブジェクト（名前と値のペアの集まり） JSONでオブジェクトを表現するには、メンバを「{」と「}」で囲みます。複数のメンバは「,」で区切られます。例えば、名前が「color」、値が「green」というメンバを持つオブジェク
CPS（継続渡し方式）変換をJavaScriptで説明してみるべ、ナーニ、たいしたことねーべよ - 檜山正幸のキマイラ飼育記 (はてなBlog)
久々にThe n-Category Cafeを見たら、Mike Stayによる"The Continuation Passing Transform and the Yoneda Embedding"なんて記事がありました。 米田埋め込みは圏論ではお馴染み。継続渡しへの変換はコンピュータ・プログラミングではお馴染み。 この2つは、実は同じものなんだよ。なんで、誰もこのことを言わないんだろうね？ The Yoneda embedding is familiar in category theory. The continuation passing transform is familiar in computer programming. They're the same thing! Why doesn't anyone ever say so? Mike Stayのこの記事、面白いのだ
JavaScriptの技法：DOM操作の落とし穴とその回避方法 - builder by ZDNet Japan
セキュリティモデルは変わった！ クラウド活用、リモートワークはあたりまえ いま求められるゼロトラスト実現のために コンテナをエンプラITに！ コンテナ活用の基礎 本番実装が増える背景とメリット データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある デジタル時代のITインフラ構築術 仮想化統合、クラウドを経て今「マルチ」へ ITインフラの最適化と継続的進化への道筋 ヤフー担当者が語る！ 安心なサービスを作るための試行錯誤 効率とリスクのバランスをどうしているのか 時代はサーバ仮想化からコンテナへ あらためて整理したい企業ITにおける コンテナ活用の基礎と採用メリットを紹介 自社利用の知見・経験を顧客に提供 コンテナ活用を推進する日立製作所 VMware Tanzuを利用したモダナイズを伝授 激変するビジネス環境の中でのDX モダンアプリ
Ajaxの技法：クールな回転スライドの作成 - builder by ZDNet Japan
ITインフラ運用からの解放 HCI＋JP1による統合運用による負荷激減で 次世代IT部門への役割変革へ一歩前進 データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある 非構造化データのデジタル活用へ 社内の文書コンテンツを一元管理 デジタル変革と内部統制の二兎を得るECM 結果に差がつくウェビナーへの投資 デジタル営業時代における見込み顧客獲得へ ウェビナーの運用・集客・フォローの最適化 大学、研究機関、製造業など いま目覚ましい躍進ぶりを見せるデルのHPC その背景と選ばれる理由にせまる IT部門のDXはこれだ！ IT運用管理新時代における最適な運用管理 の現場作り ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス 体験から学んだ成功への知見 マネーフォワード×エム・フィール
第30回 JavaScriptの動作を軽くするための工夫：ITpro
今回はJavaScriptとWebページの表示・操作の体感速度について考えてみます。というのは，JavaScriptのせいでWebページの表示や操作などの速度が遅くなっている，と感じることがあるからです。 現在のWebサイトでは，JavaScriptを使って使い勝手を向上することは，ごく当たり前に行われています。例えば，動的にページを書き換えたり，ページ遷移を行わずにサーバーと通信を行ってデータを取得したりと，JavaScriptを使うことで，Webサイトをより便利に，より使いやすくすることができます。 Ajaxという言葉がはやってから，もう2年以上がたつんですよね。何年か前，JavaScriptはじゃまで，セキュリティを低下させる不要なものだと見なされていた頃がありました。しかしそれから一変して，「JavaScriptをがんがん使ってもいい」という空気になったことで，Webサイトを作成す
JavaScriptの技法：正規表現を学ぶ - builder by ZDNet Japan
データの妥当性検証は、ユーザからデータを受け取るウェブアプリケーションにとっては必須の機能だ。なぜなら、データの形式が正しいかどうかを、作業を行う前にまず確かめる必要があるからである。ウェブアプリケーションで妥当性の検証を行う際には、ASP．NETやJSPなどで利用可能なプラットフォーム固有の機能を使用するか、それともクライアントサイドでJavaScriptの機能を利用するかを選択することが可能だ。そして、ここでJavaScriptを選択した場合、正規表現を用いることによって検証作業を単純化できるようになる。 正規表現は一種のパターンマッチである。正規表現を用いるとテキストのパターンを簡単に表現することが可能になるため、正規表現はテキストデータの妥当性検証で大きな威力を発揮する。また、正規表現ではパターンマッチだけではなくテキストの置換を行うことも可能だ。私はかつてPerlを用いてUnix
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
