S2ファクトリー | Web/アプリ/システム/デザイン/ディレクションS2ファクトリーは、様々な分野のスペシャリストが集まり、Webサイトやスマートフォンアプリの企画・設計から制作、システム開発、インフラ構築・運用、デザイン・ディレクションなど、様々な業務を行っています。制作・運用に必要なすべての工程をワンストップ・ワンチームで提供します。また、ご要望に応じて、システム開発やフロントエンドエンジニアリング、アートディレクション・デザイン、プロジェクトマネージメントのみのプロジェクト参加も行っています。
Javascript で実装した Ruby インタプリタ JSRuby 0.1 リリースしました。 (nakatani @ cybozu labs)
« MyMiniCity 日本語化 | メイン | JSRuby から jQuery を使う ( Javascript 連携 ) » Javascript で実装した Ruby インタプリタ JSRuby 0.1 リリースしました。 あけましておめでとうございます。 １月からサイボウズ・ラボのオフィスが引っ越しました。新年から気分も新しくぶりぶり仕事します。よろしくです。 というわけでちょっとずつ作っていました Javascript で実装した Ruby インタプリタの "JSRuby" を一区切り付けるべくバージョン番号を付けてリリースしました。 JSRuby Project Page (CodeRepos) http://coderepos.org/share/wiki/JSRuby JSRuby Test Page http://labs.cybozu.co.jp/blog/naka
ウノウラボ Unoh Labs: 1時間で作る簡易スクリプト言語(JavaScript)
さかとくです。最近では、JavaScript上でJavaバイトコードが実行できたり(Orto)、JavaScriptでScheme(jsScheme)が動いたりと、とても楽しい状況ですね。ブラウザさえあれば、その上でいろんなプログラミング言語を体験することができるのですから！ 私も、これまで、マクロ言語やスクリプト言語をいくつか作ってきました。（代表作は、音楽のプログラミング言語「サクラ」や、日本語プログラミング言語「なでしこ」などです。）今は、ブラウザ上で動く日本語プログラミング言語を開発中ですが、これはまだ見せられる状況ではありません。 そこで、ウノウラボを書くのに与えられただろう時間(約１時間)で、オリジナルのプログラミング言語を作ってみようと思います。もちろん、JavaScriptだけで。 では、はじめてみましょう！ (1) コンパイラコンパイラをゲットする はじめに用意するのは、
檜山正幸のキマイラ飼育記 - JavaScriptで学ぶ・プログラマのためのラムダ計算
「JavaScriptによるテンプレート・モナド、すっげー簡単!」にて： 紙と鉛筆でラムダ計算を実行できることは必要だな、やっぱり。 なんて強調したので、ラムダ計算の入門、いってみよう。 [追記]練習問題集を追加しました。説明を読みながら、あるいは読んだ後で是非やってみてください。→「JavaScriptで学ぶ・プログラマのためのラムダ計算 問題集」[/追記] ※印刷のときはサイドバーが消えます。 内容： JavaScriptの関数リテラル ラムダ式ってなんだ ラムダ計算の体系と適用操作 ラムダ式の例をいくつか β変換 -- ラムダ計算のキモ！ β変換を何度か実行してみる 中間まとめ、まだ続きがあるよ JavaScriptの関数リテラル 最初に、JavaScriptに関する知識を確認しておきましょう。なお、JavaScriptの対話的実行環境については「もっともお手軽な対話的JavaScr
JavaScript 参照渡しと値渡しの罠 vol.1 - 真夜中のプログラミングTips
JavaScriptには構文体系を深く記した本がないため、トライアル＆エラーしながら真摯に勉強し、それを個人的備忘録を兼ねて公開しています。今回は「値渡しと参照渡しの罠」について。 概要：数値型, 文字列型, 論理型 は「値渡し」、配列, オブジェクトは「参照渡し」。果たしてこの定説は本当でしょうか。関数型まで検証することで明らかにしたいと思います。 では、本題。1 〜 3 は当たり前のことですが、4以降の説明で意味を持つので省略せずに書くことにします。 1. 数値型の検証 var num_parent = 3; var num_child = num_parent; num_parent = 5; alert(num_child);出力結果：3 2. 文字列型の検証 var str_parent = "もともとの文字列"; var str_child = str_parent; str_
L'eclat des jours(2007-01-18) - GWT
_ GWT GWTとはGoogle Web Toolkitのことだ（Apache Licence 2.0）。 豆蔵ナイトで、江川さんのレクチャーに行ってきた。 入門Google Web Toolkit(吉野 雅人) のプロモーション兼かも（この本、Working Effectively with Legacy Codeと一緒に発注したので、届いたのが今日だったり。とりあえずぱらぱら読んだが、きれいにまとまってるのはさすがだ）。 すごくおもしろいなと感じたのは、江川さんのプレゼンの中で、Ajaxとかを業務システムに組み込む時の問題点として、従来のQAとかで対応できなくなる（たとえばJavaScriptでのカバレッジ率とか）＝採用したくても採用できないというのがGWTを採用することでクリアできるというような視点だった。僕自身は考えもしなかったが、妙に説得力があった。 GWTは、Java 1.4
IT戦記 - CSS の勉強会をしました
2007 CSS Study Meeting http://artcode.g.hatena.ne.jp/keyword/2007%20CSS%20Study%20Meeting 発表をしましたので資料を置いておきます。 http://usrb.in/amachang/static/cssstudy/200701/ Firefox で動きます。IE でもぎりぎりうごきます。あ、でも、横長な表示域じゃないと崩れる可能性大です。 左右キーで操作してください。また、ソースは実行できるようになってるので、実際に実行しながら読んでいっていただけるとうれしいです。 他に事前に CSS のセレクタのバグリストとプロパティ一覧を作りました。 プロパティ一覧は element.style に辞書アタックを掛けて各種ブラウザから抽出したプロパティです。 http://usrb.in/amachang/stat
IEでのJavascriptデバッグツール Firefoxでは、Firebugを使ってJavascriptのデバッグをしているのですが、 Firefoxではエラーが起きなくてもIEで起きる場合があ…
IEでのJavascriptデバッグツール Firefoxでは、Firebugを使ってJavascriptのデバッグをしているのですが、 Firefoxではエラーが起きなくてもIEで起きる場合があります。 このような場合、どこでどんなエラーが起きているのかの詳細を調べるために、 IEでのjavascriptの動作がわかるのデバッグツールはないでしょうか？ ローカルで作業をしているので、URL指定をしてチェックするようなものでなく、プラグインやソフトでできないものでしょうか？
Gecko DOM Reference - MDC
The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory. Usually, that means JavaScript, although modeling HTML, SVG, or XML documents as objects are not part of the core JavaScript language, as such. The DOM represents a document with a logical tree. Each branch of the tre
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
form の内容がデフォルト値から変わったら色を変える JavaScript コード - swk's log
* form の内容がデフォルト値から変わったら色を変える JavaScript コード [mform] 103 users これが便利だといえる状況はだいぶ限られてはいるのだけど．文字を入力したり，チェックボックスを押したりしてデフォルトの状態から変化すると，そこの色を変えるような JavaScript のコードを書いてみた． といってもわかりにくいと思うのでまずデモ: http://www.kagami.org/mform/mform_demo.html 適用したいページで，こんな JavaScript コードをロードします． (function(){ var color_modified = '#ffff88'; var reset_when_reloaded = 1; init(); function init() { var fs = document.forms; for (v
JavaScriptで図形を描くHTML要素「Canvas」の実例
JavaScriptを使ったAJAXが昨年前半まで大いに注目を集めていましたが、その根本になったJavaScript自体は古くからあり、AJAXというのは新しい応用法みたいな側面が非常に強かったのが特徴です。 しかし今回紹介する「Canvas」要素はそういうのとは明らかに一線を画しています。グラフの描画、写真合成、アニメーションなどが可能で、実際にはMac OS X のDashboardに初導入されています。そのため、サポートしているブラウザはSafariとFirefox 1.5以降のGecko1.8ベースのブラウザ、それからOpera9となります。また、この「Canvas」要素は「HTML 5」としても知られるWhatWG Web applications 1.0仕様の一部でもあるそうです。 といろいろ書いても実感がわかないと思うので、いろいろな実例を見てみましょう。 まずは簡単なフレー
Google Map API Concepts - Google Maps API - Google Code
Google Maps API PremierSame great maps plus a SLA, support, and control over ads Google Map API Concepts Welcome to the developer documentation for the Google Maps API! The Google Maps JavaScript API lets you embed Google Maps in your web pages. To use the API, you need to first sign up for an API key. Once you've received an API key, you can develop a map application following the instructions i
Geekなぺーじ : Google MAPS APIプログラミング
ここでは、Google Maps JavaScript API(version 3)を使って遊ぶ方法を説明したいと思います。 Google Maps JavaScript APIを使うと、グーグル社が提供する衛星写真や地図を使ってホームページ上で色々なものを作れます。 対象とする読者は初心者もしくは入門者です。 Google Maps APIはJavaScriptを使って書いてあるので、JavaScriptの知識があった方がわかりやすいと思いますが、Java Scriptがわからなくても何と無くわかるような説明を目指したいと思っています。 基本編 Google Maps APIの単純な例 地図の種類を切り替える 地図の中心を移動する 地図上にふきだしを表示 地図がクリックされたときの処理 マップタイプコントロールを無効にする 緯度経度取得ツール 要望が多いので緯度経度情報を取得するツールを
Kazuho@Cybozu Labs: 安全な JSON, 危険な JSON (Cross-site Including?)
« クロスサイトのセキュリティモデル | メイン | E4X-XSS 脆弱性について » 2007年01月06日 安全な JSON, 危険な JSON (Cross-site Including?) 先のエントリで、 JSON については、JavaScript として副作用をもたない (もたせようがない) ゆえに文法違反であるがゆえに、秘密情報を含むデータフォーマットとして使用することができるのです。 (Kazuho@Cybozu Labs: クロスサイトのセキュリティモデル) と書いたのですが、認識が甘かったようです。Jeremiah Grossman: Advanced Web Attack Techniques using GMail によると、配列の初期化演算子 [] の動作を外部から変更することができる注1とのこと。 実際に手元の Firefox 1.5 で試してみたところ、JS
JavaScript のスコープに変数を動的に追加する - IT戦記
JavaScript の変数はすべて関数オブジェクトの開始時に生成される function f() { // この時点で変数 a は生成されている a = 1; var a; alert(a); // 1 }; たとえ、関数中にブロックがあろうとも function f() { // この時点で変数 a は生成されている { a = 1 } { var a } alert(a); // 1 } たとえ、with スコープがあろうとも function f() { // この時点で変数 a は生成されている a = 1; var b = {}; with(b) { var a; // この var は直近の with スコープではなく、 // 関数スコープに対する var となる a = 2; } alert(a); // 2 } with スコープでは、変数を動的に追加することができる f
JSON in JavaScript
JavaScript is a general purpose programming language that was introduced as the page scripting language for Netscape Navigator. It is still widely believed to be a subset of Java, but it is not. It is a Scheme-like language with C-like syntax and soft objects. JavaScript was standardized in the ECMAScript Language Specification, Third Edition. JSON is a subset of the object literal notatio
2006-12-29
画像拡大後も処理を繰り返してしまう問題があったので修正しました。 http://yagi.xrea.jp/2006/12/miximix.user.js Greasemonkeyスクリプトなどを書いてると、対象HTML中にJavaScriptを埋め込みたくなることがあります。 ベタに書くと大変うざいことにりますが、 script.innerHTML = "add = function(a, b){" + " var ans = a + b;" + " return ans;" + "}"; こう書くとすっきり。 script.innerHTML = "add = " + (function(a, b){ var ans = a + b; return ans; }); 関数を普通に記述した上で、それを文字列に変換。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Gecko DOM Reference - MDC
JavaScript DOM リファレンス