terada99

技術トピック

2008年4月15日: Javascriptでマインスイーパをつくる(群雄割拠編)


カテゴリ:
  投稿者:

Javascriptでマインスイーパをつくる(群雄割拠編)ソリューション事業部テラダです。
Javascript。マイブームです。いえ、マイブームどころじゃないですね。
フロントラインでは業界的に一大センセーションの大ロングセラーです。
特にAPIを利用したマッシュアップコンテンツなんかでは必需品ですよね。APIに限らずブログなどのCMSが吐き出すフィードを利用して、リッチなインターフェースも当たり前になりつつあるのかもしれません。
ということで自由にインターフェースづくりが出来るようにと、遅ればせながら最近Javascriptの勉強を始めたわけですが、楽しい!
非プログラマな僕でもprototype.jsやjqueryなどを始めとするライブラリも日本語ドキュメントと共に充実してきたので、いつでもどこでも楽しく勉強が始められます。
今回はプログラミングの練習にはゲームをつくるのがイイ(と勝手に思ってる)ので、みんな大好きマインスイーパを作ってみました。

ええと、そうですよね。いろいろ足りてないんですよね。というかマインスイーパと呼ぶのはマズイ感じです。第6感スイーパとでもしておきましょうか。
何事も晒さないことには上達しないということで、次回機会があれば、完成版を披露したいと思いますが、現在つまづいているのは(コードがヒドイ!というのは置いといて)
・爆弾の場所のヒントになるアノ数字の計算方法がわからない
・爆弾の配置場所を決める乱数がユニークではない
というところで主につまづいています。
実際、検索してみると、完成品は出回っているのですぐにクリアできると思うのですが、
プログラムは表現(と勝手に思っている)なので、もう少しあがいておこうと思います。
とか言いつつ、この恥ずかしいコードをさらしておくと、きっとプログラマのTさんやIさんが明日にでもそっと優しく指導して頂けるかもしれないので公開。

