入れ替えても読めちゃうツール

Filed Under (Uncategorized, document) by on 09-05-2009

どうも、おひさしぶりです。ひろきのだいちです。

本日こんな記事を見つけて興奮したので、

http://www.asks.jp/users/hiro/59059.html

つい、やっちゃいました。

どうやら、人間は

390 名前:なまえをいれてください[sage] 投稿日:2009/05/08(金) 00:37:47 ID:Oqxr6eLt
こんちには みさなん おんげき ですか? わしたは げんき です。
この ぶんょしう は いりぎす の ケブンッリジ だがいく の けゅきんう の けっか
にんんげは たごんを にしんき する ときに その さしいょ と さいご の もさじえ あいてっれば
じばんゅん は めくちちゃゃ でも ちんゃと よめる という けゅきんう に もづいとて
わざと もじの じんばゅん を いかれえて あまりす。
どでうす? ちんゃと よゃちめう でしょ?

としても読めてしまうみたいなので、ツールというかプログラムにしました。

半角スペース区切りで、ひらがなを入力してください。
適当なので、\sのブラウザごとの違いは吸収してません。
あと、。や?なども一緒くたにシャッフルします。

JAVASCRIPT:
  1. var ShuffledText = Class.create({
  2.     initialize:function(option){
  3.         this.element = $(option.element);
  4.         this.trigger = option.trigger;
  5.         this.target  = $(option.target);
  6.        
  7.         this.element.observe(this.trigger,this.action.bind(this));
  8.     },
  9.     action : function(){
  10.         this.target.value=$A(this.target.value.split(/\s/)).map(function(elem){
  11.             var array = elem.split('');
  12.             var first = array.shift();
  13.             var last  = array.pop();
  14.             return [first,
  15.                 array.sortBy(Math.random),last].flatten().join('')
  16.         }).join(' ');
  17.     }
  18. });

いそいで書いたので、そんなにきれいじゃないんですが
ぜひ遊んでみてください。

追記:
ぐは、なんかもうやられてる
http://blog.livedoor.jp/dankogai/archives/51210157.html

SBM研究会発表資料を公開します

Filed Under (document) by on 06-12-2008

普通のやつらのメタを行け

パワポです。すこし長いので、はしょりながらやります。

普通に前半のほとんどはフロントエンドの技術を理解している人なら当たり前すぎる内容ですが、
研究会が比較的バックエンドよりなので、こういう話もやってもいいかなと。

あ、

野望イベント近日公開です。

興味のある方はぜひこちらのブログをチェックしてください。

slideshare --

YAMLってたべれるの?

Filed Under (document) by on 13-11-2008

おひさしぶりです。へたれのこみや(pinkmac)です。
YAMLとは何かを今更知ったので、覚え書きしておきます。
折角なので他のデータ形式もいっしょに見直してみることにしました。

サンプルデータ on XML

XML:
  1. <zgundam>
  2.     <organization name="エゥーゴ">
  3.         <person>
  4.             <name>カミーユ・ビダン</name>
  5.             <ms>Zガンダム</ms>
  6.         </person>
  7.         <person>
  8.             <name>クワトロ・バジーナ</name>
  9.             <ms>百式</ms>
  10.         </person>
  11.     </organization>
  12.     <organization name="ティターンズ">
  13.         <person>
  14.             <name>パプテマス・シロッコ</name>
  15.             <ms>ジ・O</ms>
  16.         </person>
  17.         <person>
  18.             <name>レコア・ロンド</name>
  19.             <ms>パラス・アテネ</ms>
  20.         </person>
  21.     </organization>
  22.     <organization name="アクシズ">
  23.         <person>
  24.             <name>ハマーン・カーン</name>
  25.             <ms>キュベレイ</ms>
  26.         </person>
  27.     </organization>
  28. </zgundam>

思いっきり偏ったサンプルで恐縮ですが、、
このデータ構造を、YAML、ついでにJSONで書いてみたいと思います。
Read the rest of this entry »

