JavaScript の不思議な面白さ - 第四回
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog 前回の「第三回」ではよくある手法でプログラムの分離を試してみました。 そろそろこの連載も折り返し地点となります。 実はこの記事は、最初、小さな課題を与えられたプログラマが正攻法で突撃するもうまくいかず、策をろうしてやっと勝利、その知識を広めようとライブラリ化を行ったところで難題にぶち当たり、裏街道に突入。状況を打開する為にプログラム技術を駆使し、最終的にフレームワークとして完成させる、というストーリーになっています。 ＊ さて、さっそく前回の答えですが「A」です。 まずは下のグラフをごらんください。 上記は、各実装でどれぐらい表示に時間が掛かるかを測定したものです。 単位は ms (ミリ秒＝1000分の1秒)です。 重要なのは プ
safari4 betaで実装されたCSS Animationを使ってみました。
こんにちは。橋本です。 さて、今日は先日公開されたsafari4 betaで実装されたCSS Animationを使ってみたいと思います。（今回のサンプルはsafari4 beta、もしくはwebkitのnightlyビルドを使ってご覧ください） CSS Animationとは何かと言いますと、文字通りCSSを使ってAnimation効果を表現する技術です。 まずこちらをご覧ください。 Falling Leaves ‘Using CSS Animations and Transforms これはwebkitの公式blogで紹介されていたサンプルなんですが、この美しく舞う落葉のアニメーション効果は全てCSSで定義されています。 では実際にどのようにアニメーション効果を定義するかを見ていきたいと思います。 まず、以下のように、キーフレームを定義します。 キーフレームの定義は、「@-webkit
jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法:phpspot開発日誌
Justify elements using jQuery and CSS jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法が紹介されております。 何ができるか？というのは次の図を見て頂くのがはやいでしょう。 ビフォア ↓↓↓↓ アフター これを実現するために、CSSとマークアップによって実現するのが普通ですが、jQueryによってもっとスマートに出来るようですね。 具体的には、次のように、label の中で width がもっとも大きいもののサイズを得て、そのサイズにJavaScriptで調整しちゃうというものです。 $(document).ready(function() { var max = 0; $("label").each(function(){ if ($(this).width() > max) max = $(this).width(); });
Twitter ボットまとめ: Home
Florida Law Blog 編集方針 便利だろうが便利でなかろうが，面白かろうがつまらなかろうが，Twitter に存在するありとあらゆるボット（bot）をこのページに記す．（あんまりにもプライベートなものは除くかも．）誰かリンクとか整備してください． 新しいのを追加するときはなるべく分割されたページにお願いします。 by誰か ボット作者の方 お気軽に登録してください． [森見登美彦bot- マンガ化された「夜は短し歩けよ乙女」やアニメ化された「四畳半神話大系」の作家・森見登美彦氏のブログから拾った言葉をつぶやく] 参考ページ・サイト [便利なBOT - TwitterまとめWiki] [文章生成Twitterボットのまとめ - phaのニート日記] [addしておくと便利な10個のTwitterボット | その他（IT） | 毎日がアップデート | あすなろBLOG] 10/1/1
百匹目の猿 Flash CS3
気泡っぽいパーティクル 粒子がつぎつぎと沸いてくるタイプのサンプルです。 ステージ中央からマウスカーソルと逆の方向に向かって移動する粒子がつぎつぎと生成されます。粒子はだんだん大きくかつ透明度が低くなって、その後だんだん小さく透明度が高くなって最後には消えます。 このサンプルでは、パーティクルとしてスプライトを継承したクラス(Particle)を作りました。フレームイベントで、パーティクルの表示領域となるスプライトを生成しステージに配置、表示領域となるスプライトにパーティクルを配置、マウスの位置から表示領域となるスプライトを回転。という風にしています。 パーティクルは白い円にグローフィルタをかけたもので、ｙ軸方向にゆらぎながらｘ軸方向に進みます。フレームイベントで透明度やサイズを変更しています。 パーティクルのソースコード(Particle.as)はこんなカンジです。 package {
百匹目の猿 Flash CS3で水面ぽい画像表示
Flash CS3が届いたということもあり、以前エントリしたDisplacementMapFilterを使った水面ぽい画像表示をCS3で書き直してみました。 某オブジェの写真がゆらゆら揺れます。速度／変化量に数値を入れて「設定」ボタンを押すと揺れ方が変わります。また、画像の上にマウスを持ってくとDisplacementMapFilterで使用している置き換えマップ画像が表示されます。 今回は、水面ぽく表示する表示オブジェクトのクラスを作ることにしました。せっかくCS3だし。作ったクラスのインスタンスにaddChildすることで、任意の表示オブジェクトを水面ぽく表示できるという寸法デス。 クラスはWaterSurfaceという名前でWaterSurface.asというファイル名デス。ソースはこんなカンジです。 package { import flash.display.*; import
ある要素内の文字列を置換する - monjudoh’s diary
var el = $('#id'); el.html(el.html().replace(/word/ig, "")); http://www.catswhocode.com/blog/8-awesome-jquery-tips-and-tricks この例酷すぎるでしょ。 置換対象の文字列がHTMLのタグ名に含まれるものならHTMLの構造が壊れるし、 属性の値と一致してた場合等も壊滅的におかしくなる。 やるならこうでしょ。textnodeのみ対象にすべき。 $('#id').find('*').andSelf() .contents().not('[nodeType=1]') .each(function(){ this.nodeValue = this.nodeValue.replace(/word/ig,''); }); 2009/05/11追記 迎賓館離宮 にて、IEで動かない件が
Google Chrome、ハッキングコンテストで唯一の生き残りブラウザに
Mac版Safariはコンテスト開始後数分で侵入され、IE 8、Firefoxも初日のうちにハッキングされた。 カナダのバンクーバーで3月18～20日に開催されたハッキングコンテストPwn2Own 2009で、参加者らはGoogleのChrome以外の主要Webブラウザすべてのハッキングに成功した。このコンテストはカナダのセキュリティ企業dragostech.comが2007年から毎年開催しているもので、今年はWebブラウザと携帯端末のセキュリティ侵入のテクニックが競われた。 ターゲットとなったWebブラウザは、Windows 7搭載のソニーのVAIOにインストールされたInternet Explorer（IE）8、Firefox、Chromeと、Mac OS X搭載のMacBookにインストールされたSafariとFirefox。Webブラウザの脆弱性を突くコード（エクスプロイトコード）
WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集:phpspot開発日誌
WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集 2009年03月23日- WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集。 プログラマが１ヶ月でWEBデザイナーに転身する方法 というエントリを見て、プログラマの方々のWEBデザインに関する関心の高さを見て書いてみます。 WEBデザイナーといっても色々な知識が必要で、かつ、最近はフリーのテンプレートも豊富にある中、どれだけ出来ればWEBデザイナーとして成り立つのだろう？という疑問がありましたので考えてみました。プログラマの方で、WEBデザインをやってみたい。また、全くの素人だけどWEBデザイナーを仕事にされたいという方の参考になれば幸いです。 最低限の知識編 1. HTMLとレイアウト力 まず、知っている人には物凄く当たり前の事ですが、
みうらじゅん 「こだわり」がないと意味ないじゃん｜【Tech総研】
武蔵野美術大学卒業。在学中に「月刊漫画ガロ」で漫画家デビュー。その後、イラストレーター、エッセイスト、ミュージシャンなど多面的に活躍。「マイブーム」など多くの流行を生むことでも知られる。活動の幅が広いので詳しくは http://miurajun.net/ へ。1958年京都府生まれ。血液型AB。 人の考えで気に食わないことってあるじゃない。僕は同感したり同情したりすることが素晴らしいと思い込んでるから、人に違う考え方をされると単にイヤなんだ。「僕と友達になりたいなら同感しろよ」って思う（笑）。全く同じでなくても近いところで「グッとくる」のが友達だと思っているので、「それは違うよ」ってされると、「じゃあ友達じゃないよ」。それでも友達ヅラするヤツには腹が立ってしまう（笑）。 だから、世の中のことって友達じゃないからよくわからないよね。総理大臣がどうこう言うけど、友達じゃないもん。友達じゃない人
堀江貴文 エンジニアは誇り高くあれ｜【Tech総研】
東京大学文学部宗教学宗教史学専修課程中退。1996年に「有限会社オン・ザ・エッヂ」を設立。2002年に旧ライブドア社から営業権を取得し、2004年に社名を「株式会社ライブドア」に変更。2006年に証券取引法違反容疑で起訴されて一審、二審ともに有罪判決を受ける。現在上告中。1972年福岡県生まれ。 今、非正規雇用の増加やいわゆる「派遣切り」が社会問題になっていますけど、僕が前の会社（ライブドア）で社長をやっていたときは、技術者派遣やSI会社の常駐社員などは一切使わなかったし、逆に自社の社員を派遣することもしなかった。社内ではこうしたシステムを利用するようにかなり説得されたけど、ここだけは頑固に譲らなかった。 唯一、派遣会社を使ったのは受付の女の子たち。いろいろとあって押し切られてしまったのだけど、彼女たちが望めば正社員にしていたし、希望すれば総務や経理に異動もさせていた。ほかに社員でない人と
顔クリスタル - NoTechnoNoLife
海外のクリエイティブな音ネタや映像を配信しているニッチなボクのもう一つのブログです。 HouseTect 個人的な技術ブログ。 もうここ最近はJavaScript1本！ Blog Roll everything is gone Weekly Teinou 蜂 Woman ニテンイチリュウ ofellabuta Good Conduct Well-Chastised NewsWalker.NET タマヒメβ版 Fresh News Delivery House dust sasapong's room sasapongroove!! ひろぶろ News人 Small Bits & Pieces HEAVEN ponyXpress スチーム速報 VIP TBack × TBack@Tumblr Kain＠はてな SexArts ケイモウ・アナライズ mntlog NOT WILD STYLE
HEAVEN 史上最も汚いATM
―紅網― こちらの画像は、昨日20日、紅網の掲示板に貼られ、中国メディア各紙でも話題になっている「史上最髒的自動取款機(史上最も汚いATM)」。 画像を貼ったネットユーザによると、「道すがらたまたまこの白っぽい小屋の前を通りかかり、ビラと土埃で埋めつくされた中をよく見るとATMだと知っておどろいた」とのこと。 ビラは、剥がしてもこすっても次々と貼られ、このようにボロボロになっているさまを中国ではその見た目から「牛皮癬(乾癬)」と呼ぶのだそう。まさに都市の病でしょうか。 それにしてももっとおどろくのはこのATMは現役で、スレ主がいうには「意外に利用客が多かった」こと。たしかにモニタには「中国銀連」と書かれ、押しボタンだけはピカピカなのがわかります。 場所は天津で、近くに百貨店の天津百貨などもあるという繁華街だそう。中国のネットユーザらもこのATMには「公衆便所より汚い」、「ここでお金をおろし
iPhoneを買って実際どうよ、という話 - kanizaのブログ
iPhone周辺は17日に発表されたiPhone OS 3.0の話で盛り上がってますな。「テキストのコピー&ペーストが可能に!!」とか。端から見れば「え？いままでできなかったの？」っていうね。 僕が1月10日にドコモの携帯電話からiPhoneに乗り換えて、もう2ヶ月以上経った。実際どうよ、という話を書いてみる。 全体的な満足度は高い。正直、もっと早く買っておけばよかったと思っている。 ただ、一般的な日本の携帯電話をガンガン使っている人にはいろんな点で不満になるだろうなと思うから誰にでもおすすめできるかというとそうでもない。いまんとこコピー&ペーストもできないしね（笑）。 僕はもともとメールも電話もそれほど使っていなかったし、いわゆる「ケータイ文化」にどっぷり浸ることもしてなかった。一方でPCのインターネット文化にはどっぷり浸かっていたんで、PCのインターネットでできることが手元のiPhon
Health News – Health and Medical News Update.
Gums are an important part of oral health, and it is important to keep them healthy. Stimulating gums can help to keep them healthy and strong. This article will provide tips on how to stimulate gums to maintain healthy gum tissues. It will discuss the benefits of stimulating gums, the best methods for stimulating gums, and how to prevent gum disease. With these tips, you can keep your gums health
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
『1ランク上の技を身につけるFlashの強化書』サポートサイト: 第2章：アニメーションをマスターするアーカイブ
Kaikai Kiki Marketplace
The FWA: Favourite Website Awards - Web awards at the cutting edge
Amazon.co.jp: アウトドア般若心経: みうらじゅん: 本