CROSS BORDERSのネタ帳
ヤオロズの神様に話を聞いてみる（Twitterで）10 月 27th, 2009 | 技術家庭の時間 | written by kai
こんにちは。
XBSのトイレ係兼エンジニアの甲斐と申します。
アニミズムという言葉があります。
Wikipediaによると、「生物・無機物を問わないすべてのものの中に霊魂、もしくは霊が宿っているという考え方」だそうです。
元来日本においては、身の回りのあらゆるものに神様がいると信じられています。
それは大きな岩や木のようなシンボリックな自然物から、人形や縫い針といった生活の中の人工物に至るまで様々です。
子供の頃にこういうトラウマ系番組を見せられ続けたトイレ係の私、ちょっと会社のトイレの神様にもお話を聞いてみたくなりました。
で、神様の発言を聞けるシステムを作ってみました↓。
どうも恥ずかしがり屋の神様のようで、まだシンプルなことしか語ってくれませんが、これから発言内容が充実していく予定のようです。
という前置きはさておいて、本日はTwitterを用いた万物擬人化システムの提案です。
FlashもHTMLも画材の一つみたいなもの8 月 28th, 2009 | 技術家庭の時間 | written by kai
CROSS BORDERSのサイトリニューアルにあたりコーディングを担当した者です。
今回のリニューアルにあたっては、ほとんどサーバ側のプログラムを書いていません。
ほぼ既存のCROSS STEPの機能をそのまま使っています。
CROSS STEPはその内部で「ドキュメント構造」と「スタイル」とを明確に独立させて管理しています。通常はそのドキュメント構造をHTMLに変形して表示させているのを、今回はたまたまFlashで描画しているに過ぎません。
Flashで作られたサイトは見栄えもよく、HTMLで実現できない表現を行うことが出来ますが、「更新性」という点においてはHTMLに比べかなり劣っています。そのため何かちょっとした更新（ニュースの追加等）が発生するたびにデザイナーがSWFを作り直している、というサイトもまだまだあると聞きます。
そんな問題に対する一つの解として今回のサイトリニューアルを行いました。
Flashを扱うことが出来ないスタッフでも、管理画面からチョチョイとコンテンツを追加すればすぐにFlash側にも反映される。見た目からはわかりにくいかもしれませんが、かなり汎用的に作ったつもりですので、同様のニーズをお持ちのお客さまにもCROSS STEPの使用例としてそのまま提案可能なものとなっています。
今回はたまたまFlashに書き出しましたが、同様の考え方により、「同じコンテンツを携帯用に変換して表示する」「同じコンテンツをメールで配信する」「同じコンテンツをFAXで自動的に送信する」「同じコンテンツを動画に変換してYoutubeにアップロードする」「同じコンテンツを歌にして（？）ボーカロイドに歌わせる」「同じコンテンツをプリントしたTシャツを作る」などなど、CMSの夢は広がります。
つまり、だから、えぇと、何を書いているのかよくわかりませんが、そんな感じで見ていただければ幸いです。
さらに褒めてもらえると、ちょっと嬉しいです。
（甲斐）
あけましておめでとうございます。1 月 1st, 2009 | 技術家庭の時間 | written by kai
あけましておめでとうございます。
正月なのでズバっと当てます。
あなたはこのエントリーをに見ていますね。
当たったでしょう？なんでもお見通しです。
ということは今年も残すところあとということになります。
早いものです。
今年も一日一日を大事に過ごしたいと思います。
本年もよろしくお願いいたします。
（甲斐）
30分くらいで何か作ろう／株価指数美10 月 29th, 2008 | 技術家庭の時間 | written by kai
こんにちは。
株価がブームのようです。
ニュースを見ても新聞を読んでも株価の話。
みなさん株価に夢中なようです。
流行に遅れまいと日経平均などを気にしてみるも、さっぱり意味がわかりません。
しょうがないのでせめて水墨画にでもしてみようと思いました。
過去３ヶ月間の株価を表示してみましたが、余計わからなくなりました。
30分くらいで何か作ろう／業務用ブラウザ10 月 6th, 2008 | 技術家庭の時間 | written by kai
こんにちは。
ここ数回どうでもいいものばかり作っていたので、今日はまじめな顔をして業務用のブラウザを作ります。
というのも、業務の関係上とある ページを監視する必要が出てきたからです。
監視の内容は
というものです。実にまじめな話です。えぇ。
といっても他にも仕事がありますので、 ずっとそのページを手動リロードし続けるわけにはいきません。
そこで、今回はページの内容を監視し続けるブラウザを作ってみることにします。
（このブラウザの非常に有用な利用方法は文末に）
30分くらいで何か作ろう／30分で夏の思い出を作る8 月 21st, 2008 | 技術家庭の時間 | written by kai
こんにちは。
気づいたら８月も２１日。
バケーションから戻った同僚を見て切なくなる今日この頃ですが、このままではパソコンのモニターの前で大事な３０歳の夏を終えてしまいそうです。
これではいけません。
ということで、きっかり３０分で夏の思い出を作ることにしました。
用意するものは、
１：生白い腕
陽にあたっていないプログラマーの腕がちょうどよいです。
２： 弊社のロゴを切りぬいたシール
素材は製本テープなどがちょうどいいようです。
用意が出来ましたら、シールを腕の適当な位置に貼りまして、弊社の屋上で「きっかり３０分」８月の炎天下にさらされます。
すごく暑いですが、夏の思い出なので我慢します。
３０分たちましたら、シールをはがしてみましょう。
どうなったでしょうか。
30分くらいで何か作ろう／社長、社員食堂作ってください。8 月 4th, 2008 | XBS, 技術家庭の時間 | written by kai
こんにちは。
身内ネタで申し訳ないのですが、弊社の社長が今月１日をもちまして変わりましたので、記念にこんなものを作ってみました。
えぇ。特に何の意味もありません。やってみたかっただけです（社長ごめんなさい）。
30分くらいで何か作ろう／ここだけ1978年ブックマークレット7 月 7th, 2008 | 技術家庭の時間 | written by kai
こんにちは。
つい先日３０歳になりました。
ところで、私が生まれた1978年とはいったいどういう年だったのでしょうか。
俄然1978年に興味がわいてきました。
が、いかんせん自分は０歳で当時のことをよく覚えていませんので、何でも知ってるインターネット先生に教えてもらうことにしました。
まずは適当なサイトをブラウザで開きます（いまどきなＩＴ系が望ましいです）。
次に、そのページを開いているブラウザのアドレス欄に、以下の謎の文字列をコピペしして、エンターキーを押すと。
javascript:(function(){ var u="http://www.xbs.co.jp/PJ/blog_resource/20080707/go1978.js" ; var d=document;var s=d.createElement('script'); s.charset="UTF-8"; s.src=u;d.body.appendChild(s); })()
あら不思議、1978年の流行語や文化に埋め尽くされたページに！！
というわけで今日は何の役にも立たないブックマークレットを作りました。
が、特に技術的に新しいこともありませんので、解説は省略します。
興味のある方はソースコードをダウンロードしてみてください。かなり力技ですが、いろいろJavascriptのエッセンスが入り混じっていて面白いと思います。
実際、便利なツールを作る時よりもくだらないものを作るときのほうが、技術的には身に付く気がします。
＊今回ブックマークレットに関してこちらのページ等を参考にさせていただきました。
＊１９７８年に関する情報はこのへんやこのへんを参考に。。
＊実際どんな年だったんでしょうか？＞リアルに当時のことを覚えているみなさま。
（甲斐）
30分くらいで何か作ろう／ブラウザの中心でアイを叫ぶ6 月 17th, 2008 | 技術家庭の時間 | written by kai
こんにちは。
愛が足りないと言われるここ最近の世の中です（僕だけでしょうか）。
せめてブラウザにくらいアイを語っていただきたい。
ということで、語っていただきましょう。
こういうものです。
動作にはFlashPlayer9が必要です。
黒い部分を左から順番にクリックしてみてください。
聞こえましたか？聞こえましたよね！？
「アイウエオ」と！
（聞こえない場合は目を閉じて頑張って聞いてみてください）
というわけで、今日は前回に引き続き、popforgeを使ってFlash内部で音を発生してみましょう。
30分くらいで何か作ろう／もしも楽器が弾けたなら（ブラウザで）5 月 27th, 2008 | 技術家庭の時間 | written by kai
こんにちは。
蒸し暑くなってきました。
こんな時期は夜更かしして、一人楽器でも弾いていたいと思いませんか。
だけど僕にはピアノが無い。
じゃ、作りましょう。
ということで、今日はブラウザ上で音が出るものを作ってみましょう。
こういうものです。
動作にはFlashPlayer9が必要です。
上の黒い部分をクリックしてみてください。音が鳴り始めます。
で、その上でマウスを動かすと、音が変わります。
もう一回クリックすると、止まります。
このサンプルは、Flashで音声ファイルを再生しているわけではありません。