再入門JavaScript -目次-

Filed Under (article, document) by on 29-10-2008

こんにちは、ひろきのだいちです。

JavaScriptの再発見からさらに2年がたち、モダンなWeb開発では欠かせない存在となったJavaScript。さまざまなライブラリが乱立し、言語としての基礎を得ないままでもある程度のアプリケーション開発ができるようになった現在。

再入門JavaScriptと題して、中上級者を目指すために入門書を超えてじっくりとJavaScriptを学びなおすことが重要だと考え、ここを中心にまとめていきたいと思います。

ここで掲載するトピックは本当の基礎の基礎は他の媒体にゆだねた上で、「仕事でつかえる」レベルのコードを記述するために重要で比較的高度なものを取り扱うつもりです。

また、ここでいう仕事で使えるとは"多人数で開発を進める"ことを前提とした開発環境を想定しており、他サイトのAPIの使い方やライブラリの使用方法といった枝葉のリファレンスではありません。

また、ここに書かれていることはたいてい僕のメモなので、責任はもちませんw

再入門JavaScript -フロントエンドエンジニア資料集

再入門JavaScript -JavaScriptでの中大規模開発

  • 再入門JavaScript - コード成長過程
  • 再入門JavaScript - MarkupエンジニアとScriptエンジニア、サーバサイドエンジニアとの協調
  • 再入門JavaScript - グレースフルデグラデーション
  • 再入門JavaScript - MVCモデル
  • 再入門JavaScript -  クライアントサイドMVC
  • 再入門JavaScript -  デザインパターン

再入門JavaScript -名前空間とスコープ

再入門JavaScript -オブジェクト指向と関数オブジェクト

  • 再入門JavaScript - オブジェクトとプロトタイプチェーン
  • 再入門JavaScript - 継承・ダックタイピング
  • 再入門JavaScript - 引数アサーションと動的ヴァリデーション
  • 再入門JavaScript - 動的バインディング
  • 再入門JavaScript - ビルドインオブジェクトのプロトタイプ拡張

再入門JavaScript -DOM

  • 再入門JavaScript - イベントとバブリング
  • 再入門JavaScript - XHTML拡張
  • 再入門JavaScript - CSSの扱い

再入門JavaScript -DOM上のDSL

  • 再入門JavaScript - CSS Selector
  • 再入門JavaScript - XPath
  • 再入門JavaScript - E4X

再入門JavaScript -テストとドキュメンテーション

  • 再入門JavaScript - UnitTest
  • 再入門JavaScript -  Seleniumによる結合テスト
  • 再入門JavaScript -  JsDocによるドキュメンテーション

再入門JavaScript -パフォーマンス/高速化

  • 再入門JavaScript - プロファイリング
  • 再入門JavaScript - DOM描画フェーズ/タイマー
  • 再入門JavaScript - 事前コンパイルを利用した高速化
  • 再入門JavaScript - VMレベルでの動作を意識する
  • 再入門JavaScript - メモリリークとガーベジコレクタ
  • 再入門JavaScript - defer属性/script後置とminifier
  • 再入門JavaScript - 先読みと
  • 再入門JavaScript - Google Gears

再入門JavaScript -通信

  • 再入門JavaScript - クロスドメイン制約
  • 再入門JavaScript - 同一ドメイン通信
  • 再入門JavaScript - location.hashによるヒストリ管理
  • 再入門JavaScript - 通信の効率化とサーバサイド連携
  • 再入門JavaScript - クロスドメイン通信方法と注意点

新年会LT資料第一弾

Filed Under (document, event) by on 23-01-2008

pinkmacです。
遅ればせながら新年会LTの資料 をぼちぼちアップしてまいります。

pinkmacの謎が謎を呼ぶ所信表明演説。


By rob

pinkmacがエロヲタであることはよく伝わったのではないかと思う。
自己紹介が一部途切れているので、気になる方はダウンロードしてご覧ください。

事務局長ひろきのだいち氏のプレゼン資料。


By rob