本気でやるならonclick属性は避けてライブラリを活用すべき - id:HolyGrailとid:HoryGrailの区別がつかない日記
第1回 そろそろ本気で学びませんか？ | Think IT これ、今この記事書いてる時点で650以上ものブクマがされているんだけれども、あまり内容がよろしくない。 というのも、解説はとても丁寧ですごくよい内容なのだけど、サンプルコードの書き方がどうも古くさい。 onclick属性とか、今時のフロントエンドエンジニアはそんな書き方はしない（と思う）。 なぜonclickをあまり推奨しないのか やっぱり、エンジニアとデザイナーorマークアッパーとの分業の点でHTMLの属性にスクリプトを書いちゃうのはあんまりよろしくない。 たとえばの話だけど関数の名前を変えたかったり、だとか、HTMLを変更したり、っていうときにミスが起こりやすくなってしまう。 これは分業していなくてもどちらにしろ発生してしまうことだと思う。 他にも前に書いたのだけど、aタグとかでonclickしちゃうとhrefにreturn
狐の王国 AmazonのURLを短くするAmazon Short URI
#1 AmazonのURLを短くするAmazon Short URI 前に作った奴 がAmazonのデザイン変更で動かなくなってることに気付いたので、ついでにちょっとテキストにonfocusだのつけて動くようにし、名前もなんか変な気がして来たので変えてみた。 Amazon short URI *1 場所も画面幅を取りがちだった以前の検索バーの右ではなく、下側にしてみた。 bookmarklet版 はそのまま使えるはず。 (@619) ＠ 1日1チベットリンク: 聖火ランナー思い様々 有森さん「それでも私は走る」 (@971) *1: あとはてなブックマークでURLがまちまちになりがちなので、 はてブボタンを付けたもの も前からあったりするのだが、いま試してみたらはてブ側で対応してくれたみたいだ。
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
ブラウザ判定 - saitonのブログ
Opera 10 is too old! アンドリューが示しているのは、ブラウザのバージョン判定の稚拙がもたらす将来の弊害。そこに挙げられているような JavaScript が向こう数年の内に撤廃されるとは到底思えない。いつか出てくる次の次の、その次の Opera がどんなバージョンを名乗るのか分からないが、二桁の数字となると彼が結論として言っているようなことが起るだろう。 Opera がバージョン 10 を公開する。 Web サイトは Opera で動かなくなるが、他のブラウザでは問題がない。 「やっぱり Opera は使い物にならない！」 という、既に巷に広まっている誤解が拡大する。 既にやっているように、サイト側に対応を「お願い」するだろうが、テストの工程数が増えるのでコストに見合わない、ところでどれ位の人がその Opera ってのを使っているんですか、シェアにして 10% を超えた
ブラウザでお絵描きプログラミング！ Processing.js 登場！ - IT戦記
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
なぜみんなlightboxを使うの？
なぜみんなlightboxを使うのだろうか。 あれ、迷惑なだけだと思うのだ。 文章と比較しながら画像を見ることが出来ないし、視覚的には別ページっぽく見えるのに、ブラウザの戻るボタンを押すと前のページに移動してしまう。 Flashが叩かれていたときによく言われていたことをそのまま繰り返しているじゃないか。 lightboxって、何がいいの？ 何も便利になっていない。
Stop using Ajax! - saitonのブログ
Dev.Opera に Stop using Ajax! という新着記事あり。以下にイントロ部分だけの簡単な要約。 日本でも違った意味で話題になっている CAPTHA だが、アクセシビリティの観点からするといろいろ問題があるのは直に分かるだろう。 著者の brothercake は「近頃私はひどく怒っている」という書き出しで始まるエントリを、自らの blog に上げている。Technology is the last, best hope for accessibility このエントリで彼は、プログラマが「最先端でセクシーな」という名の下に一部の人々を置き去りにしていい気になっていると指摘する。 The Web は全ての人に開かれていなければならない。Sir TBL*1 も「ユニバーサル・アクセス」と言っていたし、ウェブに関わる HTTP や HTML は、プラットフォームやデバイスにと
【ハウツー】ゼロからはじめるS5 - スクリプトひとつでプレゼンサイト (1) S5の概要 | パソコン | マイコミジャーナル
S5とは？ S5はブラウザ上でプレゼンテーション(以下プレゼンと省略)を行なうJavaScriptライブラリです。プレゼンを行なうアプリケーションとしてはパワーポイントが最も有名です。パワーポイントで作成されたプレゼンデータとブラウザ上で作成されたプレゼンデータには違いがあります。 S5の実行結果 ブラウザ上で処理されるプレゼン用のプログラムでは(X)HTML+CSSベースで処理されるため、Webブラウザを搭載しているデバイスであればプレゼン用の資料を閲覧することができるわけです。つまりゲーム機 や携帯電話でもパソコンでも見ることができます。何よりも手軽に作成できるところが利点です。 ブラウザ上で動作するプレゼンライブラリはいくつかありますが、S5は独自のフォーマットではなくOpera Show Format 1.0を採用しています。Opera Show Format 1.0はこちらのUR
スムーススクロールは音声ブラウザで確認すること。 - Trans
スムーススクロールを実装する際は音声ブラウザでの読み上げを確認しておいたほうがよいようです。 jQueryなどのスムーススクロール たまに見かけるjQueryのモジュールでページ最下部からページの最上部にスムーズにスクロールさせるためのページ内リンクがあります。スクリプトもいろいろと紹介されているので、使っているサイトも多くあります。 ただ、そのうちのいくつかのモジュールでは音声ブラウザでうまく動作しないものがあります。 どういうことかというと、普通のページ内リンクはリンクの文字列（例えば、「ページの最上部へ」）を女性の声などで読み上げているときに、Enterをクリックするとid属性やname属性でマークアップされた任意の場所に飛び、音声ブラウザは自動的にそこから読み上げを再開します。 ただし、スムーススクロールで紐付けられたページ内リンクでEnterをクリックすると音声ブラウザがid属性
JavaScriptの関数へ「'」はエスケープしないと引数として渡せない？ - 燈明日記
以下のようにonclickからJavaScriptの関数をコールする場合は、「'」はエスケープ（\'）しないと引数として渡せない。 以下で、確認しました。ただしＩＥ６のみ確認。 <html> <body> <form name="FM"> <input type="text" name="IP" value="ケース１：反応あり" onclick="subx('cb\'b"\\bc')"> <input type="text" name="IP" value="ケース２：反応なし" onclick="subx('cb'b"\\bc')"> <input type="text" name="IP" value="ケース３：反応なし" onclick="subx('cb'b"\\bc')"> </form> <script> fun
Latest topics > FUELが酷すぎる - outsider reflex
Latest topics > FUELが酷すぎる 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « オープンソースなライセンスやコピーレフトなライセンス、クリエイティブコモンズについて、他のライセンスとどう組み合わせられるのかを図にしてみた Main 児ポ法も真っ青な言論統制制度がもうすぐ国会を通過するようです » FUELが酷すぎる - Apr 03, 2008 Firefox 3のFUEL、調べれば調べるほど酷さが浮き彫りになってくる。norahさんが「これはひどい」と言ってた意味を！ 「心」でッ！ 「理解」したッ！！ いやもうほんと酷すぎます。XULとJavaScriptとXPCOMが入り乱れてる酷い現状を何とかしようとして作られたはずなの
シングルクォート使用時の留意点 - 旧燈明日記
ＷＥＢプログラム系でシングルクォートの用途は大体以下のとおりです。 Perlでは、文字列を囲む。 SQLでは、文字列を囲む。 HTMLでは、属性値を囲む。 で、囲んだ文字列の中にシングルクォートがあった場合どうするか、以下の通りです。 Perlの文字列では、「\'」のようにシングルクォートの前に「\」を置く。 SQLの文字列では、「''」のようにシングルクォートを重ねる。 HTMLの属性値では、「'」のように数値文字参照にする。 しかし、JavaScriptでは、「'」を渡した場合、文字を囲む「'」と解釈されエラーとなります。 したがって、この場合だけは、前に「\」を置き「\'」で渡すとJavaScriptは、文字中の「'」と解釈してくれるようです。 あと、EXCELのシート名などは、名前の頭に「'」が付けれなかったりしますね。 とにかく、シングルクォートは、プログラ
「\」使用時の留意点 - 旧燈明日記
たとえば、Perlでダブルクォート文字列の中にデータとしての「\」ある場合は、エスケープして「\\」とします。 しかし、その文字列内がJavaScriptの場合は、「\\\\」とします。 またしかし、そのJavaScriptがHTMLでのonClick属性値にある場合、属性値なので、文字参照とかURLエンコードとか悩むところですが、今回の場合は「\\\\」でいいみたいです。
Big Sky :: Greasemonkeyで実行されるスクリプトはイケてるのか？
以前どこかで、グリモンスクリプトは前に「(function(){」、後ろに「}()」が付与されてるって見たことあるけど // ==UserScript== // @name broken source // @namespace xxxxxx // @description broken source // @include http://* // ==/UserScript== })(); (function () { これOKでつか... イケるんですか...
2008年3月 - Blog - EOF
MIAU、NHK に「かぐや」ハイビジョン映像公開に関する質問状を送付 ここのところ、MIAU の動きが活発だ。今日、MIAU は NHK に対し、「かぐや」（月探査衛星「SELENE」の通称）のハイビジョン映像公開に関する質問状を送付したと発表した。質問内容は短くまとまっているため、下手に要約しない方がいいだろう。NHK が一体どのような返答を返すかで、その真価が問われることになる。 少し前には、既に国際連合児童基金 UNICEF の下位組織ではないことが広く定着した財団法人日本ユニセフ協会に対し、「準児童ポルノ」に関する公開質問を送付し、回答を得た。しかし、この回答は要領を得ないものであると言わざるを得ない。MIAU の質問に対しての明言は完全に避けている。つまり、財団法人日本ユニセフ協会は、組織の展開するキャンペーンに対する科学的根拠を明示しなかったのである。この事実は極めて遺憾とし
予約語なしにJavaScriptでいろいろしてみる - hoshikuzu | star_dust の書斎
JavaScriptで。文字列'al%65rt%28%22Hello%20World%21%22%29'をunescape()してやってその後にeval()に通せば、結果として「Hello World!」とalertされると思います。 この操作を、安直なXSS対策ブラックリストにおけるヨワヨワな守備の回避を目的に、JavaScriptの予約語（と言ってよいですか？）を、陽には一切、使わずに行ってみるという試みです。以下。 <script> ( (21)['c' + 'onstructor']['co' + 'nstructor'] ( ( ( (21)['con' + 'structor']['cons' + 'tructor'] ('retur' + 'n unesc' + 'ape') ) () ) ('al%65' + 'rt%28%22Hello%20World%21%22%29'
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
IE8 で実装された Selectors API とは何か？ - IT戦記
はじめに IE8 には Selectors API という新しい仕様が実装されました。 ということで、今後 DOM 操作 API の主流になるであろう Selectors API についてまとめておきます。 Selectors API が使えるブラウザ 2008 年 3 月 6 日現在の一覧 WebKit Build Archives | WebKit (開発版の Safari) Windows | Official Site for Microsoft Windows 10 Home & Pro OS, laptops, PCs, tablets & more (IE8 の Beta 版) Selectors API とは Selectors API とは W3C で定義された仕様です。詳細に関してはこちらをどうぞ 簡単に説明すると getElementsByTagName や getE
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
!!! URL changed !!! http://suac.net/**** --> http://nagasm.org/**** http://1106.suac.net/**** --> http://nagasm.org/1106/**** http://nagasm.suac.net/**** --> http://nagasm.org/ASL/**** Please renew your bookmarks (_o_)