ドワンゴの社内ハッカソンに行ってきた！ - IT戦記
はじめに みなさん、こんにちはあまちゃんです。 さて、今日は先日ドワンゴの社内ハッカソンに UT Startup Gym のメンバーとおじゃましてきましたので、ちょっとそのことについて書いてみたいと思います。 ドワンゴのエンジニアがほとんど参加してるらしいです！すごい人数ですね！ こんな人数でハッカソンをやるなんて、すげえ！ ちなみに、入り口はこんな感じ 僕もなんかサービス作ろう！ せっかくハッカソンに参加したんだから僕もなんか作ろうと思って、 事前にライブラリ作っておいて「あとは組み立てるだけ！」みたいな状態にしてたんですけど、 残念ながら完成せず…。 こんど機会があったら、どこかの開発合宿で仕上げたいなと思います。 ドワンゴの人が作ってたものがすごかった 最後に各々が作ったものを発表する LT があって、その発表が凄かったです。 （チラッ） 技術的にも尖っていて、ユーザー視点としても面
ウェブサービスをスタートアップするための勉強会に参加しませんか？ - IT戦記
僕たちの勉強会は、まだ始まったばかりだ…ビシッ!! m9( ・`ω・´) はじめに 皆様、最近ちょっとずつ寒かったり暑かったりしますがお元気でしょうか？ 僕は秋の花粉症でぐだぐだですが、元気です。 突然ですが 最近、「UT Startup Gym」（UT スタートアップジム）という「ウェブサービスの企画、開発」の勉強会をやっています。 ずっと知り合いの中だけでやっていたのですが。 最近、一区切りつき、もっとこの勉強会に多くの人に参加して欲しいなと思いブログを書くことにしました＞＜ みなさんは ウェブサービスを作りたいなって思ったことありませんか？ 僕はよくあります。 「なんで、〇〇みたいなサービスってないんだろーなー」とか、「もっと、こういうサービスを作ってみたいなー」とか そういうとき、自分ですぐにそのウェブサービスを作り上げることが出来たらなあと思います でも そうは言っても、なかなか
WebKit サーバーというものを作ってみた - IT戦記
みなさん お久しぶりですヽ(´ー｀)ノ夏休みの宿題終わりました？ 毎日が夏休みの最終日みたいな生活してるあまちゃんです！ さてさて 今日は WebKit サーバーというものを作ってみたので、紹介してみます。 WebKit って何？ WebKit っていうのは Chrome や Safari の中に入ってるブラウザのエンジンのことです！ 実はブラウザっていうのは、エンジン部分と見た目の部分（タブとかボタンとかね）に別れていて、意外と違うブラウザでもエンジン部分は同じものを使ってるってことも多いんですよ(*´ー｀) ブラウザのサーバーってどういうこと？ 要は、サーバーサイドでブラウザを起動して JavaScript を実行したり、 JavaScript が実行されないと読めないページから値を持ってくるのに使ったりしようという魂胆です。 今まではそういうのなかったの？ 実は、今までは JavaS
hCalendar を使って予定を公開しよう！ - IT戦記
はじめに みなさん、こんばんわ！ さてさて最近のことですが、 Google の検索結果にイベントや予定へのリンクが表示されるようになりましたね！（まだ、英語版だけですけどね＾＾；） ASCII.jp：Google、リッチスニペットでイベントの日時や場所表示に対応 以下のような感じで表示されるみたいです！ ウェブページの中に書かれた「予定」や「イベント」などを Google 先生が理解して表示しているんですね！ この予定やイベントはどうやって探してるの？ Google は hCalendar という形式のデータを読んで、予定やイベントを探しているようです。 というわけで、今日はこの Google が使っている hCalendar というものが「どういうもので」「どうやって活用すればいいか」を実例を交えながら紹介したいと思います。 hCalendar って何？ hCalendar とは「カレン
Firefox 拡張を jQuery で書く！ Jetpack を使ってみた。 - IT戦記
はじめに JavaScript が書ければ、誰でも簡単に Firefox の拡張が書けてしまう。しかも、もれなく jQuery が付いて来る！ というものを Mozilla Labs がリリースしたみたいですね。 https://jetpack.mozillalabs.com/ というわけで 少し触ってみました Jetpack Feature の書き方 Jetpack で書く Firefox 拡張を「Jetpack Feature」といいます。 これは、以下の 2 つのものを用意すれば誰でも簡単に公開することが出来ます。 JavaScript ファイル 公開用 HTML ファイル JavaScript ファイル JavaScript ファイルには、 Jetpack Feature のアプリケーションコードを書きます。 (function() { Jetpack.statusBar.appe
ブラウザで X86 のマシン語を動かす！ Google 謹製 Native Client をさっそく試してみる - IT戦記
はじめに Google から、非常に面白そうなソフトウェアがリリースされました！ その名も Native Client なんとブラウザ上で X86 のバイナリを動かしてしまうそうです。 これはすごい！ さっそく試してみたいと思います。その過程を逐次更新していきます。 自分が試したときの環境 自分が試す環境は、以下の通りです。 Mac OS X Xcode の gcc (version 4.0.1 (Apple Inc. build 5465)) python 2.5.1 準備 では、さっそく準備をしましょう。 http://nativeclient.googlecode.com/svn/trunk/nacl/googleclient/native_client/documentation/getting_started.html を参考にやってみます。 環境一式をダウンロード まずは、以下
JavaScript はどのように実行されるか - IT戦記
JavaScript はどのように実行されるか Safari*1 の実装を例に JavaScript はどのようにして実行されているかを書く。自分用のメモ。日本語の出来は気にしない 1. ブラウザを起動して以下のようなページを開いたとする <html> <head> <script> var a = 1; var b = 2; alert(a + b); </script> </head> <body> </body> </html> 2. インターネットからデータが到着する そうすると WebCore::FrameLoader::write という関数に生の文字列が渡される。型は char* だ。 http://trac.webkit.org/browser/trunk/WebCore/loader/FrameLoader.cpp#L990 この関数の中では、到着した文字の文字コードを解
JavaScript と SVG で swf ファイルを再生する JSplash が凄すぎる件について - IT戦記
Spark勉強会 JSplashの資料を公開＋α - 最速チュパカブラ研究会 なんじゃああこりゃああああ。まじすげー！ ゼリー吹いた サンプルも SVG に対応しているブラウザ（Firefox, Safari, Opera 9.6）なら再生できるのでクリックしてみてください。 （追記）swf を flare 経由で JavaScript のコードに変換するみたいですね！
Mac や Linux で Google Chrome を動かそう！「CrossOver Chromium」を試してみた。 - IT戦記
CrossOver Chromium とは 簡単に言えば Windows 用の Google Chrome （正確には Chromium）を wine というソフトウェアを使って Mac や Linux 上で動かすものです。 インストール手順 使うための手順を書いておきます。（Mac の例です。） まず、ダウンロード 以下のサイトの右側からダウンロードします。 http://www.codeweavers.com/services/ports/chromium/ dmg をマウントして Application ディレクトリにドラッグ＆ドロップ アイコンをドラッグします で、起動 初回起動時は時間がかかります。。。 待つと、起動します。 おおおおー。動いてるー。簡単だー 色々試してみよう 起動したので、ちゃんと動くか試してみました。 ブラウザとして 多少不安定ですが、フォント以外は全然問題な
ニコニコ動画のまとめサイトを色々調べてみた - IT戦記
週末といえば だらだら、動画サイトを見て過ごすってことも多いんじゃないでしょうか。 という訳で、 Pathtraq を使って「ニコニコ動画のハブとなっているサイト」を調べてみました。 Pathtraq を使って調べた結果はこちら こうやってみるといろいろなサイトがありますね。 予想外に知らないサイトが多かったので、軽くまとめてみます。 あまり中身は吟味していません。 以下、リンク http://b.hatena.ne.jp/video http://b.hatena.ne.jp/video http://www.nicochart.jp/ http://www.nicochart.jp/ http://nicorankmonth.web.fc2.com/ http://nicorankmonth.web.fc2.com/ このURLのページは表示することが出来ませんでした。 IP分散サーバ
アクセスチャートを作ろう！ Pathtraq ページチャート API と Google Chart API の合わせ技！ - IT戦記
昨日 はてブにアクセスチャートというエントリを書いて、 Pathtraq のページチャート API と Google Chart API の組み合わせが結構便利だったので、そのノウハウを書いておきたいと思います。（後の自分のためにも） こんな感じのチャートが簡単に書けちゃいます！ Pathraq のページチャート API とは 特定の期間内での時系列のアクセス数の一覧を返す API です。 マウント アンマウント | パソコン豆知識 とあるように、「この 1 時間は何アクセスがあって、その前の 1 時間は何アクセスあったよ」という要な情報を返してくれます。 この API を使うと 「今から 24 時間前までのアクセスの推移を知りたい！」 「このページっていつ頃から注目され始めたのかなあ？」 というような情報を得ることができます。 Google Chart API とは Google Cha
キャンプで出会った中学生三人組 - IT戦記
中学三人組の出会い セキュリティ＆プログラミングキャンプの小話。 プログラミングコースには、三人の中学生が参加していました。 id:qnighy id:javascripter id:gin5005 この三人がこのキャンプを通じて出会い、凄く仲良くなっていました。その話を書いておきたいと思います。 id:qnighy 情報オリンピックとかにも出ていたりする実力派の id:qnighy 君。 きっと同世代のエンジニアでは、ずば抜けて実力のある彼。そんな彼も、このイベントで id:javascripter 君や id:gin5005 君に会って、学校生活では得ることの出来なかった刺激を感じることができたようです。 「このイベントで、一生付き合っていけそうな親友（ライバル）を見つけた」 という彼の台詞が印象的でした。 id:javascripter JavaScript 界隈では結構有名なブロガ
Pathtraq のランキングを「ながら見」出来る！ Pathtraq TV というのを作りました - IT戦記
はじめに Pathtraq API で何かできないか考えていて、 JavaScript だけで色々できそうだったので Hatebu TV をパクって Pathtraq TV というのを作ってみました。 クリックしてみてください。 http://amachang.art-code.org/pathtraq/ 使い方は まあ、そのまんまです。 手ぶらで Pathtraq のランキングを 1 位から 50 位まで流し見できます。 ページを見てる間に次のページをロードしてくれるのが、ちょっと便利です。 使っている Pathtraq API は http://api.pathtraq.com/pages の nextpage と prevpage http://api.pathtraq.com/popular です。 まとめ Pathtraq TV は JavaScript と Pathtraq の
ステップ・バイ・ステップで Pathtraq の API を使ってみよう - IT戦記
はじめに 「このサイトの人気ページを見たい！」 「このページに、皆いったいどうやって来てるんだろう？」 「このページを見たあとは、どこを見に行ってるんだろう？」 そんなこと思ったことありませんか？ Pathtraq API を使うことで、そんな情報をあなたのソフトウェア、ウェブアプリケーションに組込めるようになりました！やった！ でも、難しいんでしょ＞＜？ 違うよ。全然違うよ。超簡単だよ。 というわけで、今日は JavaScript から Pathtraq API を使ってみましょう！ Step 1 Pathtraq API を目で見てみよう！ やり方は、簡単です。 http://api.pathtraq.com/pages?url=**ここに調べたい URL** とやるだけです。 試しに、このブログを見てみましょう。 RSS が出力されました。 これは、 IT 戦記内で最近人気のページを
XPath を指定すると、リンクに Pathtraq のスコアを付加する関数 - IT戦記
はじめに Pathtraq API を使ってもっといろいろできないかなあと思って、 XPath で指定したリンクに Pathtraq のスコアを付加する JavaScript の関数を作ってみました。 Greasemonkey や Bookmarklet から使うことができます。 たとえば 関数を読み込んだ状態のはてなブックマークのページで以下のようなコードを叩くだけで appendPtScore('//a[@class="bookmark"]'); 以下のように XPath で選択した a 要素にパストラックのスコアを付加してくれます。 コード function appendPtScore(xpath) { var self = arguments.callee; var obj = new self.PtObject(xpath); obj.timeout(); } appendPtS
Shibuya.JS in Kyoto の資料を公開します。 - IT戦記
久しぶりの Shibuya.JS めっちゃ楽しかったです！ また来てください！ リンク http://javascript.g.hatena.ne.jp/keyword/JavaScript%20%E6%9C%80%E6%96%B0%E5%8B%95%E5%90%91%20-%20Shibuya.JS%20in%20Kyoto%20%E8%B3%87%E6%96%99
プログラミング未経験者が JavaScript でプログラミングを始めるまでに必要なこと - IT戦記
（執筆中） （文章の練習も兼ねてぐだぐだと執筆中、現時点で読んでも日本語になってないと思います。） （執筆途中だけど、こうしたらいい！とか、アドバイスがあれば教えてください＞＜読者みんなが編集者！とか言ってみる） （あ、はてな記法のパッチを送ってくれてもいいです＾＾） （ちょっと、 Shibuya.JS in Kyoto → PHP カンファレンスがあるので、次の更新はそれ以降になるかも） 自分の知り合いに「まったくのプログラミング未経験だけど、自分のウェブサイトを作ってみたい！」という人がいるので、プログラミングを始める前に必要な知識や心構えや準備などを書いておこうと思います。もちろん、最初に使う言語は JavaScript です。 この文章は、プログラミングまったくの未経験者が読んで分かる文章を目指しています。もし、分からない部分がある場合は指摘してください。聞いてください。自分で調べ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Windows のセットアップで思ったこと - IT戦記
Imagine Cup 最後の記事 - IT戦記
あの事件は今！を語るブログ - IT戦記
