日本野望の会 » document http://yabooo.org いずれにせよITで世界征服をたくらむ悪の組織です。 Mon, 28 Dec 2009 14:30:41 +0000 http://wordpress.org/?v=2.8.3 ja hourly 1 入れ替えても読めちゃうツール http://yabooo.org/archives/217 http://yabooo.org/archives/217#comments Fri, 08 May 2009 17:37:55 +0000 http://www.yabooo.org/?p=217 どうも、おひさしぶりです。ひろきのだいちです。

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

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

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

どうやら、人間は

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

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

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

PLAIN TEXT
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

]]> http://yabooo.org/archives/217/feed 1 SBM研究会発表資料を公開します http://yabooo.org/archives/189 http://yabooo.org/archives/189#comments Fri, 05 Dec 2008 17:01:54 +0000 http://www.yabooo.org/?p=189 普通のやつらのメタを行け

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

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

あ、

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

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

普通のヤツらのメタを行け
View SlideShare presentation or Upload your own.

slideshare --

]]> http://yabooo.org/archives/189/feed 1 YAMLってたべれるの？ http://yabooo.org/archives/163 http://yabooo.org/archives/163#comments Thu, 13 Nov 2008 14:12:10 +0000 http://www.yabooo.org/?p=163 おひさしぶりです。へたれのこみや(pinkmac)です。
YAMLとは何かを今更知ったので、覚え書きしておきます。
折角なので他のデータ形式もいっしょに見直してみることにしました。

サンプルデータ on XML

PLAIN TEXT
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>ジ・Ｏ</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で書いてみたいと思います。

YAML

特徴

  • YAML Ain't Markup Language　の名が顕すようにマークアップ言語ではない
  • スキーマやDTDの概念がない
  • 利用可能な言語：　Java / JavaScript / Perl / PHP / Python / Ruby / XML/

基本的な記述法

  • インデントで階層構造を表現
  • インデントにはスペースのみ利用可能。タブは使用できません
  • 配列・ハッシュ・スカラーでデータを表現
  • 日本語の扱いに難あり？
  • 詳しくはYAMLの仕様をご参照あれ
PLAIN TEXT
RUBY:
  1. #Zガンダムの登場人物
  2. ##エゥーゴ
  3. aeug:
  4.   - kamille
  5.     name:Kamille Bidan
  6.     sex:men
  7.     ms:z-gundam
  8.   - quattro
  9.     name:Quattro Vageena
  10.     sex:men
  11.     ms:type-100
  12.  
  13. ##ティターンズ
  14. titans:
  15.   - scirocco
  16.     name:Paptimus Scirocco
  17.     sex:men
  18.     ms:THE-O
  19.   - sarah
  20.     name:Sarah Zabiarov
  21.     sex:women
  22.     ms:messala
  23.   - reccoa
  24.     name:Reccoa Londe
  25.     sex:women
  26.     ms:palace-athene
  27.  
  28. ##アクシズ
  29. axis:
  30.   - haman
  31.     name:Haman Karn
  32.     sex:women
  33.     ms:qubeley

インデントだけで記述するスタイルは非常にシンプルですね。

JSON

特徴

  • JavaScript Object Notation
  • YAMLの「フロースタイル」をさらにstrictにしたものがJSONにあたる (( …といって語弊はない…よね？ ))  (( 前述した、インデントを用いた記述方法は「ブロックスタイル」 ))
  • オブジェクトの内容は必ず連想配列
PLAIN TEXT
JavaScript:
  1. {
  2.   "zgundam": {
  3.     "organization": [
  4.       {
  5.         "name": "エゥーゴ",
  6.         "person": [
  7.           {
  8.             "name": "カミーユ・ビダン",
  9.             "sex": "men",
  10.             "MS": "Zガンダム"
  11.           },
  12.           {
  13.             "name": "クワトロ・バジーナ",
  14.             "sex": "men",
  15.             "MS": "百式"
  16.           }
  17.         ]
  18.       },
  19.       {
  20.         "name": "ティターンズ",
  21.         "person": [
  22.           {
  23.             "name": "ジェリド・メサ",
  24.             "sex": "men",
  25.             "MS": "マラサイ"
  26.           },
  27.           {
  28.             "name": "パプテマス・シロッコ",
  29.             "sex": "men",
  30.             "MS": "ジ・Ｏ"
  31.           },
  32.           {
  33.             "name": "サラ・ザビアロフ ",
  34.             "sex": "women",
  35.             "MS": "ボリノーク・サマーン"
  36.           },
  37.           {
  38.             "name": "レコア・ロンド",
  39.             "sex": "women",
  40.             "MS": "パラス・アテネ"
  41.           }
  42.         ]
  43.       },
  44.       {
  45.         "name": "アクシズ",
  46.         "person": {
  47.           "name": "ハマーン・カーン",
  48.           "sex": "men",
  49.           "MS": "キュベレイ"
  50.         }
  51.       }
  52.     ]
  53.   }
  54. }

もはや大分アタマがこんがらがってきましたが…
次の機会には各種実装からこれらを使ってみたいと思います。

]]> http://yabooo.org/archives/163/feed 0 再入門JavaScript　-目次- http://yabooo.org/archives/158 http://yabooo.org/archives/158#comments Tue, 28 Oct 2008 16:41:00 +0000 http://www.yabooo.org/?p=158 こんにちは、ひろきのだいちです。

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

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

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

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

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

再入門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　-　クロスドメイン通信方法と注意点
]]> http://yabooo.org/archives/158/feed 0 新年会LT資料第一弾 http://yabooo.org/archives/40 http://yabooo.org/archives/40#comments Wed, 23 Jan 2008 14:27:04 +0000 http://www.yabooo.org/archives/40 pinkmacです。
遅ればせながら新年会LTの資料 をぼちぼちアップしてまいります。

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


By rob

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

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


By rob

]]> http://yabooo.org/archives/40/feed 0