var divObj = $("msStage");
var pObj = document.createElement("ul");
var  bObj = document.createElement("p");
divObj.style.cssText="border: 2px solid #000000;margin:24px;padding:0px;width:0px;height:0px;";
pObj.style.cssText="margin: 0px;padding: 0px";
divObj.appendChild(pObj);
divObj.appendChild(bObj);
function gameReset(){
pObj.innerHTML="";
bObj.innerHTML="";
divObj.style.cssText="border: 2px solid #000000;margin:24px;padding:0px;width:0px;height:0px;";
}
function loadStage(level){
if(pObj.childNodes){pObj.innerHTML=""; bObj.innerHTML="";}
var pCount = level*level;
divObj.style.width=30*level+"px";
divObj.style.height=30*level+"px";
loadPanel(pCount);
}
function loadPanel(pNum){
var bombs =[]; var bArr = []; var sArr=[];
bombs = createBomb(pNum);
for(var i=0;i
今日のDA

2008年3月12日: 何がどれだけ好きかわかるテンプレ。


カテゴリ:
  投稿者:

[ソリューション事業部 テラダ]
元ネタはヘルシング 少佐の大演説。
“戦争が好きだ”でググると出てきます。
- - -
諸君 私はWEBが好きだ
諸君 私はWEBが大好きだ
WEBデザインが好きだ
HTMLが好きだ
CSSが好きだ
Javascriptが好きだ
プログラムが好きだ
FLASHが好きだ
unixが好きだ
データベースが好きだ
検索が好きだ
受託制作で 自社コンテンツ制作で 趣味で PCで モバイルで 電車の中で 街中で
この地上で行われるありとあらゆるWEB行動が大好きだ
ネットで知ったばかりの技術を制作に実践している時が好きだ
今まで出来なかったことが出来ると知った時など感動をおぼえる
素敵なWEBデザインが好きだ
ウェブデザインに興味を持ち始めたころ、Newstodayk10klinkdupなどで海外のWEBデザインにふれた時など心がおどる
自宅でサーバを構築するのが好きだ
初めてapacheをインストールして外部からブラウズに成功して時など胸がすくような気持ちだった
javascriptで非同期でページを生成してゆく様などはもうたまらない
XHTMLの登場でデータの構造化とデザインの制作のロジックが分けられたのも最高だ
旧媒体が自分の周りから駆逐されいく様子など絶頂すら覚える
ブラウザのバクに滅茶苦茶にされるのが好きだ
必死に守るはずだったデザインが蹂躙されレイアウトが崩れていく様はとてもとても悲しいものだ
ネットの情報量に押し潰されて殲滅されるのが好きだ
日進月歩の技術に追いまわされ衰退していく技術を見るのは屈辱の極みだ
諸君 私はWEBを世界を覆い尽くすなWEBを望んでいる
諸君 共に前進を続けるWEB好きの戦友諸君
君達は一体何を望んでいる?
更なるWEBを望むか?
情け容赦のない糞の様なWEBを望むか?
技術・アイデアの限りを尽くし三千世界のデジタルデバイドを殺す嵐の様な闘争を望むか?
『WEB! WEB! WEB!』
よろしい ならばWEBだ
我々は渾身の力をこめて今まさに振り降ろさんとする握り拳だ
だがこの暗い闇の底で半世紀もの間堪え続けてきた我々にただのWEBではもはや足りない!!
大WEBを!!
一心不乱の大WEBを!!
我らはわずかに一個制作者小隊 千人に満たぬ兵に過ぎない
だが諸君は一騎当千の古強者だと私は信仰している
ならば我らは諸君と私で総力100万と1人の軍集団となる
我々を忘却の彼方へと追いやり眠りこけている連中を叩き起こそう
髪の毛をつかんで引きずり降ろし眼を開けさせ思い出させよう
連中に制作の楽しみを思い出させてやる
連中に我々のWEBの楽しみを思い出させてやる
天と地のはざまには奴らの哲学では思いもよらない事があることを思い出させてやる
一千人の新しい物好きの戦闘団で
世界を楽しいウェブで埋め尽くしてやる
「最後の大隊大隊指揮官より全空中艦隊へ」
目標インターネット!!
WEB制作2.0作戦 状況を開始せよ
逝くぞ 諸君
– – –
すごく無理やりになってしまいました。
ちなみに我が家の”サーバルーム”
null

今日のDA

2008年2月07日: 冬眠暁を覚えず。


カテゴリ:
  投稿者:

朝すっごく寒くって、フトンから出られないあまりにフトンから出る夢を見て寝坊しそうになる日々が続いておりますテラダです。
世の中には寝なくても大丈夫な体ならそれに越したことはないとか、食べなくていいなら食事なんかなければイイという考えをお持ちの方もいらっしゃるようですが、私は大丈夫でも睡眠を貪り、美味しいものを食べ続けたい派です。
それでも忙しかったり、やりたいことがある時などは食事と睡眠短縮できたらなと思うこともあります。
「ほぼ日刊イトイ新聞」の「ほぼ日の睡眠論」という特集があるのですが現在連載されている、糸井重里さんと”寝ない人”さんまさんの対談が面白いです。
「さんまシステム」
http://www.1101.com/suimin/samma/

睡眠をテーマに、さんまさんのプロ(の芸人)としての考えがとても勉強になったのですが、とても衝撃的だったのが、
さんまさんが寝ないのは、仕事が深夜まであったり、趣味ややりたいこと会いたい人がたくさんあったり、で寝てられないと。
でも一時期よく眠られてた日々があったという下りで、
第6回より
- - -
糸井:
結婚していたころは、生活があったから、
いちばん寝てたとおっしゃってましたけど、
そのころっていうのは、さまざまな楽しいことを
やらずにいたんですか。
さんま:
休んでましたね。
糸井:
休めるもんなんですね。
さんま:
だから、そのときは、やっぱり、
顔は生き生きしてないですよね。
活気がなかった。
糸井:
(笑)
さんま:
幸せに浸ってるからなのか、なんなのか‥‥。
糸井:
幸せだから、活気がなくなる?
さんま:
もう、幸せによって、
自分の生活を乱されてるわけですから。
糸井:
はははははは、すごい話ですね。
- - -
幸せによって生活が乱されてる・・・!
そんなこともあるのかと、びっくりしました。
なお、この連載は
- - -
この対談は期間限定の掲載となります。
睡眠特集の終了とともに読めなくなってしまいますので
どうぞ、読み逃しのないように!
- - -
とのことなので、ご興味がある方はお早めに。
[ソリューション事業部 テラダ]

今日のDA

2008年1月08日: 明けましておめでとうございます。免許とれました。


カテゴリ:
  投稿者:

[ソリューション事業部 テラダ]
一昨年の12月に憧れていたバイクと運命の再開!そして即入手、昨年の2月に自動車学校へ入って、昨年末に念願の免許。
これでやっと住民票を使わず身分証明できるようになりました。
それは気が遠くなるくらいに長く、面倒くさいものでした。
どれほど面倒であるか、ご説明差し上げたいところですが面倒なので割愛します。
ということで、行ってきました淡路島!
バイクだけが手元にあった長期間に溜まったバイクへの情熱はハンパないですが、
風で危険な明石海峡大橋は避けてたこフェリーで島へ渡りました。
目標は日帰りで淡路島を一周(時計回り)。
調子良く走って方向音痴を活かして豪快に迷子。
たどり着いたのは
「休暇村 南淡路」
http://www.qkamura.or.jp/awaji/


駐車場。
20080108-001.jpg
(愛車SW-1です。)
まだ反周しかしていませんが、暗くなってきたので宿泊。(寝坊して出発が遅れました)
想定外でしたが、部屋も良くて美味しい夕食付き。
一年ぶりにテレビ見ました。
翌朝再出発です。
20080108-002.jpg
向こうに見えるのは四国!
前の半周は迷子になったので、正確にはわからないのですが、恐らく淡路島は後の半周がとても気持ちいです。
ほとんど信号もなく、ゆるやかなカーブを海沿いに走りました。爽快!
20080108-003.jpg
同じく免許取りたての友人(同じく方向音痴)と海とバイク
途中、トコトコ走行してたら玄人風なツーリング集団にバシバシ追い抜かれましたが、かっこよかったです。
是非元ライダーのデジアランの皆様、
バイク、最高ですよ!寒さも全然平気!
ツライことか悲しいこととか楽しいこととかあれば、バイクにまたがって海とか行けばいいと思います。
ライダー部発足につき部員(方向感覚がイイ人は優遇します)募集します!
##
写真もっと撮りたかったのですが指がかじかんであまり撮れませんでした。。

この記事に関連する情報

テレビを快適に見るのに大切なテレビ台。テレビ台にもこだわりたい方におすすめするのが「こもれび家具」です。家具の名産地、福岡県大川市で木が持つ本来の魅力を堪能できる上質な無垢家具を製造しています。 家具好きの方も納得する出来栄えです。是非一度ご覧下さい!
こもれび家具
技術トピック

2007年12月13日: Flex2 SDKでAcrionScript3で3Dに挑戦!(今さら編)


カテゴリ:
  投稿者:

こんばんわ。ソリューション事業部 テラダです。
ものすごく2次情報すぎるんですが、方々で盛り上がっていた時から1年が過ぎた今も片想い真っ最中なのでこの機会に挑戦してみました。
そうすると、いきなりこんなのができました。

いきなりできたわけではなく、Flex2 SDKがとっつきにくくて、まいりました。
また3Dに挑戦してみたかったため、PaperVision3Dというフレームワークを使わせて頂きました。
なんだかWindowsデフォルトのスクリーンセイバーみないになっちゃいましたが、これらの環境が無償で用意できることや、どんどんプログラミング言語らしくなっていくAcrionScriptに大きな可能性を感じました。
いずれはウェブサイト構築のフロントラインで使用できるようにモニョモニョ勉強していきたいと思います。