Private PresentationLooks like this one's off the shelfThe presentation you're looking for was made private. But your next lightbulb moment might be one click away. Search top insights from every field. Explore by category instead
javascript - jslinuxをローカルで : 404 Blog Not Found
2011年05月19日09:00 カテゴリ javascript - jslinuxをローカルで 先週末から体調不良なので、今話題のjslinuxと戯れてみた。 http://bellard.org/jslinux/ ブラウザでJavaScriptが動く時代がやってきた！ - 葉っぱ日記 もとのディスク容量が少ないので、適当な母艦を用意して、こんな感じ で新しいディスクイメージ作って、CocProxy や Fiddler の AutoResponder を使って root.bin へのリクエストをローカルのファイルに差し替えてやれば、好きなファイルも入れられますね。 それだと環境を整えるのが面倒なので、以下のようにして必要なファイルを全てローカルにもってきてもOKだった。 index.html linuxstart.bin vmlinux26.bin root.bin あとは root.b
[JavaScript] Web ページに印刷ボタンをつける
[JavaScript] Web ページに印刷ボタンをつける Permalink URL http://www.magicvox.net/archive/2007/07040148/ Posted by ぴろり Posted at 2007/07/04 01:48 Trackbacks 関連記事 (0) Comments コメント (3) Post Comment コメントできます Category 2 Guys 1 Printer Photo by Beau Giles Web ページなどに「このページを印刷する」ボタンを置いて、ユーザが印刷ボタンをクリックすると印刷ダイアログを出すための覚書。
![[JavaScript] Web ページに印刷ボタンをつける](https://cdn-ak-scissors.b.st-hatena.com/image/square/c9013f980bde2ae320be895f9a99b3801f9ddb4f/backend=imagemagick;height=288;version=1;width=512/http%3A%2F%2Fwww.magicvox.net%2Farchive%2F2007%2F07040148%2Fcover.jpg)
Google ChromeのJavaScriptデバッガの進化がすごい - os0x.blog
Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。 圧縮されたコードの整形 まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0)に搭載されたばかりの機能で、minifyされているJavaScriptコードを読みやすいように整形して表示してくれるというものです(IE9の開発者ツールにも実装されている機能です)。 例えば、Google Analyticsのコードは圧縮されていて普通は読めません。 しかし、Chromeのデベロッパーツールなら、 このように整形してくれます。 やり方は簡単で、デベロッパーツールのScript
「Web Intents」でTwitterの機能をサイトに埋め込む
「Web Intents」でTwitterの機能をサイトに埋め込む 先日、AmazonがTwitterやFacebookによるシェア機能に対応したので、どうやって実装しているかを見ているとTwitterは「Web Intents」という機能を利用して実装していました。 ノーチェックだったのですがWeb Intentsは4月1日に公開された機能らしくすごく便利です。今までサイトにTwitterの機能を埋め込む際にはOAuth認証を利用しなくてはいけなかったのですが「Web Intents」を利用すれば簡単に埋め込めるようになっています。 Tweet機能の実装 つぎのようなシェアボタンを簡単に埋め込めます。 このページをシェア ソースコードは次のような感じになります。 <script type="text/javascript" src="http://twitter.com/intent/t
John Resig - Dictionary Lookups in JavaScript
I’ve been working on a browser-based word game, naturally written in JavaScript, and have been encountering some interesting technical challenges along the way. I’ve written up my thought process here for others to learn from (note that most of this happened over the course of a month, or so). I’ve often found that while a final solution to a problem may be rather elegant and “make perfect sense”
JSファイルを含むページをAjaxロードしたときにJSを実行しないさせないしたくない :: 5509
この前ちょっと聞かれたので、メモっときます。 AjaxでJS含んだページをそのままロードするとDOMに追加した時点で実行しよるんで、それを回避するためのやつです。Autopagerizeを参考にしたと思います。 ついでに取得したHTMLの走査方法ですが、そのまま$(html)とかにすると、一番上のwrapperとかそういうdivだったりする要素が取得できないので、一旦divをかませておきます。 Ajax部分のソースコード $.ajax({ url: "hoge.html", type: "GET", success: function(html) { // 文字列で取得したデータを整理する html = html.replace(/
CNET UK：iPad 2のJavaScriptベンチマーク計測結果を掲載 | iPad | Macお宝鑑定団 blog（羅針盤）
日本語でのMac,iPhone,iPad,iPodなどApple関連の情報サイト。MACお宝鑑定団のBlog。 Macに捉われず、様々な情報を掲載しています。 CNET UKが、SunSpider JavaScript Benchmarkを使用した、iPad 2のJavaScriptベンチマーク計測結果を掲載しています。 数値が小さいほど速い事を表しています。iOS 4.3は、Safariを動かす新しいNitro JavaScriptエンジンを搭載し、JavaScriptをiOS 4.2の最大2倍の速度で実行するとうたわれており、その性能は本当だということになります。 iPad 2がもっとも高速ですが、iOS 4.3をインストールした、iPhone 4、iPadも性能向上がみられるようです。 関連エントリー ・Apple、3月25日に日本を除く25ヶ国で「iPad 2」を発売開始 ・ロイタ
ブックマークレットでポップアップウィンドウを開くには on Safari & Firefox
del.icio.usとかFemoとか、ブックマークレットでポップアップウィンドウを開いて更新したいのだけれど、サービスが提供してるブックマークレットだと上手く動かなかったりする。 ブラウザが変わると動かなかったりとか。 そこで、SafariとFirefoxで使えるようなブックマークレットを作ってみた。 とりあえずdel.icio.usとlivedoor clipのやつを。 Safari 「ポップアップウィンドウを開かない」にチェックを入れててもちゃんと動くはず。 del.icio.us javascript:window.open('http://del.icio.us/post?v=4&url=' +escape(location.href)+'&title='+escape(document.title), %20'_blank',%20'width=700,height=600,r
JavaScriptの構文エラーやコーディング規約上の問題をチェックしてくれる「JSHint」が便利そう - F.Ko-Jiの「一秒後は未来」
ReadWriteWebで、自分や他人が書いたJavaScriptにエラーや問題が潜んでいないかどうかをチェックしてくれる「JSHint」というツールが紹介されていました。 この JSHint というツールは「JSLint」というDouglas Crockford氏が開発したツールを元にしていて、より柔軟かつチームでの開発を配慮した設計になっているそうです。 基本的な構文チェックだけでなく、それぞれのコーディング規約に基づいた書き方になっているかどうかをチェックできるように、多くのオプションが用意されています。 ↑ 用意されているオプション。 ↑ 試しに自分が書いたJavaScriptをデフォルトのオプションでチェックしてみたところ、色々と問題を指摘されました。 ↑ チェックする環境として、ブラウザ以外に ES5 や Node.js といった環境を選ぶこともできます。 チームで決めたコーデ
Sapporo.js 2010.01.16 - エンジニアブログ - スカイアーク
１月よりスカイアークシステムに（再）入社しました山川です。 先日 @tricknotes さんの主催するJavaScriptの勉強会 Sapporo.js に参加してきましたので、 こちらでご紹介させて頂きます。 この勉強会では現在 Yahoo! inc. の Senior JavaScript Architect である Douglas Crockford による JavaScript : The Good Parts の読書会を中心に活動しています。 私は今回が初めての参加だったのですが、丁度 Currying や Memoization あたりの内容で 関数型プログラミングの経験がない方にはかなり難しい内容だったようです。 私も時々説明側に回ってがんばってきたのですが、 特に非プログラマの方はなかなか大変だったようでした。 私の方では、当日JavaScript Patternsという
第24回 JavaScriptによるUIの実装：カレンダー | gihyo.jp
こんにちは。今回も引き続き、JavaScriptでUIを実装する方法を紹介していきます。今回はやや趣向を変えて、JavaScriptでカレンダーを実装してみます。 Dateオブジェクト カレンダーを実装する前に、JavaScriptのDateオブジェクトについておさらいしておきましょう。 まず、Dateオブジェクトはnew演算子でインスタンスを作ってから使います。そのとき渡す引数は4つのタイプがあります。 引数なし→現在の日時 文字列→日付を表す文字列としてパースして解釈 数値(1つ)→1970年1月1日00:00:00時点からのミリ秒数として解釈 数値(2つ以上)→第一引数から順番に、年、月、日、時、分、秒、ミリ秒として解釈 Dateオブジェクトの初期化 new Date(); // 現在日時 new Date('2011/2/28'); new Date(1298818800000);
aタグのイベントの書き方
古くからaタグでは多くのイベントが使えました。よく使われるイベントとしてはonclick、onmouseover、onmouseoutがあります。これらのイベントはaタグの中に記述されるのが現在でも一般的です。これは古いブラウザ／多くのブラウザで動作すること、そしてWeb作成ソフトでも、そのようにスクリプトを出力してしまうためです。ここでは手書きの場合での書き換え方法で説明します。 以下のサンプルは＋をクリックするとdivタグ部分の表示、非表示が切り替わります。これはツリーメニューなどで使われる手法です。【サンプル1を実行】 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;chars
第3回 jQueryの基本（回答編） | gihyo.jp
お題の復習 まずは前回出したお題を復習しましょう。前回のお題は以下のようなHTMLがあったときにマウスオーバーでサブメニューを表示するようなUIをjQueryを使って書くというものでした。 お題（連載第二回目） お題（連載第二回目） - jsdo.it - share JavaScript, HTML5 and CSS たくさんforkしていただいてありがとうございました。今回は回答編ということでみなさんにこのお題をforkしてもらった作品を紹介しながらjQueryを使ったマウスオーバーでのメニュー表示機能を解説していきます。やってみてわからなかった人は模範解答を参考にしてみてください。 模範解答 ではまず模範解答を見ていきましょう。他にもよくできていた作品はたくさんありましたが、模範解答の例として以下の作品を紹介します。 forked from: お題（連載第二回目） - jsd
this===javascript.modern; // 書評 - JavaScriptパターン : 404 Blog Not Found
2011年02月10日20:45 カテゴリ書評/画評/品評Lightweight Languages this===javascript.modern; // 書評 - JavaScriptパターン オライリー矢野様より献本御礼。 JavaScriptパターン Stoyan Stefanov / 豊福剛訳 [原著:JavaScriptパターン] 待ってました! これこそ、モダンなJavaScript。 「JavaScript: The Good Parts」が「JavaScriptかくあるべき」という一冊なら、こちらは「JavaScriptこう書くべき」という一冊。プロJavaScripters、必携。 本書「JavaScriptパターン」は、「なんでもあり」であるがゆえに「なにがなんだかわからなかった」JavaScriptの世界を「かたづけてくれる」一冊。 内容紹介 JavaScript
Validに対応させたコードを綺麗に見せる『SyntaxHighlighter』導入
JavaScriptやCSSの例を載せるときに、 普通に見せていただけでは色分けなどされていないし、 行番が伝えにくかったりして、何かと不便だった。 そこで、ソースコードを綺麗にしてくれるJavaScriptがあったので、 導入してみることにした！ SyntaxHighlighterって？ このJavaScriptは、ソースコードを見やすくするためのもの。 同様にソースコードを綺麗に見せるものはたくさんあるが、 対応している種類の多さと、 何よりも、今勉強中のJavaScriptということだけあって、 導入してみようと思った！ 対応している言語の量も多く、以下の言語のソースコードを 綺麗に色分けしてみてくれるようだ。 C,C++,C#CSSDelphiJavaJavaScriptPHPPythonRubySQLVBXML/HTML ちなみに、有名なブログの『CSS HappyLife』でも
<script>タグのasync属性を使わずに非同期でJavaScriptを読み込む方法 | さくらたんどっとびーず
HTML5 では <script> タグに async という属性が加わってまして、これを指定しておくと src で指定された JavaScript ファイルの実行が非同期で行われます。（src 属性を指定しないと async は意味を持ちません。） <script type="text/javascript" src="http://..." async="async"> </script> ググってると async の値として async=”true” を指定しているページが多いようですが、W3C の HTML5 の定義（4.3.1 The script element と 2.4.2 Boolean attributes 参照）だと空の文字列か属性名そのものを指定しろってことになってますので、こっちが正しいです。（たぶんw） If the attribute is present,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]CSSスプライトにアニメーション効果を加えるスクリプト -AutoSprites
https://let.hatelabo.jp/maRk/let/gYC-x-bC1KDkXg.user.js
Can't append <script> element
