「ノンプログラマのためのJavaScriptはじめの一歩」の1章が公開されました - Webtech Walker
11/7発売予定の書籍「ノンプログラマのためのJavaScriptはじめの一歩」のはじめにと1章が先行して技評のWebサイトで公開されました。 はじめに 1章 1章はイントロ的なところで、JavaScriptを学ぶ前にJavaScriptの動かし方やデバッグツールの使い方について解説しています。 また、本書籍の2章以降で解説するスライドショーのサンプルプログラムも1章で登場するため公開されています。次のようにボタンを押すと次の画像に行くというだけの、簡単なサンプルプログラムです。 {::nomarkdown} {:/nomarkdown} 技評のWebサイトからも実際に試すことができます。 JavaScriptのソースはこんなかんじです。全体で90行程度、コメントや空行を除くと40行程度です。 /** * 簡易スライドショー * * nextボタンを押したときに画像を切り替える簡単な *
jQueryコードリーディング:セレクタを渡した場合の挙動について - $('a') は何を返すか - <s>gnarl,</s>技術メモ”’<marquee><textarea>￥
おはようございます。コードリーディング第三回です。 これからエレメント操作系のコードを読んでいきたいのですが、そのための準備として、セレクタを引数にしてjQueryオブジェクトを構築したとき何が起こるか見ていきたいと思います。 セレクタの解釈にはSizzleというエンジンが使用されているようですが、今回はあまり深くは追いません。「セレクタを渡した場合どのようなオブジェクトが返ってくるのか」を理解することを目的とします。 対象 jQuery 1.5.0 これまでのエントリ 配列、each 初期化、extend 今回読むコード $('a') 記述ルール 今回から、jQuery本体のコメントと区別するため、筆者が追加したコメントは//# の形式で記述します。 //# 筆者が追加したコメント // 元からついていたコメント function foo() { } クエリセレクタをざっと読んでみる $
最近のjsプログラムの組み方 - nazokingのブログ
僕はコードスタイルが一定しないのですが、最近はクロージャ！クロージャ！ 最近は Firefox拡張/Greasemonkey/userChrome.js 系の javascript しか書いてないんだけど、そのあたりで「オブジェクトの継承」とかしたいと思うことがなく、 prototype とかややこしいだけなので全然使わなくなりました。 昔 function myClass(){ this.init.apply(this,arguments); } myClass.prototype.init=function(name){ this.name=name; } myClass.prototype.hoge=function(){ return "hoge" } myClass.prototype.huga=function(){ return this.name+this.hoge()+"
1 kB の JavaScript で何ができる ? | スラド デベロッパー
1 kB 以下の JavaScript デモを作るコンテスト「JS1K」が開催され、トップ 10 が発表された (本家 /. 記事より) 。 このコンテストのルールは「1 kB 以下の JavaScript でイケてるデモを作る」という至ってシンプルなもの。外部ファイルの使用は認められておらず、twitter で投稿できる 140 文字以内に収めた場合にはボーナスポイントがもらえるそうだ。 3 位のTetris with sound (音量注意) は操作はもちろん、題名の通りゲーム音楽までついている。1 位に輝いたのは「Legend Of The Bouncing Beholder」という横スクロールゲーム。 アクセス過多のためか残念ながらデモが開かないときもあるが、1 kB の可能性の大きさに改めて驚かされる。
サイボウズで学んだこと - IT戦記
はじめに 2010 年 9 月 15 日を持ちまして、サイボウズ・ラボを退職いたしたました。 報告も兼ねて、久しぶりにブログを書いてみたいと思います。 （写真はゆうすけべーさんです） この会社に入って、たくさんの学びと思い出がありました。 その一つ一つをまとめていければ、素晴らしい記事になるのかもしれませんが、僕は文章が苦手です。 ですので、うまく退職のエントリを書き上げることができません。 言葉にできない。そんな感じです。 なので、このエントリはサイボウズ・ラボやサイボウズ本社の仲間たちへのありがとうの気持ちをこめて、自分らしく最後まで JavaScript のことを書きたいと思います。 サイボウズでの最後の仕事 僕にとって、サイボウズでの最後の仕事は「JavaScript で新しいユーザーインタフェースを作ること」でした。 そして、その中で始めて複数人による大規模な JavaScrip
Azure/7対応だけじゃない！次期Visual Studio (1/2)
1月27～28日にかけてパシフィコ横浜で開催された「Microsoft Tech Days 2009」。2日目となる28日のキーノート「マイクロソフトのクライアント戦略」における話題の中心は、やはり「Windows 7」だったが、セッション後半では統合開発環境の次期バージョン「Visual Studio 2010」、および実行環境「.NET Framework 4.0」も紹介された。 「これまで培ってきた開発経験を活用して、新しいテクノロジー、プラットフォームに対応できるようになる」 キーノートに登壇した登壇したマイクロソフト デベロッパー製品部マネージャの近藤和彦氏は、現在開発中の「Visual Studio 2010」について、こう話した。 近藤氏が示したポイントは3つ。「次世代プラットフォームへの対応」「統合開発環境の革新」「アプリケーションライフサイクル管理の強化」だ。 次世代プラ
JavaScript: The Good Parts
「JavaScriptは言わばひとかたまりの大理石であり、私はその中からこの言語のすばらしい本質が現れるまで、美しくない機能を取り除いていく。最終的に私が削り出すことになる美しいサブセットは、より信頼でき、読みやすく、メンテナンスがしやすく、すべてにおいて非常に優れた言語になると私は信じている。」（「1章 良いパーツ」より）――本書は、JavaScript言語の「良いパーツ」に注目し、良質なコードを書くためのポイントを示唆する書籍です。「良いパーツ」を通してJavaScriptを再評価することで、見落とされていたJavaScript言語の本質が見えてきます。 関連ファイル サンプルコード 原著者が提供する付録EのＪＳＯＮコード 正誤表 ここで紹介する正誤表には、書籍発行後に気づいた誤植や更新された情報を掲載しています。以下のリストに記載の年月は、正誤表を作成し、増刷書籍を印刷した月です。お
ブロックを一発で揃えるシンプルなJavaScript
2カラムや3カラムのレイアウトのWebページを作るときに、左右のブロック要素の高さをビシッと揃えたい。特に背景を敷いている場合など、コンテンツの内容に応じて高さをしっかり合わせたいケースは少なくない。 CSSでは少々面倒なこの問題を解決してくれる便利なJavaScriptライブラリはすでにいくつかあるが（以前に紹介した「MJL」の機能の1つにもある）、今回は単機能で使いやすい、シンプルなスクリプトを紹介しよう。Web制作を手がけているハムさん作の「jQuery SameHeight Plugin」（jquery.sameHeight-1.1.js）だ。 その名のとおり、JavaScript／Ajaxライブラリ「jQuery」を使って書かれているこのスクリプトは、親要素に対して特定のクラス名を設定するだけでもっとも高い子要素に合わせて高さを自動調整してくれるもの。スクリプトも使い方もごくシン
ASCII.jp：Web制作会社が作った！超使えるJavaScriptライブラリ
「Webサイトを作るときに本当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL（MITSUE-LINKS JavaScript Library）」は、Webサイト制作に必須の“最小限の機能”に絞ったJavaScriptライブラリだ。 昨今相次いで公開されている、リッチなUIを実現するJavaScript/Ajaxライブラリとは異なり、MJLの機能はとてもシンプルだ。もともとWeb制作会社であるミツエーリンクスが「自社標準ライブラリ」として作成したものだけあって、汎用性・実用性を重視したライブラリになっている。 具体的な機能は以下の6つ。確かにどれもよく使いそうなものばかりだ。 画像のロールオーバー Flashオブジェクト埋め込みの機能拡張 新規
JavaScript はどのように実行されるか - IT戦記
JavaScript はどのように実行されるか Safari*1 の実装を例に JavaScript はどのようにして実行されているかを書く。自分用のメモ。日本語の出来は気にしない 1. ブラウザを起動して以下のようなページを開いたとする <html> <head> <script> var a = 1; var b = 2; alert(a + b); </script> </head> <body> </body> </html> 2. インターネットからデータが到着する そうすると WebCore::FrameLoader::write という関数に生の文字列が渡される。型は char* だ。 http://trac.webkit.org/browser/trunk/WebCore/loader/FrameLoader.cpp#L990 この関数の中では、到着した文字の文字コードを解
ワリオランドシェイクみたいに HTML が崩壊するブックマークレット（とそのソースコード） - てっく煮ブログ
as, box2dワリオランドシェイクと YouTube のコラボプロモーション が面白かったので、似たようなものを作ってみました。次の文字列をコピーしてアドレスバーに突っ込むと、HTML が崩壊します。javascript:(function(){var d=document; var s=d.createElement("script"); s.charset="UTF-8"; s.src="http://tech.nitoyon.com/meltdown/meltdown.js?"+(new Date()).getTime(); d.body.appendChild(s)})();崩壊するのは画像だけなので、画像があるページで試してみてください。このブログだとこんな具合。画像はドラッグすることも可能です。あまり画像が多いと重くなりすぎるのでご注意を。仕組みFlash と JavaSc
Google Chrome テクノロジーについて学ぶ
Words by the Google Chrome team, comics adaptation by Scott McCloud This work is licensed under the Creative Commons Attribution-Noncommercial-No Derivative Works 2.5 License. Google and the Google logo are trademarks of Google Inc. All other company and product names may be trademarks of the respective companies with which they are associated. © Google - Google Home - About Google
Head First JavaScript
楽しいイラストと親しみやすい語り口で、わかりやすいと大人気のHead FirstシリーズにJavaScriptバージョンが登場！ ビジュアル表現を多用して、JavaScript初心者にインタラクティブなWebアプリケーションを実現する方法を詳しく解説しています。JavaScriptそのものだけでなく、ブラウザがプログラムを実行する仕組みなどWebに関する知識も深めることができます。Ajaxに関わるDOM、XML、通信などの知識を最後の章にまとめました。JavaScript入門書の決定版です。 正誤表 ここで紹介する正誤表には、書籍発行後に気づいた誤植や更新された情報を掲載しています。以下のリストに記載の年月は、正誤表を作成し、増刷書籍を印刷した月です。お手持ちの書籍では、すでに修正が施されている場合がありますので、書籍最終ページの奥付でお手持ちの書籍の刷版、刷り年月日をご確認の上、ご利用く
JavaScript用のアサーションを作ってみる - 檜山正幸のキマイラ飼育記 (はてなBlog)
ここで触れたシステム、ある程度は動くので、サンプルを作り始めました。すると、あれまー、随分とバグがあるなー。 これは全面的に僕の監督責任ですわ。そもそもが、 たぶん、こうだから、 おそらく、こうすればよくて、 うまくいけば、あーなるはずだぜ。 みたいな方針しか言ってないし、「防衛コードを書くな」といったアドバイスも説明不足でうまく伝わらなかったようです。 内容： 防衛コード、うざすぎ 防衛と契約（コントラクト）は違うんだよ アサーションを使えばこうなる 安直なアサーションを作ってみる ライブラリコードとビルドシステム ●防衛コード、うざすぎ 防衛コードに関して言えば、歴戦の勇士のような職業プログラマが「俺は誰も信じねー！」みたいなコードを書くわけですよ。 function sum(x, y) { var objectUsed = false; if (x === undefined) {
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PC
IBM Developer
JS1k, 1k Javascript demo contest
IBM Developer
DBマガジン2009/03月号 | SEshop.com
[Think IT] 【Webサーバーを極める！】JSON vs. FREDDY：Web軽量通信