プロフィール

Author:スーパークリエイター


この日記のはてなブックマーク数
早起き生活
Powered by 早起き生活

☆おすすめタイトル☆

☆Google!ちょっと来い!☆

☆Amazon!ちょっと来い!☆

便利ツール

タブブラウザ Sleipnir 公式ページ(上級者向け)

ブロとも申請フォーム

この人とブロともになる

prototype.js と Ruby on Rails のつながり

JavaScriptのライブラリであるprototype.jsを作っている人とRuby on Railsを作っている人は、同じ会社にいる人たちだったんだ。
初めて知った。
スゲー会社だな!

知られざるJavaScriptの世界

数あるライブラリの中で,最も注目されているのが「prototype.js」です。
37signalsという米国の企業に所属するSamStephenson氏というプログラマが開発しました。



37signalsといえば、Ruby on Railsを作ったDavid Heinemeier Hansson氏がいる会社ですよね!

http://www.atmarkit.co.jp/fjava/column/andoh/andoh30.html

Ruby on Railsの開発には、37singals社のDavid Heinemeier Hansson氏を中心とする11名で構成されたチームがかかわっています。



おらもいろいろ作ってみたい!><

Ajaxハッカーズ・プログラミング―基礎からprototype.js、Yahoo!UIライブラリ、HTML_AJAXの活用までWebアプリケーション制作のプログラミング・テクニック Ajaxハッカーズ・プログラミング―基礎からprototype.js、Yahoo!UIライブラリ、HTML_AJAXの活用までWebアプリケーション制作のプログラミング・テクニック
佐久嶋 ひろみ (2006/05)
メディアテック出版
この商品の詳細を見る

JavaScriptの解説ページ発見! その4

日経ITプロ JavaScript流オブジェクト指向プログラミングに挑戦!

出た!連想配列!
サラッと流しているけど、これ重要だよね!

ちなみに,オブジェクトのプロパティ名として文字列を指定することもできます。

x = cinnamon['age'];

この方法を利用すると,プロパティ名を変数で指定することが可能になります。
要素を文字列で指定する連想配列(ハッシュ)の代わりとしてオブジェクトを利用できるのです。



要するにJavaScriptで連想配列の形でデータを扱えるわけですね!

改訂第4版 JavaScript ポケットリファレンス 改訂第4版 JavaScript ポケットリファレンス
古籏 一浩 (2006/10/18)
技術評論社
この商品の詳細を見る

JavaScriptの解説ページ発見! その3

日経ITプロ JavaScript流オブジェクト指向プログラミングに挑戦!

今まで適当にJavaScriptを利用していただけなので、とっても参考になります!!!
これでコピペ生活にもサヨナラですね(笑)

より簡単なオブジェクトの生成方法
本文ではnew演算子を利用してオブジェクトを生成する方法を紹介しましたが,これ以外にもオブジェクトを生成する方法はあります。

例えば,

cinnamon = { age: 7, favorite: warking };

のようにすると,ageとfavoriteという二つのプロパティを持ったcinnamonオブジェクトを作成できます。



ひょえ〜〜〜!!!
知らんかったです。\(^o^)/
メモメモと。

以下のようにメソッドを定義することもできます。

