フレームページでも動作するブックマークレットを書く際のテンプレ - 小さい頃はエラ呼吸
ブックマークレットを作る際に、普通に書くとフレームページで動作しないことがあります。フレームページに対応するため、まずスクリプトを実行するページがフレームページなのかどうかを判定して、処理を行う必要があります。 コードにすると以下のような感じ。 フレームページと通常のページで処理を分ける if (window.frames.length != 0) { // フレームページ用の処理 for(var i=0, len=window.frames.length; i<len; i++) { // フレーム内のドキュメントに対する処理 window.frames[i].document.hogehoge } } else { // 通常のドキュメントに対する処理 document.hogehoge } 以下のエントリもあわせてどうぞ JavaScriptでファイル名から拡張子を取得する 超簡単J
Greasemonkeyでキー制御したい時の書き方 - phithonのブログ
イベントリスナの登録 document.addEventListener('keydown', function (e) { // 処理 }, false); 他にkeypressってのもあるけど、keydownをお勧め。 理由は確かGoogle chromeでkeypressにすると、Ctrl+a（全て選択）のようにデフォルトで別動作が定義されていた場合にそちらが先に動いてしまうため（だったはず）。 押されたキーの取得 var shortcutKey = 'a'; document.addEventListener('keydown', function (e) { var pressed = String.fromCharCode(e.which).toLowerCase(); pressed = (e.ctrlKey ? 'C-' : '') + (e.altKey ? 'A-' :
for (var i = 0, elem; elem = elems[i]; i++) { doSomething(elem) }って書き方見やすくていいな - こんにちはこんにちはmonmonです！
Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳を読んでみて、知らなかったこととかメモ。 プロパティとメソッド * Private のプロパティ, 変数, メソッドには, 末尾にアンダースコア _ を付けてください. * Protected のプロパティ, 変数, メソッドにはアンダースコアを付けないでください (パブリックなものと同様です). Private と Protected に関しては visibility のセクションを参考にしてください. プライベートのものにprefixで_で付ける習慣はあったけど、末尾に付けるってのは知らなかった。 こういう書き方あるんですね。 メソッドと関数パラメータ オプション引数には opt_ というプレフィックスをつけてください. 可変長の引数を取る場合, 最後の
![for (var i = 0, elem; elem = elems[i]; i++) { doSomething(elem) }って書き方見やすくていいな - こんにちはこんにちはmonmonです！](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6cb36968ae38e807c29be16769491944a26c873/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729892902%2F11696248318758289012%2F1380554395)
Ajax | PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説カスタマイズ性抜群の上級者向けタブブラウザ「Lunascape」 動作の重いFirefoxや、セキュリティホールの多いIEから乗り換えるなら・・・ 高機能かつ拡張性に富んだ『Lunascape』（ルナスケープ）がオススメです。 このブラウザは、驚くほど “ 動作が軽い ” のが魅力！ Firefoxみたいにメモリを食いません（笑） IEのツールバープラグイン、Firefox、Netscapeの一部のプラグインに対応しているので、今まで使っていたプラグインごと乗り換えられます。 IEのお気に入りもブラウザのサイドバーに簡単に組み込めます。 また、RSSリーダー付ブラウザなので、RSSリーダーを使わずにブラウザ上でRSSの購読や管理ができます。 F
オレ標準JavaScript勉強会を開催しました - os0x.blog
Twitterでこっそりと募集して、オレ標準JavaScript勉強会というイベントを開催しました。 id:edvakfさんが来日されるということで、「会いましょう→何かやりましょう→勉強会とかどうでしょう」というTwitter上の軽いノリで企画され、みんなで短いネタを披露し合う一品持ち寄りの少人数勉強会をやってみよう、ということになりました。で、そのままTwitter上で参加者を呼びかけてみたところ、半日もたたずに15名集まって、しかもそうそうたる顔ぶれに！ 当日 色々と反省があったので、少し書き出しておきます。 まず、会場*1には有線LANしかないので、自前のルータで無線LANをやろうとしたんですが、設定がなかなかうまくいかず、だいぶ手間取ってしまいました。やはり、安物のLANは駄目ですね…。大人数で繋ぐと安定しないし、有線をいっぱい用意したほうが良かったです。 で、Ustreamに挑
使い捨て関数と使い捨てコンストラクタ - rikubaのブログ
使い捨て関数 無名関数と呼ばれているけど、ここでは使い捨て関数と呼ぶ。 (function () { // 即実行される })(); 使い捨てコンストラクタ 無名コンストラクタ？ new function () { // 即実行される // ただし、コンストラクタとして }; コンストラクタとして？ 新しいオブジェクトを作る。 1 で作ったオブジェクトの Prototype 内部プロパティ (__proto__ プロパティ) に F.prototype の値を設定する。 F.prototype の値がオブジェクトでないのなら代わりに Object.prototype の値を設定する。 F を呼び出す。このとき this の値は 1 で作ったオブジェクトとし、引数には new 演算子とともに使われた引数をそのまま用いる。 3 の返り値がオブジェクトならそれを返す。そうでなければ 1 で作った
Opera の (変態的) UserJS 作法
概要 @include/@exclude window をページと共有 (function(){ ... })(); <html>→UserJS→DOMContentLoaded→GM→load .user.js なら GM と同じタイミングでロード 指定したフォルダに入れるだけ (mtime 見まくり) Reload From Cache が便利 UserJS イベント (1) opera.addEventListener (公式解説ページ) .user.js では使えない BeforeExternalScript <script src="…"> の前 BeforeScript/AfterScript <script> の前、ev.srouce BeforeJavascriptURL/AfterJavascriptURL javascript:〜 の前 BeforeEventList
Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation
この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.
第10回 JavaScriptとCSS | gihyo.jp
こんにちは、太田です。前々回と前回はHTMLの操作について解説しました。今回は、CSSの操作を中心に解説していきます。 CSSとJavaScript JavaScriptからCSSを扱うとは、JavaScriptから要素に適用されているスタイルを変更して見た目を変化させる、ということを意味します。その具体的な方法にはいくつかの種類があります。 styleプロパティの操作 class名の操作 CSS自体の操作 では、styleプロパティの操作から順番に見ていきます。 styleプロパティの操作 要素のstyleプロパティを直接操作する方法は、その要素だけに影響するので1回あたりの処理コストは低く済むというメリットはあります。しかし、複数のプロパティの操作に加え、多くの要素のスタイルを変更する場合には、スタイルを変更するたびに描画への影響の計算が行われる（この計算をreflowと呼びます）ので
ULTRA88: Link Slot Online Gampang Menang Terpercaya
ULTRA88: Link Slot Online Gampang Menang Terpercaya Podcast – Original recording Buat kamu yang lagi cari tempat main slot yang nyaman dan terpercaya, ULTRA88 bisa jadi pilihan yang pas. Platform ini menawarkan pengalaman bermain slot online yang lancar, tanpa ribet, dan tentunya gampang menang. Aksesnya cepat, tampilannya simpel, dan semua fitur bisa diakses dengan mudah baik lewat ponsel maupun
これでできる！ クロスブラウザJavaScript入門 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2025 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
Webkitでstyle要素をdisabled=trueにしてもスタイルシートを無効にできない - rikubaのブログ
SafariやGoogle Chromeで、style要素をdisabled=trueにしても、そのstyle要素のスタイルシートを無効にできない。 document.getElementsByTagName('style').item(0).disabled = true; 一方link要素で読み込んだ外部スタイルシートは、そのlink要素をdisabled=trueにすることで無効にできた。 解決策が分かるまで、はてなダイアリーで好きなテーマ(デザイン)を適用するブックマークレットはWebkit対応はおあずけ。使えないこともないけれど、ダイアリーによってはぐちゃぐちゃになる。 document.styleSheetsからなら無効化できた。 document.styleSheets.item(2).disabled = true; でもこれだと文書順でしかスタイルシートを特定できない。
uupaa.js の これまでと これから - latest log
uupaa の中の人は28ヶ月前にペットショップからウーパールーパーを2匹連れ帰りました。 同じ日に、「作れども作れども UI 速くならず、じっとコード見る」な感じから脱却するため、中の人は、"uupaa" という固有名詞がWeb上に存在しないことを確認し uupaa.js というオレオレライブラリを作りはじめました。 なぜ当時、百花繚乱な他のjsライブラリを使うことを考えなかったか… 飲みながらじゃないと言えないっ JavaScript勉強前(2年ぐらいまえ)は… JavaScriptを真面目に勉強するまえだと、これで精一杯でした CoverFlow - http://pigs.sourceforge.jp/old_uupaa/uupaa.js.0.3.18/demo/coverflow/coverflow.htm 画像が表示されない場合は何度かリロードしてください(当時はこういうのでも
JavaScript連載第8回 - os0x.blog
これでできる！ クロスブラウザJavaScript入門の第8回は実践DOMスクリプティング#1 HTMLとテキストの操作です。 今回は今までより少し掘り下げていて、最適化とかにも少し触れています。これぐらいのほうが面白みがあって良いのかなとも思う一方、「クロスブラウザって面倒」な印象を与えてしまいかねないので難しいところです。今回の反応をみて微調整したいと思います。 記事の前半はdocument.writeに関連して非同期読み込みとかの話。直接は言及してませんが、Google Analyticsのコードがどうしてああなっているのかが大体わかるようになっていると思います。関連：t32k.com 後半はテキストをハイライトしたりするコードのサンプルです。プレーンなテキスト中の特定のワードを別のワードに置き換えたり、ハイライトしたり、リンクにしたり、といったことは結構需要としてあるけど、実際にや
第8回 実践DOMスクリプティング#1：HTMLとテキストの操作 | gihyo.jp
こんにちは、太田です。前々回、前回でDOMの基礎を簡単に解説しました。今回からは、DOMを使った実用的なスクリプトを解説していきます。特に今回はHTMLの操作、テキストの操作にフォーカスを当てていくつかのサンプルコードを解説していきます。 HTML操作の基本 JavaScriptによってHTMLを書き出したり、一部を書き換えたり、削除したりといった方法は実は様々な方法が用意されています。目的に合わせて適切な方法を選ばないと非効率だったり、最悪クロスサイトスクリプティングなどの問題を抱えてしまう危険もあります。 document.writeと同期読み込み JavaScriptでHTMLを書き出すというと、最初に学ぶのはこのdocument.writeかもしれません。いわゆるprint文のようにシンプルなAPIなので、入門書の最初のサンプルなどで扱われることも多いようです。しかし、docume
JavaScriptの動かないコード (JavaScriptエラー集) - 主に言語とシステム開発に関して
「このJavaScriptコードが動かないのは，なぜですか？」というミニクイズ集。 すべて制限時間は１分。 別名，JavaScriptのエラー事典。またはアンチパターンのまとめ。 中級編 初級編 番外編 2015年５月現在，全５３記事。 中級編 JavaScriptの仕様関連 p要素への appendChild() で失敗する かけ算を間違える イベントハンドラが見る値のエラー クロージャを使わない場合に起きるエラー オブジェクトのprototypeを変更した時のエラー 正規表現で同じ文字の連続を検出したい - 置換前パターン中での後方参照 jsonオブジェクトをevalできないエラー 不要なイベントが連鎖で発生してしまう （バブリングの対処） オブジェクトのプロパティ定義にthisを使って失敗するエラー setTimeoutのタイマーが指定時刻に動かないエラー オブジェクトのメソッドを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
洛阳黄河同力水泥
Site Under Maintenance
カテゴリ: JavaScript 第5版の記事 - (DxD)∞
Pinned Sites: Windows 7 Desktop Integration with Internet Explorer 9
