WebページにCSSを書きなぐって適用するブックマークレット - メモ用紙
読みにくいWebページがあったときに。 javascript:(function(d){var i='UCSS',b=d.body,c=d.createElement('div'),t=d.createElement('textarea'),a=d.createElement('button'),x=d.createElement('button'),s=d.getElementById(i);if(!s){s=d.createElement('style');b.appendChild(s);}a.innerHTML='Apply';x.innerHTML='x';with(c.style){position='fixed';right=top=0;background='#444';}t.style.display=a.style.display=x.style.display='bl
ブラウザの拡張をつくろう！
いつもの前振り 初めましてもそうでない方もお元気ですか。 元気があれば何でも出来る！出来ません。 JavaScript Advent Calender、１３日目担当のArc Cosineです。 今回はJavaScriptのネタを何か書こうと思いましたが、どうせならツールの一つくらい作ったほうがいいだろうと言う事で土日に突貫工事で作ってみました。 Extension Maker http://www.tunsns.net/ExtensionMaker/ 時間切れで間に合いませんでしたが、Opera拡張だけは作れるようになっていますので、試してみてください。 チュートリアル トップヘアクセスしたら右下にある「今すぐ試してみる」をクリックしましょう。 そうしますと、基本情報を入力する画面が出ますので、必要な情報を入力してください。 今は入力チェックしていませんが、将来的にはちゃんとチェックするよ
マンガで分かる JavaScriptプログラミング講座
はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 （マンガは、左上から右下へと読みます） プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ
javascriptは外部ファイルにした方がいいの？それとも、インラインの方が良いの？
os0xさんのブログコメントで、javascriptの書き方について、面白いやり取りがありましたので、それについての私見を書きたいと思います。 結論から言いますと、プログラマ的な立場から言わせて頂くと、外部ファイル管理が望ましく、コーダ的な立場から言わせていただくとインラインが望ましいです。 なぜそのような結論に至ったのか、まずは経緯を御覧ください。 コメント欄でのやり取りos0xさんのブログコメント欄を引用しています 引用ここから(通りすがりさんとos0xさんのコメントのみ引用。文字強調はArcCosine) 通りすがり 2010/08/13 15:20 質問です。 >scriptタグの中に直にコードを書くというのはできる限り避けたほうが良い のは何故でしょうか。 私は、「できるだけscriptタグの中に直にコードを書くようにし、理由がある場合に限って外部ファイルにする」というのが良いよ
JSONで管理するHTML5音楽プレイヤーを作ってみた (1/4)
HTML5サウンドプレイヤーのサンプル。マウスで選択した曲（音声ファイル）を再生し、ラインアートを表示する。画像クリックでサンプルページを表示します（Firefox 3／Opera 10／Safari 4で表示可能） HTML5 Audioを使ってブラウザー上で動くサウンドプレイヤーを作る記事の続き。前回は、再生リストから選択した音楽（音声ファイル）を再生する基本機能を作りました。このままでも十分と言えば十分ですが、今回はビジュアルエフェクトと操作ボタンを追加して、より充実した機能のプレイヤーに仕上げていきます。 ビジュアルエフェクトを追加する まずビジュアルエフェクトを追加します。今回は、サウンドプレイヤーの背景いっぱいにcanvas要素を配置し、canvas上にランダムな色の線を描画していくラインアートのプログラムを用意しました。 HTML5 Canvasの基本的な使い方については本連
Flash を HTML5＋JavaScript に変換する「Smokescreen」 | スラド
ストーリー by reo 2010年06月03日 11時00分 俺は Flash をやめるぞ ! 部門より 以前「JavaScript で書かれたオープンソース Flash プレイヤー」なるものが話題になったが、今度は Flash を HTML5 ＋ JavaScript に変換して実行させる Smokescreen なるものが登場している。 いくつかの デモが公開されているが、Flash で作成された広告なども Flash で動かすのとほぼ同じように動作している。対応ブラウザは Firefox 3.6、Safari 4.0.5、Chrome 5 beta、iPhone OS 3.x の Safari だそうだ。Opera 10.53 や IE ではいまのところ動作しないが、Opera 10.5 系については対応可能で、IE9 についても対応したいとのこと。
HTML5 enabling script
Since HTML5 is getting more attention by way of marking up our new pages, and the only way to get IE to acknowledge the new elements, such as <article>, is to use the HTML5 shiv, I've quickly put together a mini script that enables all the new elements. MY EBOOK£5 for Working the Command Line Gain command-line shortcuts and processing techniques, install new tools and diagnose problems, and fully
JavaScript/HTML5 Emulators
JavaScript/HTML5 Emulators Nintendo Entertainment System Emulators JSNES: A Javascript NES emulator CycloaJS: CycloaJS is a NES emulator implemented in JavaScript. FaithJS: FaithJS is a NES emulator which runs on your chrome. nes-js: This is JavaScript NES(Famicom) emulator which runs on browser. flownes: A NES emulator written in ES2015+ with flowtype Weaknes: Weaknes is a NES emulator written by
全角の英数字が大嫌い | mattz.xii.jp
キライなんです。醜いから。なので、極力目に入らないよう次のようなスクリプトを書いた。 // ==UserScript== // @exclude http://mattz.xii.jp/* // ==/UserScript== ( function(){ document.addEventListener( 'DOMContentLoaded', function(){ document.body.innerHTML = document.body.innerHTML.replace(/([0-9A-Za-z ])/g,function(str,p1){ return {'0':'0','1':'1','2':'2','3':'3','4':'4','5':'5','6':'6','7':'7','8':'8','9':'9', 'A':'A','B':'B','C':'C','D':'D
Javascriptな「人」
Javascriptな人というと誰を思いつくか。 はてな村の人たちばかりしか思い浮かばないし、僕はUserScriptが好きなので、そちらが得意な人たちに目がつく。 ともあれ羅列してみた。 世界Topクラスとか日本有数とか書いてるけど、僕の誇大妄想なので、実際のランクとかけ離れてる事が多々あるかもしれませんが、参考程度に聞き流してください。 全般的にすげえ id:amachang IT戦記 ご存知、脊髄反射でコードを書く男。紛れも無い、Javascriptな人で、世界Topクラスの技術の持ち主。一度会ってみたいなぁと思いつつも、会っただけで圧倒されそう。 id:ma.la 最速インターフェース研究会 LDRの人、最速の人、京都観光の人、100万円の人、高橋メソッドゴルフな人。呼び名は多々あれ、彼もまたJavascriptの世界的権威。Operaはメーラー。速い＝I/Fの正解。など、名言多し
ブラウザの体感的な速さにおけるJavaScriptの比重は大きくないので、CarakanでOperaが劇的に高速化されるかのような期待を抱くべきではない - os0x.blog
Opera Core Concerns - Carakan 【速報】Opera新JavaScriptエンジンCarakan発表、50倍高速化も | エンタープライズ | マイナビニュース まー、もちろん劇的な違いを体感できるケースはあるだろうけど、少なくとも3Dとかハッシュとかの演算*1が速くなってもあんまり嬉しくないでしょう。 個人的にはClient-side Database Storageが載るかどうかが問題です。 # ちなみに、Firefoxは別で、体感的な速さにおけるJavaScriptエンジンの比重が大きい(アドオンとかが高速になる)ので、JITの効果に期待したいところ 体感的な速さとは、例えば「Ctrl+t押したときに新しいタブが何msで表示されるか」とか。Firefoxはこういうところが弱かったりする。IE7はもっと弱かったりする。 *1:[http://d.hatena.
空から女の子が降ってくる - ぼくはまちちゃん！
こんにちはこんにちは！！ はてな見てたら、こんなのがありました！ 【降臨賞】空から女の子が降ってくるオリジナルの創作小説・漫画を募集します - 人力検索はてな 条件は「空から女の子が降ってくること」です。要約すると「空から女の子が降ってくる」としか言いようのない話であれば、それ以外の点は自由です。 字数制限 : 200〜1000 字程度 締め切り : 2009-01-12 18:00 で募集を止めます。 優勝賞品 : もっとも稀少な(と質問者が判断する)作品を書いてくださった方に 200 ポイントを贈ります。 面白そうですね！ さっそくぼくも応募してみたよ！ 応募した内容はこれ！ javascript:(function(){scroll(0,0);H='http://hamachiya.com/';D=document;F=Math.floor;R=Math.random;Q=new I
Re: IE6を使って閲覧すると右上に『アナログ』って出るように | mattz.xii.jp
もう誰かやってる気がするけど。IE6環境がないので、このJSを読み込んだページをIE6で開いてちゃんと表示されるかどうか分かりませんけど。 IE6を使って閲覧すると右上に『アナログ』って出るようにしようぜ。 if (typeof document.body.style.maxHeight == "undefined") { var div = document.createElement( 'div' ); document.body.appendChild( div ); div.setAttribute( 'id', 'analog' ); var box = document.getElementById( 'analog' ); box.style.cssText = 'position:absolute;top:0;right:0;width:auto;background-co
%253C%2Fscript%253E)
"><script>alert("\u3053\u3093\u306B\u3061\u306F\u3053\u3093\u306B\u3061\u306F\uFF01\uFF01")</script>の人気記事 0件 - はてなブックマーク
"><script>alert(" \u3053\u3093\u306B\u3061\u306F\u3053\u3093\u306B\u3061\u306F\uFF01\uFF01")</script>の検索結果0 - 0 件 / 0件
高木浩光＠自宅の日記 - 新はてなブックマークの登録ブックマークレットは使ってはいけない
はてなブックマーク（以下「はてブ」）がリニューアルされ、ブラウザからブックマークレットでブックマーク登録（以下「ブクマ登録」）しようとすると、図1の画面が現れるようになった。「こちらから再設定をお願いします」と指示されているが、この指示に従ってはいけない。ここで提供されている新型ブックマークレットは使ってはいけない。（この指示には従わなくてもブクマ登録はできる。） 新型ブックマークレットを使用すると図2の画面となる。ブクマ登録しようとしているWebサイト（通常、はてな以外のサイト）上に、はてブの画面のウィンドウが現れている。これは、Ajaxと共に近年よく使われるようになった「ページ内JavaScriptウィンドウ」である。（ポップアップウィンドウとは違い、ウィンドウをドラッグしてもブラウザの外に出すことはできず、あくまでも表示中のページ上のコンテンツであることがわかる。）
arguments.callee.caller で UserJavaScriptのソース取得 - os0x.blog
最初に要点を述べると、UserJavaScriptのソースはサイト側のScriptから取得することが不可能ではないので、UserJavaScript にパスワードなどを書き込む必要がある場合は実行を許可するサイトに十分に気をつけましょう(そもそも書き込まないで済むならそれに越したことはない)。というお話です。 Function.caller 9.60 beta 1 RCからFunctionにcallerプロパティが追加され、関数の呼び出し元を参照できるようになりました。caller は非標準ではありますが、FirefoxやIEでも以前から使えているようです。 そして、サイト側のScriptで、UserJavaScriptが呼び出すであろうメソッドを上書きしておくことで、UserJavaScriptの処理をフックし、そこから .caller を辿って UserJavaScript のソースを
彼氏がIE6を使ってた。別れたい… (Kanasansoft Web Lab.)
IE6だとサイトでユーザエージェントが表示された時なんか恥ずかしいｗｗ 下向いちゃうしｗｗ 男にはせめてIE7使って欲しい・・・ prototype.jsとかで例外扱いにされたら・・・・もう最悪ｗｗ せめて普通にposition:fixedぐらいは使わせて欲しい。 常識的に考えて欲しいだけなんです！ DOM準拠でなかった時の恥ずかしさとか分かる？ あのね？たとえば週末10〜20人ぐらいのKanasan.JSとか行くでしょ？ それぞれ自分のパソコンとか持って来るわけじゃない？ みんな普通にFirefoxやSafariやOperaやChromeを使うでしょ？ IEでノコノコattachEventしてたら大恥かくでしょうがｗｗ
FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」
FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」 IEやsafari、Google Chromeではword-breakプロパティが実装されていますが、FirefoxやOperaではword-breakプロパティは実装されていません。 そこで、FirefoxとOperaでword-break:break-allを実現するJavaScriptライブラリ「wordBreak.js」を作成しました。 使い方 ダウンロードした「wordBreak.js」をhead要素などで読み込んでください。 <script type="text/javascript" src="./wordBreak.js"></script> word-break:break-allを利用したいtable要素のclass名に「wordBreak」というclass名を追
たった6行でWebサイトのUIをガラッと変える
「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Choose Opera - Spreading Opera goodness - Posts tagged by "Opera Tips".