HTML5で動くアスキーアートな動画プレーヤーを作った

http://setchi.jp/moziplayer/ドラッグ&ドロップされた動画ファイルや、インカメラの映像をテキストアートで再生するwebアプリを作って遊んでました。 UIとか色々手抜きですが一応動きます。一番右のつまみで解像度を調節できます。 Chrome/Firefoxで動作確…

【JavaScript】他の画面を見ていることを検知する

チャットアプリで、ユーザーが他の画面を見ている(と思われる)ときにチャットが来た場合に通知をしたかった時のメモです。それらしい資料が見当たらなかったので、ページが描画されていないときのrequestAnimationFrameとsetTimeoutの挙動の違いを利用して強…

プログラミング言語の拡張子一覧

拡張子からプログラミング言語を判定する場面があったのでメモ。 表記ミスや漏れがあったら指摘していただけると幸いです。 言語 拡張子 ABAP .abp ActionScript .as C .c C++ .cpp COBOL .cobol CoffeeScript .coffee C# .cs CSS .css Clojure .clj D .d Da…

MoziMovieアップデート

大したアプリじゃないですが、とりあえずβ版卒業させました('_')以下β版からの変更点です 大幅に軽量化して、以前よりヌルヌル動きます。 ブラウザのサイズに合わせてプレーヤーのサイズが最適化されます。 リピート再生機能を追加しました。 Firefoxに対応…

JavaScriptで文字列を圧縮する

jsで文字列を圧縮する方法を探していたらこんなページを見つけました。 javascript - でデータを圧縮/伸張する これを使えば良いやと思っていたら、あるデータパターンで上手く復元できないことがありました。 とりあえず JavaScript文字列(UTF-16)をUTF8化 …

AA動画をブラウザで再生できる【MoziMovie】作りました。

暇つぶしに、ブラウザ上でアスキーアート動画を再生できる【MoziMovie】というサイトを作りました。 ブラウザはGoogleChromeのみ対応、スマホ未対応です。MoziMovie | http://setchi.jp/mozimovie/

【コーデュート!】OCamlに対応しました。

伝えたいことがタイトルで完結してますが、OCamlに対応しました。 Hello, World!とクイックソートを追加してあります。文法的に省略可能な空白文字云々は全く調整してないので、もし「省いたらダメな空白が飛ばして打てる」や、その逆があったら報告していた…

CSS3のcubic-bezierの書き方でjQueryのeasingを生成する

CSS3のアニメーションでtiming-functionを指定する際のcubic-bezier関数がありますが、 同じ書き方でjQueryのanimatinoのeasingを生成してくれるプラグインがありました!https://github.com/rdallasgray/bez translation-timing-function: cubic-bezier(0.0…

【コーデュート!】コード一覧でランキングの順位を表示

ユーザーからの要望により、コード一覧の中でランキング登録済みのものに、本人の順位を表示する機能を追加しました。 確かにこれは便利や! 一人で作っていると隅々まで気配りが行き届かないことが多いので、実際に使った人からの声はかなり参考になります…

【コーデュート!】レーティングの計算式

現在レーティングは下記の式で求めています。本人の平均スコア × SQRT(ポイントの合計)ポイントとは、各ランキングの順位を反転させたものです。 10人参加しているランキングで、2位の人のポイントは「9」になります。式はあんまり深い所まで考えられなかっ…