cinnamon = { age: 7,
favorite: 'warking', bark:
function() {alert('わん');
};



あれ?
function() {alert('わん');

function() {alert('わん')};
にせんでもええんかな?
…閉じカッコの「}」の数合ってんの?

ちょっと試してみんとあかんな。
まずは手を動かしてみて、実際に試して理解するべし!
これが簡単でイイヨ(・∀・)

改訂第4版 JavaScript ポケットリファレンス 改訂第4版 JavaScript ポケットリファレンス
古籏 一浩 (2006/10/18)
技術評論社
この商品の詳細を見る

JavaScriptの解説ページ発見! その2

日経ITプロ JavaScript流オブジェクト指向プログラミングに挑戦!

JavaとJavaScriptの違いを知っておくと、自分の中の勘違いが払拭されますね。
とっても参考になるけど、JavaScriptって、なんだかまぎらわしい言語仕様になってんじゃないかな〜。
単に私の飲み込みが悪いだけかもしれませんが(笑)

ポイント2
関数がオブジェクトのコンストラクタになる



クラスがないのにコンストラクタですか?
何かシックリ来ないな〜。><

要するに「初期化」する機能を指し示して、コンストラクタと呼んでいるのかな?
=Javaでいうコンストラクタと、JavaScriptでいうコンストラクタが別ものなら、違う言葉で呼んでもらった方がいいかもしれない。

同じ言葉で別ものを指し示しているなら、不要な混乱の元になるんじゃないかな〜と。…意味が理解できればいいけど。^^

先頭にあるDogという関数(function)が,Dogオブジェクトを生成するためのコンストラクタです。
一見,JavaScriptの単なる関数と全く同じに見えます。
そのとおり,これは関数にほかなりません。
JavaScriptの関数は実際にはオブジェクトとして扱われます。
まず理解してほしいのは「Dogという名前の関数を定義すると,それがDogというオブジェクトのコンストラクタになる」ということです。



ほお〜。
関数=(オブジェクトの)コンストラクタ
ということになっていると。
ん〜、まぁそういうもんだということで流しておきますか。

「オブジェクトを生成するためのコンストラクタ?」
「関数として定義したはずのDogにプロパティがあるの?」
「関数をプロパティに代入するとはどういうこと?」など,
JavaScript独特のオブジェクト指向にとまどう方もいるでしょう。



ハ〜イ!

でもご安心ください。
関数がオブジェクトである」ということがわかればだんだん理解できるようになってきます。



\(^o^)/

JavaScriptのオブジェクトでは,プロパティは特に定義を必要としません。
代入を行った時点でプロパティが作成されます。
このため,オブジェクトのプロパティはいつでも好きなときに追加することが可能です。



オブジェクトに、メソッドとプロパティを追加するとき、プロパティは宣言無しにいきなり使える、追加できる仕組になってるんですね。

その代わり,そのオブジェクトの内部のみからアクセス可能なプロパティ(C++やJavaでいうところのプライベート変数)はJavaScriptでは実現できません。



プロパティの宣言がなくて、プロパティに対するアクセス制限もないと。
えーと、変数としてのプロパティのスコープ(アクセス可能な範囲)はどうなってんのかな?
…あ、スコープの話は関係ないか(笑)

改訂第4版 JavaScript ポケットリファレンス 改訂第4版 JavaScript ポケットリファレンス
古籏 一浩 (2006/10/18)
技術評論社
この商品の詳細を見る

JavaScriptの解説ページ発見!

日経ITプロ JavaScript流オブジェクト指向プログラミングに挑戦!

Java,C++,.NET系の言語が「クラス・ベース」のオブジェクト指向を採用しているのに対し,
JavaScriptは「プロトタイプ・ベース」のオブジェクト指向を採用しているのです。
オブジェクト指向とはいっても,JavaやC++とは仕組みがやや異なる」ということを覚えておいてください。



プロトタイプ・ベースって何だ?初めて聞く言葉だな〜。
いきなりですが、紛らわしいな(笑)

ポイント1
オブジェクトの生成にはnew演算子を使う
now = new Date();



クラスからインスタンスを生成するのと同じなんだな。

JavaScriptには言語仕様としてのクラスは存在しないのでクラスという言葉は使っていませんが,ここで紹介したDateやArrayは,C++やJavaなどのクラス指向のオブジェクト指向言語におけるクラスと同じように用いられていることがわかると思います。



そうかな〜!?
まぎらわしい気がします。(・∀・)

とにかく、JavaScriptにはクラスがないんですね!

改訂第4版 JavaScript ポケットリファレンス 改訂第4版 JavaScript ポケットリファレンス
古籏 一浩 (2006/10/18)
技術評論社
この商品の詳細を見る

仕事でwikiを活用する

仕事で情報共有ツールとしてwikiを活用すると良いという話があった。

メンバーのやる気とタスクを一元管理する

プロジェクトリーダーが求める情報、メンバーが求める情報。普通、進捗ミーティングを行って確認するわけですが、Wikiをうまく活用すれば、手間をかけることなく情報共有が可能です。



はは〜ん、なるほど!
会議をやる代わりに、wikiを使えば、意見交換もできるし、議事録の代わりにもなると。
一石二鳥ですな!

時間の神 - クロノス

時間について検索していたら面白いサイトを見つけた。

意外と神に関係あるメモ

名前:クロノス Chronos
属性:時間神
補足:歳をとらない時間の神
ウラノスの子にしてゼウスの父親であるクロノス(ΚΡΟΝΟΣ)と、時間の神であるクロノス(ΧΡΟΝΟΣ)は別の神であり、時間神クロノスの方は中世に発案されたが、発音の類似性から混同されたものであるらしい。
発音以外にも、クロノスが自分の子を呑み込んでしまうこと(→時間は生み出したものを滅ぼすこと)、父ウラノス(空間)と子クロノス(時間)が対立すること(→時間により変化が生じ政権が交代すること)、といったアナロジーから、両者は同一視されるようになったとの説もある。



小噺も紹介されていた。

『この空に神は居なかった。』−ユーリ・ガガーリン

1961年、有人宇宙船ヴォストーク1号で大気圏外の地球周回軌道にある時に 語った言葉とされているが、正式な交信記録は無いらしく、ガガーリン自身による以下のジョークが由来であるらしい。

ロシア正教総主教曰く「宇宙で神の姿を見たかね」
ガガーリン「いいえ、見ませんでした」
総主教「そうではないかと心配していた。この事は決して口外しないように。」

またある時、ソ連大統領が尋ねてきて、
大統領曰く「宇宙に神はいたかね」
ガガーリン「(総主教との約束を思い出し)はい、いました。」
大統領「神を信じるアメリカが勢いづくといけない。この事は決して口外しないように。」


地図上の距離測定サービス - キョリ測

距離を知りたいときに便利なサービスがあった。

http://www.mapion.co.jp/route/

キョリ測とは?
距離測定機能「キョリ測(ベータ版)」とは、地図上に任意のポイントを付けて、目的地までの距離を測る機能です。
いつもの散歩道はどれくらいの距離なのか、駅から待ち合わせ場所まではどれくらい歩くのか、が簡単に分かります!
さらに消費カロリーの計算もできるので、ジョギングやウォーキングなどダイエットツールとしてもお使いいただけます。



最初は使い方がよく分からなかったが、地図上でクリックするとピンみたいなマークが表示されて、ピンとピンを結んだ距離を計算してくれる仕組だった。

最短ルートを計算してくれる機能があったらスゴイ便利だと思う。

JavaScriptの基礎

うむ、この本は分かりやすいぞ。

基礎からのJavaScript 基礎からのJavaScript
岡田 克司 (2006/06)
工学社
この商品の詳細を見る


連想配列のことは書いてないな。

JavaScriptの連想配列
http://www.tokumaru.org/JavaScript/renso.htm

JavaScript の配列と連想配列の違い
http://d.hatena.ne.jp/amachang/20070202/1170386546

この辺りを参考にしておこう!
【“JavaScriptの基礎”の続きを読む】

食料分配の改善 - 働かなくても生きていけるの?

働かなくても生きて行ける煉獄
http://blog.livedoor.jp/dankogai/archives/50753681.html

大多数が働かなくても生きて行ける社会は、やろうと思えば全世界規模でさほどの困難もなく実現できる。
食料なら、すでに80億人分ある。15億人分も過剰だ。
その配布システムはまだ全世界を覆い尽くすには至っていないけど、仕事にあぶれた土建屋たちを動員すれば、10年とかからず出来るだろう。
65億人が生きていくために必要なものは食い物だけではないけれど、全員分の衣食住を整えるだけのヒトもモノもカネもすでに充分以上ある。



食料をうまく分配すれば、みんな食べ物を得られるようになるのかもしれない。
家畜が食べてる穀物を人間の主食に回せばいいと思う。
別にステーキ食わなくても人間しなないだろ?

開発現場の雰囲気が伝わってきます - My RSS管理人ブログ

a++ My RSS 管理人ブログ
http://blog.myrss.jp/

サイドフィードの中の人(a++)のブログです
RSS / Blog / SEO /SEM についての所感や雑感をまとめています。



参考になるぞ〜!
おいらも頑張ってみよう!

ssh 攻撃を仕掛ける Bot プログラムを入手した
なんていう記事もあった!
メモメモっと。

開発合宿 - 田口さんちの場合

開発合宿レポート
http://www.ideaxidea.com/archives/2006/12/post_170.html

Sidefeedの赤松さんと「今年は毎月合宿しましょう!」と決めてからもう一年。今回が(公式には)最後の合宿でした。もう一年ですか・・・なんだか感慨深い。



賑やかで楽しそうだなー。
一緒に楽しくプログラミングできる仲間がいるとモチベーションがアップしそうだな!
(・∀・)

オープンソースユニバーシティ - プログラミング学習サイトの見本デザイン

オープンソースユニバーシティ
http://www.osfirm.co.jp/modules/tinyd1/

オープンソース・ファームが運営する「オープンソース・ユニバーシティ」は「自らのスキル形成」「自らのスキルアップ」「自らのキャリアアップ」を願う人を応援します。



シンプルなナビゲーションメニューで見やすいな。

Flash使いまくりのブックマーク(RSS)サービス - mb3DEngine - RSS in 3D

http://www.mb3dengine.com/

DNAの螺旋構造のように、リンクの断片がビヨーンって動く。
マウスの動きに合わせて、グリグリ回転するのが面白いな。
Flash勉強せにゃ作れんな><

小規模企業共済制度 - 中小企業の退職金支援制度

小規模企業共済制度

小規模企業共済制度とは

小規模企業の個人事業主または会社等の役員が事業を廃止した場合や役員を退職した場合など、第一線を退いたときに、それまで積み立ててこられた掛金に応じた共済金をお受け取りになれる共済制度です。

小規模企業者の福祉の増進と小規模企業の振興に寄与することを目的として、小規模企業共済法に基づき昭和40年に発足した制度で、いわば国がつくった「経営者の退職金制度」といえるものです。



こういった制度も用意されているということなんだな。

会社を作る前に事業計画書を書いてチェック

会社を作る前に、経営のシミュレートをしてみたい。
思考実験の叩き台として、どんな会社を作るのか?明確にする必要があるだろう。
で、そういうときは、事業計画書を書いてみると良い。

起業ハンドブック 事業計画書のつくり方

事業計画書をつくる時は、いきなり書き出すのではなくアイデアの整理から始めます。
まず、次の図を参考にあなたの事業の「5W2H」について考えてみましょう。



事業計画書


Why?:創業の動機・その事業は社会的に存在意義があるかどうかを検討します。
What?:商品・サービスの具体的な内容。顧客は、商品・サービスを通してあなたの企業を判断します。商品・サービスが顧客に受け入れられるかどうか考えます。
Where?Whom? :どのような市場・顧客が対象ですか?できるだけ具体的に表現してみましょう。
How to? :顧客に支持してもらうためにどうすれば良いでしょうか?あなたの商品・サービスのオリジナリティ・ライバルを圧倒する魅力を考えます。
When? : 商品・サービスを展開する時期・いつどの程度資金・人材等が必要となるのかを考えます。
Who? : あなたの事業において、誰が何を担当するのでしょうか?その事業を進めていく上で、どのような人材が必要となるか考えます。
How much? : 資金・売上高・利益の目標及び創業時・創業後に必要なお金、売上見込みを考えます。

メールの視覚化 - 点と点を線で結んで見せる方法

POLAR BEAR BLOGさんの記事で「メールの視覚化」という面白い記事がありました。

メールの視覚化

このアイデアの優れている点は、比較的コンパクトに視覚化ができる点。



メールをスレッド表示するとき、アーチ(円弧)を使って、視覚的に情報的なつながりを表現する方法が、IBMによって提唱されているらしい。

この表記方法は、メールに限らず、情報のつながりを示す方法として、いろいろ応用が利きそうだな。
マインドマップみたいなもんかな?
こういう見せ方があるということを覚えておこう!!!

元ネタはコチラのようです。
visualcomplexity.com
↑いろんな視覚化の試みが紹介されてる!英語か〜><

ニコニコ動画の仕組を考察する - ActionScriptのキューポイント

ニコニコ動画で、YouTubeの動画にコメントを入れている方法はどうやって実現されているのだろうか?

FlashのActionScriptで、動画のタイムラインにキューポイントを打ち込み、キューポイントをトリガーとして、コメント文章を表示させているということなのでしょうか?

キューポイントの使い方について、参考情報がありました。
http://www.flash-jp.com/modules/newbb/viewtopic.php?topic_id=4590&forum=7

FLVのキューポイントをトリガしたいのですが



うむ、FLVとは、Flash Video形式という意味らしい。

FLVファイル
YoutubeやGoogle Videoでも使われるストリーミング形式で配信可能な動画ファイル



必要な技術要素として、

  • Flash

  • ActionScript

  • キューポイント

  • トリガー


などといった事柄に対して理解が必要なのかもしれん。
Flashの勉強が必要そうだな。

メモ:スクリプト言語用のデバッガの使い方

はてなブックマークより、デバッガーの使い方メモ

スクリプト言語用のデバッガの使い方 - Ruby, Python, Perl

スクリプト言語用の CUIのデバッガの使い方を簡単にまとめました。対象言語は Ruby, Python, Perl です。



PHPはナシと。(笑)

C, C++ でプログラムを書いているときはデバッガ (主に GNU/Linux 上の gdb) を頻繁に利用します



Ruby には標準で debug.rb というスクリプトが付属しています。



Python には標準で pdb というデバッガが付属しています。



Perl には -d というデバッグ用のオプションがあります。



JavaScript のデバッグには Firefox で動くFirebug が便利です。Firebug は JavaScript のGUIデバッガの他にもさまざまな便利な機能を備えています。お勧めです。



デバッグの方法、参考になります。
(・∀・)アリガト

Windowsでメモリ消費量を確認する方法

Windows TIPS 必要メモリ・サイズを見極める

Windows 2000/Windows XPでシステムが必要としているメモリ・サイズを確認するには、「タスク・マネージャ」を利用する。
[Ctrl]+[Shift]+[ESC]キーを押すか、タスク・バー上でマウスを右クリックし、[タスク・マネージャ]を選択する。
すると次の画面のようなタスク・マネージャが起動される。
メモリの全般的な使用量を把握するには、[パフォーマンス]タブの内容に注目する。
([ネットワーク]タブや[ユーザー]タブはWindows XPでのみ表示される)


Windowsタスクマネージャー

上記(1)の項目が実装メモリの容量をオーバーしているとメモリスワップが発生して、処理速度が急激に遅くなると。
WindowsXPでアプリケーションを複数起動すると、あっという間に300MB超えるな。
最低512MBは欲しいところだ。

進捗管理ツール - GanttProject

ソフト開発で進捗管理を行なうツールが欲しい。
Microsoft Projectが定番かな?

フリーソフトだと「Gantt Project」というツールがあること教えてもらった。

GanttProject とは

GanttProject は、名前の通りプロジェクトをガントチャートで管理するツール。
フリーの Microsoft Project といったところか。
機能的には Microsoft Project の方が高機能だけれど、個人的にはこれで十分な気がする。
Java で開発されているのでプラットフォームを選ばず実行できる、Java Web Start で実行することができる(但し、その場合は PDF によるエクスポートができない)、多言語対応で日本語にも対応しているなど嬉しい点が結構ある。



GanttProject
http://ganttproject.sourceforge.net/index.php

Demo
http://ganttproject.sf.net/demo/demo.html

Useless Account というサービスが人気!?

http://uselessaccount.com/

ユーザー登録だけして、あとはほとんど何もしない/できないという一風変わったWEBサービスがありました。
何かすごいたくさんの人が登録しているみたいです。(笑)

Upgrade your account creating ability to +20.



使い方としては、アカウント作成の練習をしてみるとかがあるようですが…。

これを作ったのはオーストラリアのJim Whimpeyさんという方みたいです。

ユニークな発想ですね!

ムードメーカー