景色変わる6インチヒール ― 靴の話 春頃に買ったすごくお気に入りの靴があって、今日はその話をします。 商品としてはこれで、アイボリーとブラックを持っています。 https://store.cityhill.co.jp/item/945970.html アイボリーを買った後、かわいくて歩きやすくて気に入ったのでブラックを追加購入しま…

はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
IE 5〜7 限定のメソッド setExpression と removeExpression について。IE8のmode8では CSS:expression は廃止された(setExpression と removeExpression も廃止されたかは不明)。 setExpression element.setExpression(String:プロパティ名, String:式): undefined を返す element.style.setExpression(String:CSSプロパティ名, String:式): undefined を返す CSSプロパティ名はキャメルケース(backgroundImage) getExpression element.setExpression(String:プロパティ名): 式または undefined を返す element.style.
Chris Heilmanによる“Graceful degradation versus progressive enhancement”という記事について、前回は概要とその意義について紹介しました。今回は後半にあるの例をもとに、どのように実践していくのかを考えてみたいと思います。 「印刷する」というリンク オンラインショッピングの決済画面には、印刷して手元に保管したいというニーズがあるからか「印刷する」といったリンクやボタンが設けられています。クリックしたときに印刷用ページが現れるものもありますが、記事では印刷ダイアログが現れる簡単なものを取り上げています。 このようなリンクは、JavaScriptにより実現されています。 <p id="printthis"> <a href="javascript:windowprint()">Print this page</a> </p> しかしな
Greasemonkey チュートリアル読書会 - Kanasan.JS : JavaScript Workshop in Kansai 行ってきました.単発イベントだと気軽に来れるのか,初参加の人が多かったですね. 参加者29人&50%以上Mac. 同会場で行われた午前中のHaskell勉強会ではMac率100%だったとか.素晴らしい. 読書会 以下ログ&メモを読みつつまとめ ソースの説明が詳しく,読み進めやすかった 「またIEか」 @includeなどのメタデータはインストール時に設定されるため,インストール後に変更しても反映されない ソースコードの変更は反映される @includeなどを変更するにはgreasemonkeyのあるフォルダのconfig.xmlを書き換えるか,manage user scriptsからURLをいじる グリモンからだと,windowオブジェクトは参照専用.
Latest topics > JavaScriptでsleepしたい、を実現する方法(require JavaScript 1.7) 宣伝。日経LinuxにてLinuxの基礎?を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能! « 自宅マシンがどうにもならないレベルで逝ってしまったようだ Main 「本当に言いたかった事は」 » JavaScriptでsleepしたい、を実現する方法(require JavaScript 1.7) - Feb 20, 2009 中野さんが、JavaScriptにはsleep(一定時間待ってから次の処理に進むという命令文)が無いせいでテストを書くのに難儀したという話を書かれているけれども。まさにこれをどうにかしたくて、UxUは進化してきたようなものと言える。 知
ユーザーのマウス操作にあわせて、複数のレイヤーをずらして動かし、パララックス(視差)効果を与えるスクリプト「mParallax」を紹介します。
はじめましてhirokiです。こんにちは。新卒で弊社に入って一年が経過しようとしているので、そろそろエンジニアブロガーの仲間入りをしてみようかと思っています。 今回はJavaScriptのお話です。ハードボイルドなバックエンド側技術のご紹介が多い当ブログですが、スイーツ(笑)なフロントエンド技術もおもしろいんだよ!ということをアピってやろうという魂胆です><。 HTML.Template(JavaScript) 弊社では、サーバサイドによるHTMLの出力テンプレートエンジンにCPANモジュールであるHTML::Template::Proを使用しています。今回はそのJavaScript実装をオープンソースとして開発しましたので、紹介をさせていただきます。 HTML::Templateは貧弱で、冗長で、洗練されていないシンタックスでお馴染みのテンプレートエンジンですが、高速で必要以上のロジック
実装途中の覚書。 透過pngの背景画像をタイリングするのはかなり大変 ちょっと前に、「IEPNGFix ver2.0αが、background-image: url(alpha.png); background-repeat: repeat-x; background-position: 10% 20% をサポートした」というニュースがありました。 どうやら、IEPNGFix は .htc + .js を使い、画像をクリッピングしてdiv要素を後ろに敷き詰める方式のようです。 uupaa.js でも同様の機能をサポートする予定はあったのですが、優先度が低く未着手のままでした。 VMLベースでサポートしてみることに、 uupaa.js は IEPNGFix が採用した方法ではなく、VMLベースで実装することに。 その理由は、 10px 程度の小さなpng画像をdiv + AlphaImage
JavaScriptで画像を先読みして、なかったらリンクを消す 2007-06-10-4 [Programming] ちょっと前に Asamasearch (http://find.x0.to/as/) の画像検索で、 JavaScriptによる画像の先読み処理(画像存在判定)をいれていた。 そのときのコードはこんな感じ。 <div><a href="画像URL"><img src="サムネイル"></a><img src="画像URL" onerror="this.parentNode.firstChild.firstChild.style.border=0; this.parentNode.firstChild.removeAttribute('href'); this.parentNode.removeChild(this);" onload="this.parentNode.rem
JavaScriptは手軽で、実用的なプログラミング言語 どのくらい手軽かといえばJavaScriptを始めるのに(HTMLとCSSは出来た方が良いけど)予備知識はほとんど必要なくて、ブラウザとエディタさえあればすぐにJavaScriptを動かすことができる(FirefoxにFirebugを入れればコンソールでその場実行できるのでエディタも(リロードも)不要)。 その上実用性も十分で、最近のウェブサービスのバックエンドはPerlやPHP、JavaにRuby、Pythonなどなど様々だけど、フロントエンドは必ずといっていいほどJavaScriptが使われている(FlashもあるけどフルFlashサイトでない限りJavaScriptも使われているし、そもそもFlashを表示するのにJavaScriptが使われていたり)。とにかくJavaScriptが必要とされる場面はすごく多い。 と、こんな理
Firefox3 の Greasemonkey, unsafeWindow 内の prototype がとれない - 冬通りに消え行く制服ガールは✖夢物語にリアルを求めない。 - subtechの件。 そろそろGreasemonkeyをFirefox3対応にしていきたいところだけど、この問題がすごく厄介。 例えば、はてなスターの星をプロフィールアイコンに置き換えるGreasemonkey Scriptメンテナンス更新 - 0xFFはFirefox2では動くけどFirefox3では動かない。 とりあえず、無理やり動かしてみる。 // ==UserScript== // @name replace star by profile icon // @namespace http://ss-o.net/ // @include http://*.hatena.ne.jp/* // @checkur
どうもよくわかってなかったというか、誤解していた部分があったようなので、とりあえずFirebugで書いてみた。 var log = console.log; log("a/a".match("a")); // "a" log(RegExp.$1); // log("a/a".match("(a)/")); // "a/", "a" log(RegExp.$1); // a log("b/b".match(/(\w)\//)); // "b/" , "b" log(RegExp.$1); // b log("c/c".match("(\w)")); // null log(RegExp.$1); // b log("d/d".match("(\\w)")); // "d" ,"d" log(RegExp.$1); // d log("e/e/e/".match(new RegExp("(e)
MAX 打ち上げのときに川崎さんに「英語の記事書いたら絶対ウケるから書くべきだよ」と言われていつ書こうかなーと思ってたら、そういえば11日は休日だったので、日本語の下書きだけでも一気に書いてみることにしました。 といっても、欲を出してあれもこれも書こうとして、結局まだ書ききれてませんけど。 タイトル案 Javascript と Canvas によるフルスクラッチ3Dプログラミング Javascript と Canvas 3Dプログラミング入門 ドキッ JSだらけの あと、今日(11日)は私の誕生日でもあります。25になりました。そろそろ鏡を見るのが怖くなってきますね。 以下、書きかけ Introduction Adobe MAX 2009 で Spark Project は、拡張現実(AR)のデモを展示し、来場者の注目を集めていた。Shibuya.JS のメンバーもこのデモに感激し、是非
Introduction jshashtable is a JavaScript implementation of a hash table. It associates objects ("keys") with other objects ("values"). Each key is associated with precisely one value. "Objects" here is used loosely to mean any JavaScript object or value. Version 2.0 of jshashtable features significant performance improvements over version 1.0 (typically 200% faster for put and get operations) and
Posted at January 20, 2009 by Nicholas C. Zakas Tags: JavaScript, Loops, Memoization, Performance, Recursion Last week, I covered the first reason why JavaScript can take too long to execute: too much happening in a loop. There’s a similar problem with functions in that sometimes they’re just doing too much. Usually this means there’s too many loops (as opposed to too much happening in a loop), to
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く