JavaScript

Gifアニメを作るChrome拡張Animated Gif Captureを公開しました

「Animated Gif Capture」というアニメーションGifを作るChrome拡張を公開しました。 Chromeに表示中のWebページをアニメーションGifに変換します。また、オプションページから設定を変更すると、デスクトップやChrome以外のウィンドウもアニメーションGifに…

HappyのPVを1時間で見る

合計24時間あるPharrell WilliamsのHappyのPVを1時間で見られる、24 Hours of Happy in an Hourというページを作りました。http://demouth.net/sketch/24hoursofhappy-inanhour/ 使い方 まず、Google Chromeがインストールされた、ある程度性能のいいデスク…

描画処理のパフォーマンス比較

canvasのcontext2dのarc()関数のパフォーマンス比較をしてみました。 ついでにActionScript3.0との比較もしてみました。単純に比較できないとは思いますがGraphics::drawCircle()を使用します。JavaScriptのソースはこんな感じ var stats=new Stats(); docum…

PHPでアニメーション画像を生成する

PHPにはGDモジュールという画像処理系のモジュールが用意されています。これが入っていると画像処理•図形描画系の関数が使用する事ができ、基本的な機能は一通り用意されています。 例えばさくらのレンタルサーバーやロリポップでもこれらの関数を標準で使え…

PHPのmb_strwidth()とmb_strimwidth()をJavaScriptで実装する

PHPのmb_strwidth()関数とmb_strimwidth()関数をJavaScriptで移植してみました。あまり動作確認してませんが、どうやらそれっぽく動いているようなので公開します。 mb_strwidth() int mb_strwidth ( string $str [, string $encoding ] )文字列 str の幅を…

いろんなサイトの文字を崩壊させる

いろんなサイトの文字をマウスオーバーで崩壊させる事ができるブックマークレットを作成して見ました。下記の「ブックマークレット」というリンクをブックマークに追加して、いろんなサイトで実行してみよう! いろんなサイトで実行してみる Yahoo!JAPANで寺…

javascriptでアスキーアート生成

javascriptでこんなアスキーアートを自動的に生成できないかな、と考えて2つの実装方法を試して見ました。 実装方法1 まず実装が簡単そうな1ドット1文字で、等幅フォントを使用する方法を試して見ました。 この実装は、 var master = [ ["$","M","@"], ["M",…

PHPでWebSocket

去年PHPで実装するWebSocketサーバーについて書きましたが、ブラウザのバージョンが上がり、内容が古くなってきたので、2012年1月2日今現在のブラウザで動くよう改めて書いてみようと思います。前回とブラウザ以外は変わりませんが、今回はこんな環境で動か…

TwitterとFoursquareの投稿座標を地図っぽく表示してみる

先日「御当地ねっと」というサイトを公開しました。 http://gotouchi.net/ このサイトはTwitterの位置情報付きのTweetと、FoursquareのTipsを都道府県ごとに集計し、表示するサイトです。 今回はこのサイトで集めた位置情報をもとにHTML5のCanvasに図形を描…

都道府県別の今をまとめたサイト「御当地ねっと」を作りました。

この度の東日本大震災の被害に遭われた皆さまに、心よりお見舞い申し上げます。 被災地の方の無事を祈っております。 都道府県別に、TwitterとFoursquareの投稿をまとめたサイトを作ってみました。 私の実家は岩手です。 地元からのツイートをまとめて閲覧で…

公式位置情報を付与してツイート出来るサービス「今ココtweet!」をリリースしました。

Twitter APIの勉強がてら、ちょっとしたサービスを作ってみました。 http://imacoco.demouth.net/ 公式位置情報を付与してTwitterへ投稿出来るサービスで、名前を「今ココtweet!」と命名しました。 Twitter公式サイトではブラウザから位置情報を投稿する際…

さくらのVPSとPHPでWebSocketをサクっと勉強してみる

2012年1月2日 追記 最新のブラウザに対応したバージョンの記事を書きました。 今回はWebSocketの勉強をしてみます。 とりあえずサクっと動かしてみる事を目的としていますので、あまり細かい事は気にせずに行きたいと思います。 概要 さくらのVPSとPHP5.3でW…