静的サイトジェネレータHEXOを試したメモ

http://hexo.io/ ブログといえば動的生成が当たり前だと思ってたんですが、静的ファイルに生成してデプロイする手法もあるらしいです。静的サイトジェネレータにも色々あるんですが、普段良く使っているNode.js上で動くものにします。その中でGitHubスター数…

mixi Scrap Challenge 2014に参加した

11/16に行われたmixi主催のScrap Challenge 2014に参加してきました。 Scrap Challenge 2014 | 株式会社ミクシィ 学生向けエンジニアイベント 午前[セキュリティ概論] 午前中はWebセキュリティについて解説がありました。過去にmixiが実際に受けた攻撃につい…

ko-chaリニューアルしました。

手軽にコーディングチャットができるwebアプリ「ko-cha」をリニューアルしました。 前作は暇つぶしに数日で開発して色々と機能不足だったので、友達同士で使っている時に気になっていたところを今回のリニューアルで実装しました。 http://setchi.jp/ko-cha2…

【FileAPI, readAsText】JavaScriptで文字コードを判別して文字化けを倒す

HTML5で追加されたFileAPIで、ローカルファイルをJavaScriptで扱えるようになりました。ファイルの中身をテキストと見なして読み込むreadAsTextメソッドでは、第二引数で文字コードを指定できますが、そもそも文字コードが分からなかったり自動判別したいと…

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/