Firefoxは危険なJavaScriptに対応しない - Qiita
Firefox / Safari MozillaはMozilla Specification Positionsというリストを公開しています。 IETFやW3C、TC39などが提唱しているWeb技術に対して、Mozillaはどのように評価しているかという立ち位置を表明したものです。 あくまで現時点での評価であり、もちろん今後の仕様変更などに伴い評価は変わる可能性があります。 Mozilla's Positions Mozillaはどのように評価しているかの分類。 under consideration 評価の検討中。 important 優れた概念であり、Mozillaにとっても重要である。 worth prototyping 優れた概念であるが、プロトタイプを作成し、フィードバックを得て磨きをかける必要がある。 non-harmful 有害ではないが、良いアプローチではなく、取り組む価値
ペーストが禁止されているHTMLフォームに無理やりペーストするワンライナー｜TechRacho by BPS株式会社
会員登録フォームなどで、たまにクリップボードからのペースト（貼り付け）が禁止されているサイトがあります。 これは不便なので、強引にペーストしてしまおうという内容です。 注意点 本記事で紹介している手法は、開発者ツールやJavaScriptの実行を伴うものです。 一般論として、「開発者ツールでこう操作すると良いよ」「このJavaScriptを貼り付けると良いよ」という記事を理解せずに鵜呑みにすることは、高いセキュリティリスクを伴います。利用の判断は慎重にお願いします。 なぜ困るのか パスワードは通常パスワードマネージャや適当なジェネレータで生成すると思います。 英数記号を含む20文字以上の文字列を、1文字ずつ I と l と 1 を間違えないように気をつけながら心を込めて打ち込むのも趣がありますが、忙しいときにはそんなことはしたくありません。パスワードマネージャのauto type機能を使え
s.h's page - [Illustrator] JavaScript scripts
MITライセンス(※)のフリーウェアです。 ※ 要約すると、改変再配布ほぼ自由、保証なし、ということです。 その他の雑多なスクリプト、スクリプトの更新情報、プラグイン版、エクステンション版については、はてな とか 英語版ブログ を見てください。Github にもあります。 2018.07.20 選択オブジェクトを処理するスクリプトで、選択したグループ内のロック/不可視オブジェクトを処理から除外するようにしました。 2017.05.13 「円弧にする」通常のパスと同様にテキストパスを補正する機能を追加しました。 2017.03.12 「適当に連結」設定した距離以上に離れたアンカーポイントは連結しないようにできるオプションを追加しました。 2016.11.26 「メタボール」「メタボール（円弧）」「角を丸くするplus」で win.enabled を変更する箇所に try ... finall
javascriptがrubyを駆逐する - Scene Research Station
rubyに限らず同系統のLLはjavascriptに滅ぼされるんじゃないかと先輩が言ってたので、流石にそりゃないでしょうと言ったところ、以下の反論をされた。 サーバも同じ言語で書けるメリットは大きい最近のjsは速くなった。他のLLよりもずっと速い 速度については、幾つかのベンチマークを組み合わせて評価している Which programming language is fastest? によると、確かにjs(というよりv8)が他のスクリプト言語をちぎっている *0 。v8はただのフィボナッチだとCに迫る速度だ。恐ろしい。crankshaftでさらに1.5倍ほど高速化するらしいし、ブラウザの開発競争が続く限りjsの速度的な優位は他のLLと比べてますます大きくなるであろう状況にある。 さて、速度的にも優位だしクライアントとの親和性も抜群とくれば、もはやnode.jsを使わない理由は無く、他のL
jQuery事始め・コピペに頼らず、基礎知識を理解して実際に動かしてみる
人気のJavaScriptライブラリ、jQueryもかなり 情報が増えました。僕の様に知識が無くても 簡単に動きのあるWebサイトや、更なるユー ザビリティの向上を可能にしてくれましたが、 いつまでもコピペではいずれ困る事になります。 その前にそろそろ基礎から学んでみませんか。 という訳で、jQuery事始め。さほど知識が無い僕が書くのも微妙なんですが、一緒に学んでいきましょう、という事でご了承下さい。内容は基礎中の基礎です。 いつまでもコピペに頼っていては、何か問題が起こったときに対応できませんし、そもそもコピペするならjQueryである必要はありません。 でもjQueryはすごく便利なので、ちゃんと使いこなしたいところですよね。この記事が、誰かが勉強し始める切欠になれば幸いです。 jQueryを使うには まず、jQueryを利用するには本体を読み込む必要があります。方法は2つあって、本
HTML5で注目！インラインSVGの使い方 (1/5)
HTML5ではビットマップ画像を手軽に扱える「Canvas」が話題ですが、「SVG」も画像関連で注目したい新技術です。HTML5ではInline SVG（インラインSVG）がサポートされ、HTML内にSVGを直接記述できるようになるのです。 今回のJavaScriptラボは、Firefox 4、Google Chrome 7、Internet Explorer 9を対象に、インラインSVGの使い方とJavaScriptによる制御方法について解説します。全部で3回に分けて、最終的には簡単なシューティングゲームを作成します。 SVGとは？ SVG（Scalable Vector Graphics）は、名前のとおりベクター形式の画像フォーマットです。ベクター形式とは、点と点で結ばれた線で図形を表す方法で、アプリケーションでいえばIllustratorがベクター形式を採用しています（Photosh
JavaScriptで書かれたWeb統合開発ツール「Orion」発表。Eclipseの新プロジェクトとして
EclipseはオープンソースによるJavaベースの統合開発環境として知られていますが、そのEclipseで新プロジェクト「Orion」が発表されました。 Orion is not a set of Java plug-ins which run in the existing Java IDE. It is browser-based open tool integration platform which is entirely focused on developing for the web, in the web. Tools are written in JavaScript and run in the browser. Orionは、既存のJava IDEに対応したJavaプラグインのセットではありません。ブラウザベースのオープンなツールの統合プラットフォームであり、Web
フォームで離脱させないためのjQueryプラグイン50選｜designaholic -Creative Column-
最近では、エントリーフォーム最適化（EFO）という施策も広まってきましたが、特に購入やサンプル請求、お問合せ等がコンバージョンとなっているサイトではフォームで離脱されてしまってはせっかくの広告や施策が水の泡になってしまいます。 ここではユーザーを離脱させないために気をつけたいポイントとそれを実現するために便利なjQueryのプラグインを紹介します。 まず、入力フォームを作成する際のポイントは、ユーザーにストレスを感じせない事です。ストレスの原因となるものは大きく言うと 入力しづらい、エラーメッセージがわかりづらい、といった操作に関するもの。 どこまでやれば完了なのかわかない、個人情報の扱いが心配、といった心理的なもの。 です。なのでこの点を解消させてあげるフォームを作成すればユーザーが離脱する可能性は下がりますね。 具体的なポイントは以下のような項目になります。 必須入力か
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
JavaScript初級者から中級者になろう
戻る｜基礎第二回 基礎第一回 JavaScriptの書き方 基礎とはいえ、さすがにHTMLの書き方くらいは知っているという前提で書いていきます。 さて、Webページ上でJavaScriptを動かすには、scriptという要素を使います。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <title>test</title> <script type="text/javascript"> alert("test"); </script> <p>test</p> これを適当なhtmlファイルに保存して開いてみると、「test」というアラートが出ます。 ちなみに、「<html>」とか「<head>」「<body>」といったおなじみのタグがありませんが、実はこいつらは省略ができるんです。もちろん、実際にWebページを作るときは省略しないほうがい
jQueryの日本語の解説サイトと国産のプラグイン集
MopBox 複数パネル（デモには100以上のパネルも）の表示にも対応した、画像・Flash・動画などを表示できるドラッグ移動可能なボックス。
ワンライナーIE6殺処分(精神的ブラクラ) - latest log
<script>document.createStyleSheet().addRule("*>*", "color:red");</script> このようなコードが埋め込まれたページをIE6で開くと、10数秒でメモリとswapを食い尽くします。PCが「ぎゃふん」って言うので、気をつけてください。 何も作業していない(再起動OKな)状態で実行することをおすすめします。まちがっても、上司に提出しなきゃならない Word や、社内で共有している Excel シートを開いたまま、ネタを仕込んだページを開かないようにしてください。 ぎゃふんっぷりを十二分に堪能した後は、タスクマネージャからIE6を殺してください。メモリを食いつぶした後はCPU利用率が50〜80%ぐらいに下がるため、タスクマネージャも起動できるはずです。 IE6を殺すと下の図のようにメモリが開放されますが、開放されていないリソースも
jQueryとPHPで作るサムネイルがスライドするギャラリー – creamu
サムネイル表示のあるフォトギャラリーを作りたい。 そんなときに参考になるのが、『Fresh Sliding Thumbnails Gallery with jQuery and PHP』。jQueryとPHPで作るサムネイルがスライドするギャラリーです。 マウスオーバー状態でカーソルを動かすことで、サムネイルをスライドさせることができます。クリックすると、大きくプレビュー表示されますね。 右上のドロップダウンで、アルバム管理もできるようなので、複数のセットを見せることができます。 デモは以下から。 View demo ソースもダウンロードできるので、一度見てみてください。 Fresh Sliding Thumbnails Gallery with jQuery and PHP iPhone版も作られています。 Awesome Mobile Image Gallery Web App やっと
JavaScriptで多言語メッセージを処理する「l10n.js」 | Web活メモ帳
PHPやASP.NETなどのサーバーサイドの場合、多言語対応できるようなライブラリが揃っている事が多いですが、javascriptだとあまり有名なライブラリを見ない気がします。 本日紹介する「l10n.js」というライブラリを使用すると言語に依存するメッセージを多言語対応させる事が可能です。 以下のようなコードで実装できるようです。 まずはJSと多言語データのJSONを読み込みます。 . JSONには各言語のデータが設定されています。 { "en-US": { "What is your favourite colour?": "What is your favorite color?" }, "fr": "path/to/french-localization.json" } 最後にlという関数で多言語文字を取得します。 document.title = l("%title.search
[JS]ホバー時にリンクのさまざまな情報を表示するスクリプト -HoverAttribute
テキストリンクにマウスでホバーをすると、リンク先のURLやテキスト情報をアニメーションで表示するスクリプトをafEkenholm Web Designから紹介します。 HoverAttribute jQuery plugin デモ HoverAttributeのデモ 表示できるものはhrefやrelやtitileなど属性内のデータで、URLのフォーマットやアニメーションを変更することができます。
このページの先頭へ、をちょこっとおしゃれに | S i M P L E * S i M P L E
ブログでもサイトでもよく見る「このページの先頭へ」のリンク。長～いページだとそのリンクで一瞬に先頭に行ってしまい、読んでいる人が混乱することもよくあります。 そこでご紹介したいのが「するするるーーー」と先頭まで戻ってくれるJavascript。このブログでも導入してありますので是非体験してみてください。 ↑ ページの下の方でこの「↑」を押すとするすると上まで戻ります。 導入方法は簡単でJavascriptを導入し、「このページの先頭へ」リンクにonClickイベントを仕込むだけです。 仕込むJavascriptはこちら。ちなみに元ネタは「A (slightly) better technique for “Back to Top” links.」です。ページ内に書き込んでも、外部ファイルにしてもいいでしょう。 function backToTop() { var x1 = x2 = x3
第4回 要素の操作＆ユーティリティ編
連載目次 現在の要素セット（カレント要素）を指定された要素で置き換えるには、replaceWithメソッドを使います。引数には、置き換え後の要素を表す文字列、またはDOM Elementオブジェクトを指定します。 以下は、画像をクリックしたタイミングで、画像をそのalt属性を表すテキストで置き換える例です。 <script type="text/javascript"> $(function() { // <li>要素直下の<img>要素をクリックしたときの挙動 $('li > img').click(function() { // クリックした<img>要素を<span>要素で置換 $(this).replaceWith('<span>' + $(this).attr('alt') + '</span>'); // テキスト値はalt属性 }); }); </script> ……中略……
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavascriptでRubyの作り方
IBM Developer
はてなブログ | 無料ブログを作成しよう
