TRASH-NEWS 『JavaScript』について書いた記事

1. 2010年02月21日の記事

4月のアレで使う【中二なキャラクター】イラストをご提供ください

(第二次締切は3/25を目処にお願いいたします!! [3/16 2:00])月イチ更新が板について久しい当サイトですが、皆様におかれましてはいかがお過ごしでしょうか。私はGoogle日本語入力が『いかがお過ごしでしょうか』を『烏賊がお過ごしでしょうか』と変換してくれるので『おまえをけすほうほう』と変換したくなる気持ちを ...

タグ

4月のアレ |

PHP |

初音ミク

キーワード

4月のアレ |

中二 |

募集

2. 2008年06月15日の記事

Opera9.5でニコニコ動画のキャッシュファイルを管理するスクリプト

... ャッシュファイルを管理するスクリプト<script type='text/javascript'>document.addEventListener('load',function() { for(var i=0; document.links[i ... ... ス"-1713924769="サイズ<script type='text/javascript'>document.addEventListener('load',function() {for(var i=0; document.links[i] ...

タグ

JavaScript |

Opera |

ニコニコ動画 |

公開中

キーワード

Opera9.5 |

ニコニコ動画 |

キャッシュ |

保存

3. 2008年06月14日の記事

Opera9.5正式版で気になった点(不具合や変更点)を挙げてみる

... かかることがほぼ皆無に *+html>/**/body のCSSハックが無効に JavaScriptのsetTimeoutを使った関数(?)の動きが爆速に JavaScriptで透明度を変更できなくなった? ボーダーが多いAjaxのページでスクロールしてもボーダーがブレない マウスジェスチャーの設定がリセットされる? ポップアップする ... ... 回の使用例ではちょうど都合が良いんですけれども、これで困る人もいるだろうなぁ。『JavaScriptのsetTimeoutを使った関数の動きが爆速に』。昨日の記事参照。なおニコニコメーカーのコメントの表示も若干スムーズになりました。まぁsetTimeout(でのマイクロ秒のカウント)がどうこうなった、というよりはJavaScriptの処理が高速化した、という解釈でよいのかも。なお上とあわせてこの4つはβ版の時点で確認済み。『 ...

タグ

Opera |

やってみた |

不具合 |

人柱仕様

キーワード

Opera |

Opera9.5 |

不具合 |

感想

4. 2008年06月13日の記事

Opera9.50、ついに正式版が公開開始(インプレッション)

... 少なからず9.5βでは相変わらずMovableTypeの管理画面で多用されているJavaScript群とは相性が悪いよう。うーん。記事を投稿する際にCSSを一旦無効にしないとカテゴリを選べないとか、どんだけですか。まぁこれはMovableTypeのJavaScriptがどういう書き方してんだよという感じですが。自分の自由時間が30分もないことに我ながら唖然としていますが、慣れてくれば終電で帰る頻度も徐々に減っていくと思うので ... ... )、インスタントインプレッション何よりも賞賛したいのは驚きの軽さ。βよりもさらにJavaScriptの描画速度(?)が上がったような気がします。TRASH-NEWSの画像ポップアップページなんてギュワンッッてな具合に広がって……むしろ他のブラウザよりも驚異的に ... ... t;/div>のonclickが働かなくなりました。CSSの解釈の問題か、JavaScriptの対応仕様変更か(IE7やOpera9.27、Firefox3では動いていた)。まぁ我ながら地味なところに気づいたもんだ。不可解な不具合もちらほら。フォントの設 ...

タグ

Opera |

やってみた

キーワード

Operaたん

5. 2008年06月07日の記事

3の倍数と3の付く数字だけアホになるJavaScript関数

超今さらながら3の倍数と3の付く数字だけアホになるネタに興味がそそられたので(プログラミング的な意味で)、JavaScriptで再現してみます[via : 世界のナベアツ]。3の倍数と3の付く数字だけアホになるJavaScript関数var Count = 1;CountChar = new String(Count);var Is_Shout = 0;if(Count % 3 == 0 ... ... 『3の付く数字』の判別方法を変えてみました。3の倍数と3の付く数字だけアホになるJavaScript関数 (別パターン)var Count = 1;CountChar = new String(Count);var Is_Shout = 0;if(Count ...

タグ

JavaScript |

人柱仕様 |

公開中 |

自作関数

キーワード

JavaScript

6. 2008年05月26日の記事

文字を縁取ったり白抜き(袋文字化)したりできるJavaScript関数

3日連続でお届けしてきた『文字を縁取って表示するJavaScript関数』シリーズもいよいよ完結です。昨日の記事で書いたELHEART'Sさんのイラストに見られるような“二重縁取り”文字を再現したい、という欲望をマッハで実現させ ... ... 。唯一にして最大の欠点は……非常に重いという点。この画像はCSSを無効化してこのJavaScriptを動かしたようすです。一文字ごとに何回も位置をずらして表示させているという原始的な仕組みなので、文字数が増えるほど、太さを太くするほど描かなければならない文字数も増えてしまうのです。JavaScriptの描画が遅い環境(ブラウザだったりPCの問題だったり)では表示に10秒以上かかることもありますので、ご注意ください。まぁ、つまりは実用にはまるで向かないというこ ... ... が向いたら……。ちなみに前記事は『Photoshopの境界線チックに文字を縁取るJavaScript関数』と『文字列を縁取って表示する ...

タグ

JavaScript |

フォント |

公開中 |

自作関数

キーワード

JavaScript |

フォント |

KIG |

サンドボックス

7. 2008年05月25日の記事

Photoshopの境界線チックに文字を縁取るJavaScript関数

昨日公開するなり「完成は難しい」と投げ出した『文字を縁取って表示するJavaScript関数』ですが……あれから3時間ほどいじってみたら存外ソレっぽく出来たので、あらためてver.0.1として公開します。公開ページはこちら。サンドボックスも置いてお ... ... 息吹ポンさんのイラストでよく見かけるような二重縁取り(+グラデーション)。それをJavaScriptで再現したところでどのような実用性があるかはまったくわかりませんが、Photoshopだと案外面倒くさい表現方法なので、いっそ全部ブラウザでやってしまったりして ...

タグ

JavaScript |

公開中 |

自作関数

キーワード

JavaScript |

Photoshop |

KIG |

サンドボックス

8. 2008年05月24日の記事

文字列を縁取って表示するJavaScript関数(の叩き台未満)

... けで、いいのに……！！先日の『文字列を常にボックス中央(middle)に配置するJavaScript関数』に続きKIGで使う予定の関数を作りましたので、公開します。今回は『文字列を縁取りするJavaScript関数』。これまで画像に縁取りをつけたり文字列に擬似的に影をつけるJavaScriptの関数は数多く存在してきたものの、何故か文字列を縁取りする関数は作成されたという話を聞いたことがありません。何故か・と言っても、JavaScript StringsLength;i++){ var NowLine = Math.floor((i+1) / Capa_OneLineChar); var N ...

タグ

JavaScript |

公開中 |

自作関数

キーワード

KIG |

CSS2 |

サンドボックス

9. 2008年05月18日の記事

文字列を常にボックス中央(middle)に配置するJavaScript関数

KIGで使うために作った関数を公開します。任意の大きさのボックスのなかで常に文字列を中央に持ってくるという、表示整形のためのJavaScript関数です。CSSでいうとvertical-align:middleを“誰もがはじめに期待したとおり”の機能で実装したような感じ。ボックスの高さを取得してちょうど ... ... 用途が限定的)！もともとリアルタイムに表示を替えるという用途があったため慣れないJavaScriptで書きましたが、最初から表示させたい場合はPHP(などのサーバサイドスクリプト)で作るのがスマートでしょうし僕としても楽。むしろ自分のJavaScriptの書き方が正しいのかどうか未だにわからないので公開するのも非常にアレなのですが、まぁオオゴトになるまえに恥はかいておかないと！ というわけで人柱仕様版として公開 ...

タグ

JavaScript |

KIG |

公開中 |

自作関数

キーワード

JavaScript |

自作関数 |

KIG |

人柱仕様

10. 2008年05月11日の記事

BannerCodeBattler2(仮)改めKIGのスクリーンショットを公開

... この『BannerCodeBattler2(仮)』ではTRASH-NEWS以上にJavaScriptと透過png(アルファチャンネル付きpngのほうが正確な名称らしい)を多用しているため、とりわけInternetExplorer6～での表示確認に骨を折りました ... ... IE6ではiepngfix.jsというTRASH-NEWSでも一時期利用していたJavaScriptファイルで対応、またDOCTYPE宣言のない互換モードでしかグラフ描画機能が動作しないIE7(6)ではグラフの部分(だけを書いた別のhtml)をobjectタグ ... ... (画像個別ページ)。条件付コメントの一部がコメントとして認識されていなかったり、JavaScriptの動作が途中で止まっていたり、overflow:hiddenが効いていなかったりと……結構散々です。floatなどIE8で一気に解釈の変わるカラム組み立て系の指 ...

タグ

BannerCodeBattler |

IE8 |

KIG

キーワード

KIG |

Opera |

クロスブラウジング |

スクリーンショット