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」になります。式はあんまり深い所まで考えられなかっ…

【コーデュート!】2013/10/10の変更点

【変更点】 ゲームスタートのトリガを「スペースキー」から「コードの最初の文字」に変更しました。スピードやミス率の計測はコードの2文字目からになります。 【新機能】 結果画面でツイートボタンを押すと、結果をツイートできるようにしました。 ※いいね…

【コーデュート!】2013/10/09の変更点

前回の記事からの変更点です。 【修正】 結果画面でランキング登録ボタンが押せなくなるバグを修正しました。 非公開コードの記録が総合ランキングに反映されていた不具合を修正しました。 【新機能】 C言語に対応しました。HelloWorldも追加 https://codeut…

【コーデュート!】総合ランキングを実装しました

全ランキングと言語別ランキングを集計した総合ランキングを実装しました!今のところ、コード毎の 本人の順位 本人のスコア ランキング参加人数 の3つの値をもとに総合スコアを集計しています。総合スコアは、多くのランキングに登録してコツコツと増やすこ…

【コーデュート!】ESCキーでのリトライ機能を実装しました

以前から要望にあがっていたESCキーでのリプレイ機能をちゃんと実装しました。 ESCを押すと、リロードせずにプレイ前の状態に戻ります!実装に時間がかかってたのは、自分が2ヶ月前に書いたコードを読み解けなかったからです(汗 暇つぶしに遊んでみて下さい…

【コーデュート!】今日の修正&変更点

送っていただいた要望を参考にして、細々とした修正を行いました。【結果画面】 ヒートマップ上の空白文字(打った文字のみ)を可視化 ミスした文字をヒートマップ上で可視化 グラフにタイプ速度のペース(1分あたりのタイプ数)を追加 【その他】 Ctrl+Sでキー…

Webアプリ「コーデュート!」をリリースしました。

書いたコードをタイピングゲームにしてシェアできるWebアプリ「コーデュート!」をリリースしました。 ネタ要素が強いですが、よかったら遊んでみて下さい!Codeute! | https://codeute.com/

【FuelPHP】 minifyしたHTMLをデータベースにキャッシュする

前回FuelPHPからHTMLをminifyして出力するメモをしましたが、 圧縮処理に時間がかかっているようだったので、圧縮した結果をデータベースにキャッシュすることにしました。 【条件】 ボトルネックになっているのは、HTMLの圧縮処理そのもの 同じURLでも、ユ…

【FuelPHP】HTMLをminifyして出力する

PHPでHTMLのminifyが出来るhtml-minifierというものがありました。 これをFuelPHPから使ったのでメモ。まずはconposerでhtml-minifierをダウンロードします。 下記を記述したconposer.jsonを作成 { "require": { "zaininnari/html-minifier": "*" } }インス…

PHPでJSONを連想配列にパースする

PHPのjson_decodeの第二引数を知らなかったのでメモ! 第二引数には、戻り値の形式を決めるフラグを指定できます。 $dec_obj = json_decode($json); // 結果をオブジェクトで返す $dec_arr = json_decode($json, true); // 結果を連想配列で返す $res_obj = …

バーチャルキーボードの操作

こんぬづわ。今日は、今作っている「書いたコードをタイピングゲームにして遊べる」Webアプリの中のバーチャルキーボードについてです。 もしかしたらCanvasとかで実装した方がよかったのかもしれませんが、とりあえずHTML&CSSで出来ています。 シフトキー…

('_')

さっそく2ヶ月間放置されたブログ… 今、「書いたコードをタイピングゲームにして遊べる」というWebアプリを作っています。文法に関係のない空白文字は飛ばして入力できるという特徴があります。 僕がプログラミングを練習し始めた時に一番ネックだったのはタ…

ブログはじめました。

始めまして、こんにちは。 ブログ始めました。なるべく更新します。 技術的なことを書いていくと思います。 まずは1年続くようにがんばる。