小野和俊のブログ:そして、ペア･プログラミングが始まる
ここ数日、私はずっとペアプログラミングをしている。 ペアプログラミング自体は、これまでに何度も経験したことがある。 しかし今回の試みが今までと違うのは、 一日中、ペアプログラミングしかしないという点である。 １セット1時間半、15分の休憩を入れて、 ドライバーとナビゲーターを交互に入れ替えて毎日4セットやる。 このところ、これを何日も続けている。 こうやって、ある程度ストイックに続けてみることで、 わかってきたことがある。 それは、ペアプログラミングにはメガトン級の破壊力があるということだ。 プログラマーは絶えず誘惑にさらされている。 調べ物でウェブを見たついでに何時間もネットサーフィンしてしまったり、 考えたことをメモするついでに2時間かけてブログを書いてしまったり、 仕事の用事で知人に IM したついでにしばらくだべってしまったり、 Twitter に書き込んだついでに Friends
プログラマーにとっての読み書きそろばん : 小野和俊のブログ
基礎的な学力を表す言葉として読み書きそろばんという言葉があるが、 私はプログラミングについても読み書きそろばんに当たるものがあると思っている。 まず読みというのは、プログラムを読む能力である。 たまに、人の書いたソースを見て、すぐに 「全面的に書き直さないと使い物にならない」とか、 「グチャグチャですよ」とか、 「気持ち悪い」といったことを口にする人がいるのだが、 多くの場合、なぜそのように感じるのかを聞いてみると、 単に自分が今まで書いてきたコードと違ったスタイルで書かれている、 ということだったり、ごく一般的なデザインパターンが使われているのに、 そのデザインパターンを自分が知らないだけで 「わかりにくくて読めない」などと言っていたり、 人のコードを使い物にならないと簡単に口にする人であればあるほど、 その人自身が使い物にならない、という傾向がある。 もちろん、全体の整合性を取るために
プログラマー面接時の技術的な質問事項(アプレッソ版) : 小野和俊のブログ
技術者・SE・プログラマ面接時の技術的な質問事項というエントリをはてブで見かけたのだが、私もjavaプログラマーの面接を割とよくやっているので、よく質問する内容をまとめてみた。 (ちなみに、基本的にコーディング面接の形態を取っている) プロジェクトの性質にもよると思うが、私の場合には、情報処理技術者試験的に基礎が満遍なく抑えられているかどうかよりも、 すぐ答えが見つからないような課題に対して、きちんと自分でやり方を考え、対応することができるか 「変な」コードをコミットしたりしないか(見つけにくいバグを混入させるとか、汚いとか、遅いとか)といった点を重視している。 まず、何を知っているかよりも、どんなものを作れるか、どんなことができるか、という質問。 ここで強烈な回答が来る人は、たいていここより下の質問は「あー、はいはい」という感じでサラッと答えてくることが多い。 これまでに携わってきた開発
無精で短気で傲慢なプログラマ 技術者・SE・プログラマ面接時の技術的な質問事項
最近、技術者やプログラマの方と面接する機会が多いです。 毎回質問事項を考えるのにも飽きたので、再利用できるようにまとめておきます。 もしさわりの質問に対する反応が良かった場合は、さらに突っ込んだ質問 (インデントが深いもの) をします。経験がないようなら、さらっと流します。 当ページ管理人は、現在 EC サイト構築・運営を担当しているため、 そっち方面に偏っています。 最小限の質問でその人のスキルを見極めるのは難しいなぁ…。 ------- ●追記 ホッテントリに載ったようなので、このチャンスに 人材募集 を再アピールしておきます。 興味のある方はぜひ。 念のため言っておきますが、全部できないとダメというつもりは全くありません (当ページ管理人も、CSS・Eclipse・Struts・Spring・Hibernate・Ruby・アセンブラなど、 弱い部分が多々あります)。 「～はできますか
独学で極める “Webデザイン”の技と心：第10回 CSS Spritesでサイトを高速化｜gihyo.jp … 技術評論社
今日は、CSSを使ってサイトを高速化するテクニック「CSS Sprites（CSSスプライト）」についてのお話をさせていただきます。 サイトの高速化というと、プログラムの最適化を行ったり、サーバのチューニングを行ったりというイメージがあるかと思います。実はCSSを上手に使うことによっても、サイトの高速化を行うことができます。しかも、かなりの効果が期待できるのです。 CSS Spritesとは？ 通常、ウェブページを制作する場合、デザインファイル（psdやpngなどの画像）をスライスし、HTMLのimg要素として埋め込んだり、CSSの背景画像として指定していることと思います。 それらの画像を一つにまとめ、１度の読み込みでのリクエスト数を減らすテクニックのことを「CSS Sprites」と呼びます。 このテクニックは、以前からマウスオーバーメニューを実現する際にも使われていたものでもありま
[CSS]CSS Spritesに利用できる画像置換の実装例いろいろ | コリス
複数の画像を一枚にまとめて、スタイルシートで背景画像として指定するCSS Spritesに利用できる画像置換の実装例の紹介です。 画像置換する際には、CSSオフ時・画像オフ時・印刷時・音声ブラウザ対応・空タグ使用などを考慮する必要があります。 備考 コードは、参考サイトからサイズ指定などを変更しています。 画像置換元は、全てH3要素になっています。 H3は、テキスト(見出しのテキスト)もしくは画像(印刷用の見出し画像)です。 ブラウザに「背景画像」が表示されていれば、期待通りの動作です。 使用している画像は、次の通りです。 背景画像 印刷用の見出し画像 1pxの透過画像 名称は、Revised Image Replacementを参考にしています。 サンプル:01 -Classic FIR デモページ <textarea name="code" class="html" cols="60"
![[CSS]CSS Spritesに利用できる画像置換の実装例いろいろ | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
佐藤可士和【1】すべて世の中にある情報の1つ：日経ビジネスオンライン
SMAPのようなアイドルグループから、地場産業、美術館、幼稚園まで幅広い分野を対象に、斬新なクリエイティブディレクションで手がけた対象のブランド価値を高め、実績を重ねてきた佐藤可士和。 扱う対象は千差万別で、要求される事柄のレベルや性格、アウトプットの量も大きく違うはずだ。それぞれのプロジェクトへの取り組み姿勢の違いはあるのだろうか。その問いに対して佐藤は、「あえてすべて同じ姿勢で取り組んでいる」と笑う。 プロジェクトの規模が違えば、アウトプットはもちろん変わってくる。しかし、「大小や有名無名に関わらず、世の中から見ればすべてそれぞれ１つのブランド」だ。だから、相手が著名企業であろうと、地方の地場産業の組合であろうと同じ視点の高さで取り組み、同じ情熱を注ぐ。それが佐藤の基本的なスタンスだ。 関係者が客観視するのは難しい いずれのプロジェクトもまず対象を広い視野から客観的に見直し、関係者と議
もしも、あの会社が駅の券売機を作ったら
任天堂出発地と到着地をなぞると切符が買えるソニーCPUから開発した超高性能マシンが出来上がる(ただし、切符が割高になる)マイクロソフト出発地を入力し、到着地を入力し、出発時刻を入力し、到着予定時刻を入力し、経路を選択し、電車のグレードを入力すると買えるアップル画面内で到着地しか入力出来ないがなんとかなるグーグル「○○から××」と入力すると地図と経路付きで購入する切符の候補を表示するスクエニ指定されたミッションをすべてクリアすると購入できる(途中の駅ですべて昇降するとボーナスがつく)ハドソンマイクで叫ぶカプコン迫りくる凶暴な駅員を跳ね除けた先に切符が置いてあるナムコ切符を購入した後、追加で切符にいろいろなデコレーションを施すことが出来る(有料)コナミ隠しコマンドを入力することで切符を無料にできるコーエー各駅の駅員のステータスを把握して、戦略を練ることでもっとも安い切符を購入することが出来るオ
Wikipedia をメディアが引用し、誤情報に「情報源」が発生 | スラド IT
ストーリー by reo 2009年02月13日 11時00分 Johann Gambolputty de von Ausfern- (snip) of Ulm 部門より ある人物の Wikipedia のエントリをきっかけに、以前から指摘されている Wikipedia の問題点が浮き彫りになっているそうだ (本家 /. 記事より) 。 ドイツの経済技術省の大臣に新しく就任した「von und zu Guttenberg」氏は由緒ある名門の家系の出身で、正式な名前は「Karl Theodor Maria Nikolaus Johann Jacob Philipp Franz Joseph Sylvester Freiherr von und zu Guttenberg」というそうだ。氏が大臣に就任するという話が出始めたころ、Wikipedia の同氏に関するエントリが編集され、名前に「Wi
Mozilla Re-Mix: Google リーダーでスコアの高い人気記事だけを抽出して読むことができるFirefoxアドオン「AideRSS」
フィードリーダーには、登録しているフィードの記事が毎日大量に流れてきます。 この中から、読む価値のあるもの、必要なものを探すのはかなり時間がかかる作業となり、忙しい時にはチェックしきれず、重要なニュースを見逃してしまう場合も出てくることでしょう。 そんなフィード購読者のために、多くの記事の中から人気度の高いものを数値で示してくれるサービスが「PostRank」です。 「PostRank」は、フィードの購読者数、個別記事のクリック数、コメント数をはじめ、ソーシャルメディアでの言及数や、PostRankユーザーが手動で格付けした値などを元に、フィード記事にスコアを付けるというサービスです。 このサービスで付与された[スコア]をGoogle リーダーの個別記事に表示してくれるアドオンが「AideRSS」です。 ＊同機能のGreasemonkeyスクリプトも用意されていますので、Greasemon
WordPressをちょちょいと使いやすくする15のスニペット | コリス
WordPressの各エントリーに編集ボタンを付けたり、シングルクォートの自動置換を無効化するなど、使いやすくするための15のスニペットをForTheLoseから紹介します。 15 Useful WordPress Tricks to Make Your Theme Even Better 古いエントリーのコメント入力をクローズ 古いエントリーにはスパムコメントがつくので、コメント入力をクローズにします。 function.phpに下記を記述します（例：1ヵ月以上前）。 <textarea name="code" class="html" cols="60" rows="5"> <?php function close_comments( $posts ) { if ( !is_single() ) { return $posts; } if ( time() - strtotime( $
グーグル日本法人「急上昇ワード」の汚い宣伝手法で自滅 | スラド IT
2月10日の午後、グーグル日本の公式ブログに「Google のマーケティング活動について」という告知が出た。「お詫びするとともに、再発防止に向けて、透明性の高いコミュニケーションに努めてまいります」と結ばれているのだが、何のことやら意味がわからない。どうやらこれは、TechCrunchの記事「Yahooからの市場奪取に向けて手段を選ばぬGoogle、PayPerPostキャンペーンを採用」で指摘された、Pay-Per-Post手法による宣伝キャンペーンを中止したという話のようだ。CNET Japanの記事がこの顛末を伝えている。 経緯をたどると、2月9日の時点でネタフルがレポートしていたように、Googleは「急上昇ワード」の宣伝のために、ブロガーにお金を払って口コミ記事を書かせるバズマーケティング手法「CyberBuzz」（サイバーエージェントの子会社のサービス）を実施していた。「急上昇
美女がベッドの上でアニメーション…表現は無限と思わせる映像（動画） : らばQ
美女がベッドの上でアニメーション…表現は無限と思わせる映像（動画） クレイアニメのように、ベッドに横たわる女性の写真が、1枚1枚動いていく映像が人気を集めています。 歩いて、踊って、泳いで、電車に乗って…、とベッドの上でこんな表現が可能だったのか、と感嘆してしまいます。 とにかく一度、映像をご覧ください。 心地よい音楽とともに、風になびき、空を飛んだり、海に潜ったり、鳥や魚もそこにいるかのように生き生きして見えます。 この映像、Oren Lavieという歌手の"Her Morning Elegance"という曲のプロモーションビデオだそうです。 この映像が凄いと思うのは、デジタルカメラとPCさえあれば誰でも作ることが可能ということですよね。 美女モデルは誰でも用意できるってわけにはいきませんが…。 すでに300万近い視聴数と人気を呼んでいるこの映像、コメントも面白かったので少しだけご紹介し
Gmailの「マルチ受信トレイ」が驚くほど便利 【Gmail Labs機能】
この発想は「Eメール」というサービスにはなかったのではないでしょうか。Googleが発表した新しいLabs機能の「マルチ受信トレイ」は、受信トレイに複数の「フォルダ」を表示してしまう超効率化機能です。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Gmail Labsの新機能「マルチ受信トレイ」 「マルチ受信トレイ」は、Gmailの受信トレイに「ラベルごとに受信したメール」「スター付」「検索結果」などの一覧も表示できる機能。 仕事やプライベート、目的別に一覧を一度に確認することができ、受信トレイに未読メールが溜まりすぎるなんてことも解消できそうです。 「マルチ受信トレイ」のUI ↑このように、デフォルトでは左に従来の受信トレイ、右側に検索結果や下書き、スター付といった項目を受信トレイ合わせて最大
コンサルの面接で「74冊読みました」と言ったら「それは何がすごいの？」と返された - ミームの死骸を待ちながら
タイトル通りなわけだが。先日、とあるコンサルの個人面接で珍しい質問をされた。 「じゃあ、最近"俺ってスゲー"と思ったことは？」 思いつかず焦った僕は、最近まとめた去年の読書冊数を伝えた。質問に答えた瞬間社員さんの反応が「微妙」であることを悟り、しかるのち軽薄な自分を恥じた。 全然すごくねーよアホ。 コンサルティング、とりわけ戦略コンサルティングという仕事はインプット量が半端ない。なにしろ経験のない事業について、その事業の専門家にアドバイスせねばならないのだから、生半可な情報インプットではまともに会話すらできない。 具体的にその社員さんが何冊くらい読むのかは聞けなかったが、というか恥ずかしくてそれ以降ろくな受け答えが出来なかった*1のだが、明らかに僕は、勝負を仕掛けるフィ−ルドを間違えたのだろう。反省することしきりである。 それぞれのインプット・スタイル 僕程度の読書家はごろごろいる。上を見
○×△の起源は？
日本人としては、 ○＝よい、Yes ×＝だめ、No というのは水や空気のように自然な事実。そして △＝○と×の中間 というのも当然のことと考えがち。つまり、いい順に○→△→×ですね。 しかし、これ全くアメリカを初めとした英語圏では通用しないんですよねぇ。それ以外の国はよく知らないが、まず通じないのではないかと。どれくらい通用しないかと言って、たとえば日本人が 「★ ※ ♪ の３つをいい順に並べろ」 と聞かれても呆然とすると思うが、それくらい通じない。つまり、○＝よい、×＝だめ、も通じなければ、△がその間に位置するということも通じないのでした。 当地（やオーストラリア）では、テストの「マルをつける」時も、Vの右側が長めの「チェック」をするだけ。日本風にマルをつけると何のことかわからないか、または 「えっ、零点？」 と思われる可能性あり。 同じ流れで、電化製品のスイッチはマルと縦棒、つまり
株で貯金の１００万を２０万にしたいんだが
1 名前：以下、名無しにかわりましてVIPがお送りします：2009/02/04(水) 21:33:07.88 ID:fig6QagYO オススメの銘柄教えろ 6 名前：以下、名無しにかわりましてVIPがお送りします：2009/02/04(水) 21:33:54.45 ID:uiFHpHOF0 なにも考えなくていいと思う 12 名前：以下、名無しにかわりましてVIPがお送りします：2009/02/04(水) 21:35:15.44 ID:OcH94dNLO >>6の言う通りじゃね 11 名前：以下、名無しにかわりましてVIPがお送りします：2009/02/04(水) 21:35:12.25 ID:5DWEtiFR0 10円で買った株をすぐに9円で売る 株のシステム上これは可能 15 名前：以下、名無しにかわりましてVIPがお送りします：2009/02/04(水) 21:35:46.97 ID
Firefox - コンテキストメニューの編集
右クリックしたときに出るメニュー項目を任意に消す事が出来る拡張「Menu Editor」と右クリック拡張「JavaScriptActions」が自身の環境では不具合が出るのでMenu Editorを使わずにコンテキストメニューの編集をするという事でメモ。 このページを参考にしました。 userchrome.cssに下記の構成でID名を追加していく。 例えば右クリックメニューの「戻る」を消したい場合。 #context-back { display: none; !important; } 複数消す場合ID名の間にカンマ、半角スペース→「, 」を追加。 #context-back, #context-forward { display: none; !important; } 以下はID名の一覧================================ （説明が英語表記のままのは未確認
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Spriteを活用しよう - DesignWalker
あんそく やる夫がドット絵に挑戦するようです
IDEA * IDEA
一定規模以上のWebサイトを運営しているエンジニアの方、業務時間外の障害対応ってどういう風にやっていますか？ - 人力検索はてな
IDEA * IDEA
[CSS]全幅960+10pxをベースに汎用的に展開するグリッドシステム
http://www.designwalker.com/2009/02/ps-action.html
IDEA * IDEA
IDEA * IDEA
IDEA * IDEA
http://www.uniqlo.com/uniqlo1000/map/