イカ娘変換ブックマークレット - inajob's blog
以前、狼と香辛料のホロの喋る言葉に変換するものを作っていたので、そいつを改良した。 しかしイカ とゲソの使い分けがいまいち分からず、何度か変更を加えた。 イカ は wikipediaの文などでは使われないが Yahoo知恵袋の文章などに適応すると現れると思う。 是非試してくれでゲソ！ ■ 以下の文字列を 変換したいページを表示しているブラウザのアドレスバーにコピー&貼り付け して エンター！ javascript:(function(){var%20s=document.createElement('script');s.charset='UTF-8';s.src="http://inajob.no-ip.org/dev/bm/ika.js";document.body.appendChild(s)}()) もともと作っていた全部無駄ブックマークレット ホロ語ブックマークレット 最近力を入
JavaScript+HTML5で作られたゲーム「Canvas Rider」が面白い - 強火で進め
Canvas Rider http://canvasrider.com/ 「Canvas Rider」は手描きの絵をMTBのコースしたゲームです。 こちらのベットルームをコースに見立てたものは難易度が高めでお勧めです。 Canvas Rider - 3D Bedroom by moose_man http://canvasrider.com/tracks/29472 操作方法はこちら。一度、ゲーム画面をクリックしてフォーカスを当ててからキー入力をして下さい。 enterキー : リトライ カーソルキー : アクセル/ブレーキと体重移動 Bキー : バイクの種類を変更 Fキー : フルスクリーン Zキー : 進行方向の変更ｚ スクロール : 画面の拡大・縮小サイトの上部に有るタブで全てのコースの中からやランダムにコースを選択する事が出来ます。
jsCoder
alert('Hello World!'); // to execute your code tap // on "RUN" on the bottom right // start typing a keyword and tap // "COMPLETE" right next to "RUN" // to autocomplete the word
とあるjavascriptの画像生成
元ネタ：とある櫻花の画像生成、とある画像の自動生成<ジェネレータ> HTML5のcanvasを使ってやっつけ仕事。グラデーションは面倒なのでやめた。SilverLightやサーバーサイドは、もはや過去の遺物である。これからはクライアントサイドのみで、これぐらいやるのが当たり前になるべきだ。フィード経由で閲覧している人は、ご面倒ではございますが、直接見ていただいくようお願いいたします。 主要ブラウザでテストしてみた結果。 Chrome, Safari: 完璧 Firefox: なぜか@ＭＳ ゴシックが意図通りに描画されない。 Opera: canvasの文字列描画をサポートしていない。 IE: えーと……とりあえずお前はカエレ。 グラデーションは、思いのほか簡単だった。 Anonymous said... 私はWindowsでSafari 4を使っていますが、振り仮名（インデックス）の部分が
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
EmacsでJSを書きながらGoogle標準の書き方をしてるかチェックしよう！ - Keep on moving
GoogleがJavaScriptコーディングガイドを公開しました。 このガイドに従った開発を支援してくれる文法チェックツールのClosure Linterを公開してます。 コマンドラインから使うツールなんですが、できたらEmacsでリアルタイムに文法チェックをしてくれるといいなとずっと思ってました。自力で書いてしまおうかと思ったのですがGitHubで検索したらすでに公開している人がいるじゃないですか！早速使ったら便利でしたので導入の仕方を自分用にまとめます。 参考 Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 「Google JavaScript Style Guide」に沿ってチェックしてくれる、グーグル製JavaScript文法チェッカー － Publickey flymakeの説明 Emacs
Box2DJS - Physics Engine for JavaScript
Left-click to create an object. Right-click to show next example. What's this Box2DJS is a JavaScript port of Box2D Physics Engine. To tell the truth, this is converted from Box2DFlashAS3_1.4.3.1 in an automatic manner. (The reason why not Box2DFlashAS3_2.0.0 based is simply because I overlooked the renewal.) How to use Download a zip file and extract it. Copy js/ and lib/ directories from the ext
CanvasタグとJavaScriptで3Dのデモを作ってみました | ClockMaker Blog
HTML5というわけではないですが、CavasタグとJavaScriptを使って3Dのデモを作ってみました。 デモを見る ソースコード (［右クリック］→［ソースを見る］を選択) こういうのを見れば「HTML5すごい、Flashいらない」と思う人もいるかもですが、冷静にファーストインプレッションを。同じものを以前Flashで実装したことがありますが（Papervision3D演出サンプルNo.01:羽ばたく蝶々）、両者のデモを比較することでメリット・デメリットが見えてきます。 ＜追記：2013年9月3日＞ Three.jsの最新版rev 60にアップデートしてみました。3年前に作成したときはrev 17だったのですが、別物のライブラリと言わんばかりにほとんどAPIが変わってしまっています。ちなみにTypeScriptで書きなおしています。 デモを見る ソースコード (TypeScript)
audioタグでリズムマシン作った - hitode909の日記
HTML909っていうリズムマシンを作った． チェックボックスをぽちぽちすると，音が鳴ったりする． HTML909 audioタグをタイミングよく鳴らすのが難しいようで，環境によって挙動が変わっておもしろい． Safariだとうまく動く． Firefoxだと，この前まではいい感じだったけど，この前バージョンが上がってから，音がよれよれになるようになった． Google Chromeでは音が出ない． そのうち，ブラウザのバージョンが上がったら，ましになると思う． 音は，TR909-all.zipみたいなやつを拾ってきて使ってる． ここで配ってた． Music Machines: Roland TR-909 wavファイルはGAEに置いてるのだけど，app.yamlで，mime typeを指定しないと，audioタグで再生できなかった． こんな感じに，mime typeを指定する． - url
構造化テキストの間違ったエスケープ手法について : 404 Blog Not Found
2010年09月22日21:30 カテゴリLightweight Languages 構造化テキストの間違ったエスケープ手法について 昨晩のtwitter XSS祭りは、ふだんもtwitter.comは使わない私には遠くの祭り囃子だったのですが、せっかくの自戒の機会なので。 Kazuho@Cybozu Labs: (Twitter の XSS 脆弱性に関連して) 構造化テキストの正しいエスケープ手法について 正しいアプローチは、全てのルールを同時に適用することです。 これは残念ながら(おそらく)必要条件であっても十分条件ではありません。 こういう(かなりええかげんな)正規表現でtweetをparseしていたとします。 re_http = '(?:https?://[\\x21-\\x7e]+)'; re_user = '(?:[@][0-9A-Za-z_]{1,15})'; re_hash
JavaScriptで，オブジェクトやクラスの初歩を理解しているか，実力を確かめるための７つの質問 （サンプルコード付き） - 主に言語とシステム開発に関して
スキルチェックの目次へ JavaScriptはオブジェクト指向のスクリプト言語。 オブジェクトやクラスの扱い方の基礎を理解していない場合，開発の戦力にならない。 JavaScriptの業務スキルレベル 判別表 （５段階） http://language-and-engineering.hatenablog.jp/entry/20100111/p1 初級者を脱した段階（ノーマルレベル）に求められる項目： 「JavaScriptで，プロトタイプベースのOOPができる。」 つまり，オブジェクトの扱いがわからなければ，まだ入門書を読み進めていく段階である。 せめて，以下の７つの質問に答えられるようになろう。 （１）関数呼び出し時にnewを付けるのと付けないのでは， 関数内のthisにどのような違いが生じるか。 関数の呼び方・とらえ方にどのような違いが生じるか。 （２）クラスのインスタンスを生成する
InDesignで配置実行前にデフォルトの文字スタイルを［なし］にする（CS3〜） - chalcedony_htnの日記
お久しぶりですこんばんは。主にやる気の問題でご無沙汰しておりました。 InDesignのタグ付きテキスト配置にありがちなこと タグ付きテキストを［配置］で流し込むとき、タグで指定していないはずのスタイルが適用されてしまうことがあります。デフォルト状態（アプリケーション上で何も選択していない状態）のときにパネルで選んでおいたスタイルが、タグでスタイルを明示していない部分のテキストに適用されるためです。 うまく使えば便利なときもあるかもしれませんが、うっかりやらかしたときはがっくり来ますorz ……ありがちとか言ったけど、私だけだったらどうしよう。まあいい。 うっかり防止隊をつくろう というわけで、やらかしそうになったときにInDesignが防止してくれるスクリプトを作りました。 具体的には、［配置］を（メニューからでも、ショートカットからでも）実行するときに、デフォルトの文字スタイルを［なし
JavaScript のクロージャ と オブジェクト指向
1. JavaScript における重要な概念 久しぶりに JavaScrip を書こうと思ったら、ほとんど頭の中から抜けている。 (+_+) this とか prototype って何だっけ？というレベル。てゆうか考えてみたら、その辺読んだけど何かごちゃごちゃしていて頭に入らなったので面倒くさくなって言語仕様読むのやめたんだった。 ^^; シンプルなもの以外理解も記憶もできない。 ところで、以前に JavaScript のコードを書くときに参考にした本は、 JavaScript に関する本は、これしかまともに読んだことがない。 特に以下の部分が、JavaScript を使う上で参考になった。 3.9 グローバル領域の利用を減らす, p28 4.10 クロージャ, p43 5.2 オブジェクト指定子, p57 5.4 関数型, p59 上記の内容を思い出すために、例を考えながら、
setTimeoutのメソッドチェーンとループ時の利便性向上について - 三等兵
ppBlog official これは私も以前悩みました。もう解決したとは思いますがいろいろやってみます。 コードを拝借。 var foo = function(){}; // 関数オブジェクトを作成 foo.prototype = { // プロトタイプを設定 say : function(s){ alert(s); return this; }, await : function(ms){ // ここで遅延処理をゴニョゴニョしたい // var _this = this; // setTimeout(function(){ // return _this; # まぁ、これはダメだけど、こんな感じでやれたらいい // }, ms); return this; } } var bar = new foo(); bar.await(2000).say("Hello"); // すぐに「Hel
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
間違ったJavaScriptとFlashの使い分け
なると @narutohyper どっちが良いではなく、状況で使い分ける RT @Quarter4Nori: RT @TopsyRT: FlashとjQuery どちらで実装するか決める際の重要なファクター http://bit.ly/cFrBnd 2010-08-09 10:37:08 尾野（しっぽ） @tail_y 今coliss見てたら、「HTML5とFlashの議論が活発で、Flash vs JavaScriptの話題は少し失われていました」って文章があったんだけど、ここで言うHTML5はJS含んでるじゃないの？JSを除いたHTML5とFlashの議論なんかあるの？ 2010-08-10 01:45:38
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
bizcaz.com
https://liuliu.me/detect/detect.html
Wonder-boys.net