Windows7 搭載マシンを買ってきてやったことまとめ - IT戦記
はじめに みなさま、こんにちは！年末の忙しい時期ですが、お元気ですか？ 僕はなんとか元気です＞＜ 使っていた PC を壊してしまったので Windows7 搭載マシンを買ってきましたので、購入から初期設定、便利なアプリのインストールまでここにメモしておきたいと思います！ 購入まで と言うことでまず購入までにやったことをまとめてみたいと思います 価格.com で調べる まずは、価格.comを使って、以下の条件で良さそうなパソコンを探してみます。 8 万円以下の価格 それなりのグラフィックボード（最近 Minecraft っていうゲームをやってるので） それなりのメモリ（メモリ安いので） それなりの CPU USB 3.0 （データ移行のときにハードディスクを USB 3.0 でつなぎたいので） ディスクアクセス速度は、ある程度遅くても良い（RAM ディスクで頑張る戦略） 買うパソコンを決める
ドワンゴの社内ハッカソンに行ってきた！ - IT戦記
はじめに みなさん、こんにちはあまちゃんです。 さて、今日は先日ドワンゴの社内ハッカソンに UT Startup Gym のメンバーとおじゃましてきましたので、ちょっとそのことについて書いてみたいと思います。 ドワンゴのエンジニアがほとんど参加してるらしいです！すごい人数ですね！ こんな人数でハッカソンをやるなんて、すげえ！ ちなみに、入り口はこんな感じ 僕もなんかサービス作ろう！ せっかくハッカソンに参加したんだから僕もなんか作ろうと思って、 事前にライブラリ作っておいて「あとは組み立てるだけ！」みたいな状態にしてたんですけど、 残念ながら完成せず…。 こんど機会があったら、どこかの開発合宿で仕上げたいなと思います。 ドワンゴの人が作ってたものがすごかった 最後に各々が作ったものを発表する LT があって、その発表が凄かったです。 （チラッ） 技術的にも尖っていて、ユーザー視点としても面
Facebook 向けウェブサービスは IE6 に対応すべきか ( 2011年12月の Facebook のブラウザシェア ) - IT戦記
はじめに みなさん、お元気ですか＞＜リリースも終わって、一息ついたあまちゃんです！ ヽ(´ー｀)ノわー さて今日は、最近「お花サプライズ！」というサービスをリリースしたのですが、そのときにちょっと面白いデータを見つけたのでそのいきさつも含めて紹介したいと思います。 （今日のテーマはこの円グラフ） フェイスブック系のサービスはどのブラウザに対応すれば良い？ よく、ウェブサービスを開発するときの悩みとして「古いブラウザでのデザインをどのくらいケアするか？」というものがあります。 「お花サプライズ！」でも、割と短い期間で実装することを目標としていたり、本番の HTML を書いた経験があまりないメンバーが多くいたことで「IE6 や IE7 への対応が鬼門なんじゃないか？」という心配が常にありました。 そこでよぎる甘い誘惑 このご時世、 IE6 とか IE7 に特別対応する必要なんてないんじゃね？
ソーシャルギフトサービス「お花サプライズ！」をリリースしました！ - IT戦記
僕たちのウェブサービスはまだはじまったばかりだ…ビシッ!! m9( ・`ω・´) はじめに お久しぶりです。三度の飯よりも、パイナップルが好きなあまちゃんです＞＜ みなさん寒い季節ですが風邪とかひいてないでしょうか＞＜ さてさて、今日、お花サプライズ！というウェブサービスをリリースしましたのでちょっと紹介したいと思います＞＜ どんなサービスなの？ お花サプライズ！とは簡単に言うと「友達の誕生日にみんなで花束を贈るサービス」です。 今、流行りのソーシャルギフトってやつですね＞＜！ 何で、お花なの？ 名前でも分かるように、このサービスではプレゼントは花束に限定しています。 それは、花束が「みんなが好きのものを選んで、最終的に一つの大きなプレゼントに出来る」というコンセプトに最も近い素材だったからです。 みんなが好きな花を選んで、それが一つの大きな花束になってプレゼントされる。 そんなサービスを
ウェブサービスをスタートアップするための勉強会に参加しませんか？ - IT戦記
僕たちの勉強会は、まだ始まったばかりだ…ビシッ!! m9( ・`ω・´) はじめに 皆様、最近ちょっとずつ寒かったり暑かったりしますがお元気でしょうか？ 僕は秋の花粉症でぐだぐだですが、元気です。 突然ですが 最近、「UT Startup Gym」（UT スタートアップジム）という「ウェブサービスの企画、開発」の勉強会をやっています。 ずっと知り合いの中だけでやっていたのですが。 最近、一区切りつき、もっとこの勉強会に多くの人に参加して欲しいなと思いブログを書くことにしました＞＜ みなさんは ウェブサービスを作りたいなって思ったことありませんか？ 僕はよくあります。 「なんで、〇〇みたいなサービスってないんだろーなー」とか、「もっと、こういうサービスを作ってみたいなー」とか そういうとき、自分ですぐにそのウェブサービスを作り上げることが出来たらなあと思います でも そうは言っても、なかなか
MediaQuery まとめ - IT戦記
Media Query とは CSS3 から導入される Media Type を大幅に拡張する仕様です。 そもそも Media Type とは Media Type とは CSS 2 系に元々ある仕様で CSS を適用するメディア（パソコンの画面、テレビ、プリンタ用紙など）を指定するときに使います。 以下の例だと、 media 属性の中に記述されている all や screen や print が Media Type です。 <link rel="stylesheet" type="text/css" href="共通の.css" media="all" /> <link rel="stylesheet" type="text/css" href="パソコンの画面の.css" media="screen" /> <link rel="stylesheet" type="text/css"
WebKit サーバーというものを作ってみた - IT戦記
みなさん お久しぶりですヽ(´ー｀)ノ夏休みの宿題終わりました？ 毎日が夏休みの最終日みたいな生活してるあまちゃんです！ さてさて 今日は WebKit サーバーというものを作ってみたので、紹介してみます。 WebKit って何？ WebKit っていうのは Chrome や Safari の中に入ってるブラウザのエンジンのことです！ 実はブラウザっていうのは、エンジン部分と見た目の部分（タブとかボタンとかね）に別れていて、意外と違うブラウザでもエンジン部分は同じものを使ってるってことも多いんですよ(*´ー｀) ブラウザのサーバーってどういうこと？ 要は、サーバーサイドでブラウザを起動して JavaScript を実行したり、 JavaScript が実行されないと読めないページから値を持ってくるのに使ったりしようという魂胆です。 今まではそういうのなかったの？ 実は、今までは JavaS
アイデアひとつで何かを実現するサイト！ READYFOR? をリリースしました！
READYFOR? というサイトをリリースしました！ みなさん、お久しぶりです！元気ですか？僕は元気です＞＜ 最近、 READYFOR? という日本初のクラウドファンディングサービスをリリースしました！ ですので、今日はそのサービスの紹介と、新しい資金集めの形である「クラウドファンディング」というものを紹介したいと思います！ クラウドファンディングって何？ クラウドファンディングとは、簡単にいうと ウェブ版、「マネーの虎」 のような仕組みです！ つまり、何か「やりたいこと」がある人（実行者）がそのアイデアを披露して、それに賛同した人（支援者）に必要なお金を支援して貰うという仕組み、それをウェブや SNS と連携してやっちゃおうじゃないか！というのがクラウドファンディングサービスです。 クラウドファンディングを使うと、誰でも「こういうモノを作りたい！」というアイデアさえあれば、それを世の中に
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
はてなダイアリーにいいねボタンを置く方法 - IT戦記
たっち！ みなさん、こんにちは お元気ですか、僕はアイスのあとラーメンを食べて気持ち悪い状態ですが元気です。 さてさて 最近は、フェイスブックやミクシィやツイッターなどの SNS で面白いと思ったモノを紹介し合う文化が定着してきているような気がします。 そんな中で、ウェブページを紹介するために使われるためにウェブページに置かれるものが「いいね！」ボタンだったり、「ツイート」ボタンだったりするわけですね。 というわけで、はてなダイアリーにそういったボタンを配置する方法を紹介したいと思います。 ここで紹介する方法は、ちゃんと理解して置きたい人向け、 XML や HTML を分かっている人向けとなります。 はてなダイアリーには自由な HTML を貼り付けられない まあ、普通に自由に HTML を貼り付けられる環境であれば、ただ単に提供されるボタン用の HTML を張り付けるだけなので簡単です。
フェイスブックが面白い - IT戦記
フェイスブック楽しい！ はじめに みなさんこんにちは！フェイスブックしてますか？ ゆうすけべーが書いているように、最近本当にフェイスブックがおもしろいなーと感じます。 ゆーすけべー日記 というわけで、一人で使っていたときから人が増えてきたときまでの雰囲気を思い出しつつ、僕が感じているフェイスブックのおもしろさ、特徴、楽しみ方などを紹介していけたらと思います。 ちょっと長くなっちゃいますけど、よろしくお願いします！ フェイスブックの一番の面白さは「速さ」 僕が感じているフェイスブックの良さは、一言で言ってしまえば「コミュニケーションの速さ」なんだと思います。 速さと言っても、システム的な速さだけではなくって「コミュニケーション」の速さです。 フェイスブックの「コミュニケーションの速さ」は主に以下の３点にあると思っています。 「左下」の通知が素早い 書き込むより早く「いいね！」が伝わる 「一緒
2010-09-22 - IT戦記
はじめに 今日から、オーマ株式会社の二人目の社員として、オーマ株式会社に入社いたしました。（大事なことなので２回言いました） よろしくお願いいたします。 オーマ株式会社では あのひと検索スパイシー というサイトを作っています。 僕も、これれから SPYSEE の企画、開発、運用、そして、様々なサポート（トイレ掃除とかね！）をやっていこうと思っています。 みなさま、よろしくお願いいたします！ 今日は、僕が「この会社で何をやっていきたいのか」を書いておきたいと思います。 これから何をやっていきたいか 僕がこれから SPYSEE でやっていきたいことは三つあります。 それは、 「運命の出会い」の確率をあげたい！ 人の背景を知ることで、コミュニケーションをもっと楽しくすること アピールが苦手な人（シャイなあんちくしょう）でも損をしない仕組みを作ること です。 これは、あくまでも「今、僕が考えている
サイボウズで学んだこと - IT戦記
はじめに 2010 年 9 月 15 日を持ちまして、サイボウズ・ラボを退職いたしたました。 報告も兼ねて、久しぶりにブログを書いてみたいと思います。 （写真はゆうすけべーさんです） この会社に入って、たくさんの学びと思い出がありました。 その一つ一つをまとめていければ、素晴らしい記事になるのかもしれませんが、僕は文章が苦手です。 ですので、うまく退職のエントリを書き上げることができません。 言葉にできない。そんな感じです。 なので、このエントリはサイボウズ・ラボやサイボウズ本社の仲間たちへのありがとうの気持ちをこめて、自分らしく最後まで JavaScript のことを書きたいと思います。 サイボウズでの最後の仕事 僕にとって、サイボウズでの最後の仕事は「JavaScript で新しいユーザーインタフェースを作ること」でした。 そして、その中で始めて複数人による大規模な JavaScrip
Twitter で「はてなダイアラー」ときゃっふきゃっふしよう！ - IT戦記
はじめに はっ ( ﾟдﾟ ) ＿(__つ/￣￣￣/＿ ＼/ / ￣￣￣amachang です。 みなさん、こんにちはお元気ですか。僕は元気です。 もっと もっと、熱くなれよおお、じゃなくて、もっとツイッターではてなダイアラーと絡みたい！ と言うわけで ツイッターをやっているはてなダイアラーランキング Top 100 を作ってみた！ 順位 はてな ID Twitter ID 1 id:finalvent @finalvent 2 id:amachang @amachang 3 id:naoya @naoya_ito 4 id:shi3z @shi3z 5 id:kanose @kanose 6 id:mkusunok @masanork 7 id:Hamachiya2 @Hamachiya2 8 id:nitoyon @nitoyon 9 id:takerunba @takerunb
IT戦記 - JavaScript を学ぶ際に一番重要なのに、誤解されがちな setTimeout 系の概念
おそらく、JavaScript を使いこなす肝は setInterval、setTimeout、イベントによる関数の実行を理解することだと思う 例えば 次のコードの結果を考えたとき document.write("hoge\n"); setTimeout(function(){ document.write("fuga\n") }, 1000); document.write("piyo\n");普通に JavaScript を使いこなしてる人なら、hoge → piyo と表示して、 1 秒後に fuga が表示されるな。って思うはずなんです。 でも、 JavaScript を始めたばっかりの人の中には、 hoge と表示したあと 1 秒後に fuga → piyo と表示するな。って思ってる人が非常に多い。(経験的に) 何故か？ たぶん、どのサイトの setTimeout の説明を見て
ニコニコ動画より Youtube を使う人の意見を聞いてみた - IT戦記
知り合いと動画サイトの話題になって amachang「なんで、 Youtube ばっか使うの？ニコニコ動画のほうがおもしろい動画多くない？」 知り合い「うーん。そうかなー。」 amachang「そう思うけどなー。」 知り合い「とりあえず検索するじゃん。そのとき、候補が出てくるから楽でいいんだよねー。あと、ニコニコ動画ってログイン必須じゃん、パスワードとメールアドレス打つの大変。」 amachang「え、それってそんなめんどくさいことなん？」 知り合い「いやー。パソコンで文字打つのに慣れてないからさー。みんなお前みたいにパソコンで文字打てると思ったら大間違いだよ。」 amachang「まじでー？」 知り合い「まじでー。」 ちなみにこの「知り合い」の属性 ニート 割とリア充 パソコンよりケータイを使う どんな、言葉で検索するんだろう ちょっと気になって Youtube のトレンドトピックを見て
サーバーサイド jQuery をやってみる！ - IT戦記
最近、社内で PHP Spidermonkey が流行って（？）いるようです＞＜！ Cybozu Inside Out: SpiderMonkeyを使ってPHPでサーバーサイドJavaScript id:ama-ch さすがです＞＜ というわけで 僕も、 PHP の Spidermonkey でどのくらいのことが出来るのか試してみました＞＜ まず、 Hello, world! <?php // new して $js = new JSContext(); // print 関数作って $js->registerFunction(function($v) { print $v; }, 'print'); // こんにちはこんにちは！ $js->evaluateScript('print("Hello, world!!")'); Hello, world!おおお、簡単！ 次は、 id:m-hiy
早速 Go 言語を試してみる！ - IT戦記
はじめに Google から新プログラミング言語 The Go Programming Language が発表されましたね！ というわけで、さっそく試してみたいと思います。 環境は Mac OS X 10.6 インストール さっそくインストール Getting Started - The Go Programming Language を見ながら 環境の準備 ディレクトリを作る amacbook% cd ~ amacbook% mkdir go amacbook% mkdir bin環境変数の設定をする。~/.zshrc に以下を追加 # Go 用 export GOROOT=$HOME/go export GOOS=darwin export GOARCH=amd64 export GOBIN=$HOME/bin export PATH=$GOBIN:$PATH Mercurial を
Macbook (with Snow Leopard) 買った後にやったことまとめ - IT戦記
購入編 会社にて amachang「秋だけに akky ですね。Macbook が欲しくなってきました」 akky（苦笑） amachang「新しい Macbook が欲しくなってきました」 akky（苦笑） amachang「買って来まーす」 akky（苦笑） Apple Store 銀座にて amachang「Macbook Pro の 13 inch のやつください」 店員「はい。 2 種類ありますが」 amachang「高いほうのやつください」 店員「キーボードは JIS と US どちらにいたすますか」 amachang「US ください」 店員「こちらでよろしいですか?」 amachang「JIS よりキー少ないのですね」 店員「はい。英数キー、かなキーなどがありません」 amachang「えっ」 店員「えっ」 amachang「JIS ください」 店員「かしこまりました」 am
XPath に文字列を埋め込むときの注意 - IT戦記
よく、以下のように XPath に文字列を埋め込む事があります document.evaluate('//*[@class="' + text + '"]', document, null, 7, null); まあ、僕もよくこんなコード書くんですけど。 でも、これって text が外部から来るものだったら、意図通りの動作をしないんですよね たとえば、以下のような例です。 var text = '"] | /hoge/fuga/piyo | .["'; document.evaluate('//*[@class="' + text + '"]', document, null, 7, null); というわけで 任意の文字列を XPath の式に変換する JavaScript を書いてみた 以下で試せます http://amachang.sakura.ne.jp/misc/xpath_es
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
