デザイナーに丸投げしちゃいがちなUIというもの - ぼくはまちちゃん！(Hatena)
こんにちはこんにちは！！ 今日はちょっとUIについて思うことのお話をしたいと思います。 ぼくは以前、ゲーム業界にいたんだけど、そこでは、 いわゆるグラフィックデザインを専門にしている人に 「この画面のUIおねがいね」と丸投げする光景をよく見ました。 だけど、見た目が綺麗なデザインを仕上げるのと 使い勝手を考慮したユーザーインターフェイスを設計するのとでは、 考え方も、必要なスキルもまるで違うものだと思う。 情報や機能を、どのようにユーザーに提供するか。 これは画面上の配置や見た目だけの話だけじゃなくって、 情報の階層化や、いつどのタイミングで見せるかといったことまで考えなきゃならない。 たとえばゲームなら、初めからボタンだらけの画面にするのではなくて、 ゲームの進み具合、ユーザーの習熟度に応じて段階的に機能を見せるとかね。 細かい話なら、ボタンを押した時に反応するのか、 離した時に反応する
ちょっと慣れてきた人の為のハテブの使い方 - ぼくはまちちゃん！(Hatena)
こんにちはこんにちは！！ 近頃は、はてなブックマーク人口もめっきり増えてきた感じがしませんか！ 2chまとめサイトのようなアクセス多いところがどんどん活用しはじめたり ベストセラー本で紹介されたりとかの影響なんでしょうか！ 数年前とくらべてアクティブなユーザーも増えて、 人気エントリーだと1000や2000といった4桁ブックマーク数もあたりまえになってきました！！ そんなこんなで、最近はてブをはじめた人も結構いるんじゃないかと思いますが…！ 最初のうちは、トップページとか、人気エントリーを眺めているだけでも充分楽しいですよね！ でも慣れてしまって、つい「記事に飢える」状態になっちゃったりすると 注目エントリーまでも追いかけるようになったり… それでもまだまだ飢えがおさまらなくって気がつけばハテブ依存症…！ …あるいは、単なる外部ブックマークとして使っているだけの人も多いのかも？ だけど、は
アイテム販売を始めたmixiサンシャイン牧場のクレームがすごい - ぼくはまちちゃん！
こんにちは！ サンシャイン牧場ってあるよね。 mixiアプリの中でダントツにユーザーを集めてるゲーム。 すでにユーザー数が…200万人！ すごいですね！ これどんなゲームかっていうと、開始すると自分の牧場がでてきて、作物に水をやったりして育てて、実った作物を売る。 売って得たコインで自分の牧場の拡大をしたり、マイミクとランキングを競うこともできる感じの、いわゆる牧場ゲームと呼ばれているもの。 実際やってみるとシンプルで、あんがい面白くて、疎遠になっていたマイミクさんの牧場にも遊びにいったりして、結構面白い。 で、先日これのアイテム課金がはじまったみたいで… お金を払うと「高級肥料」のような、作物が育つ時間を短縮できるアイテムだとかが買えるようになったみたい。 あ、一応、いままで遊べていた部分は、そのまま無料で遊べるんだけどね。 ところが… アイテム販売開始後のサンシャイン牧場コミュニティを
はてなスターをもらう簡単な方法 - ぼくはまちちゃん！
こんにちはこんにちは！！ 今日は、きみの人生をちょっぴり豊かにするライフハックの紹介なんです！ ★はてなスターをもらう簡単な方法★ 1. 巨大な透過gif画像を用意 → http://hamachiya.com/junk/bt3000.gif 大きすぎる画像はIEが表示できないかもしれないから3000x3000くらいがいいかも？ 2. 用意した画像をAddボタンとして設定 設定→デザイン→詳細のスタイルシート .hatena-star-add-button-image { background-image: url(http://hamachiya.com/junk/bt3000.gif); } Addボタンが 3000x3000px(透明) になりました。 3. Addボタンを浮かせて前面に配置 .hatena-star-add-button { position: absolute;
プログラミング言語を身につける唯一の方法 - ぼくはまちちゃん！
こんにちはこんにちは！！ プログラミング言語とかマスターしてると、なんかかっこいい感じですよね！ 就職とか転職にもバッチリ有利そうだし…！ だけど難しいよね、言語とか…。 入門書とかどれだけ買ってみても毎回 Hello world どまりだし…。 なんでなんだろう？ なんでうまく覚えることができないんだろうね。 世の中には、ちゃんとプログラミングできる人がたくさんいるのに…！ うーん。 たぶんこれかな… なにか作りたいものがある または なにかを作る必要がある なんて状況以外で、マトモにプログラミング言語を習得してる人って ぼくほとんど見たことないんだけど、みなさんはどうでしょう…！ たしかに、コンピュータを教えてくれる学校に通って、ちゃんと教えてもらえればJavaだってなんだってしっかりと、その時だけは身に付くんだけど、 でもそういうのって、ほんとに「その時だけ」なんだよね…。ほとんどの
URL貼っただけで逮捕とか物騒な世の中ですね…！ - ぼくはまちちゃん！
こんにちはこんにちは！！ こんなニュースがありました…！ 海外の児童ポルノ・アドレス掲載、１９歳私大生ら摘発 : 社会 : YOMIURI ONLINE（読売新聞） 404 Blog Not Found:news - URLを掲示しただけで刑事犯? 痛いニュース(ﾉ∀`):“２ちゃんねるなども摘発対象に” ＵＲＬ書くだけで逮捕、「ｔｔｐ：」などでもアウト…児童ポルノ法 たいへんな感じの世の中ですね！ なんかこういうのって、ぱっと思いつくのは冤罪が生まれちゃう可能性…なんだけれど、 むしろ捕まえる側が、これまでよりさらに簡単に「好きな奴を捕まえることができる」ってことが、 問題っぽい感じなのかなぁ、なんて思います…！ はい。 そんなわけで、なにかの役に立つかなーなんて思って、 とりあえず、時限式の短縮URL(転送URL)サービスみたいなのをつくってみました！ TimerURL - 時限式の短
overflow-y:scrollな要素を一番下までスクロールする - ぼくはまちちゃん！
こんにちはこんにちは…！ 突然だけど今日はちょっぴりテンション低めに、 要素のスクロールについてのお時間なんです…！ ぺろ ぺろぺろ ぺろぺろ ぺろぺろ ぺろぺろ <div style="height:4em; overflow-y:scroll"> <ul id="peroZone"> <li>ぺろ</li> <li>ぺろぺろ</li> <li>ぺろぺろ</li> <li>ぺろぺろ</li> <li>ぺろぺろ</li> </ul> </div> <input type="button" value="ぺろライン追加" onclick="add()" /> ↑なんかこういうやつがあって…、 ボタンを押すたびに、ぺろぺろエリアの一番下に行が追加されるような仕掛けを作りたいとき…・。 <script> function add() { // 行を追加するよ var peroZone = doc
はてなブックマークのやりすぎちゃったかもしれないSEO - ぼくはまちちゃん！
はい！こんにちはこんにちは！！ もうすぐ梅雨ですね！ 2009年も半ばって感じです…！ 2009年といえば…、 そう！ マネタイズですね！！ はてなのマネタイズ！！ マネーだいじ…！ だってお金がなくなっちゃうと、みんなの大好きなはてなもなくなっちゃうもんね…。 そうそう、ところで！ ぼくさっきGoogleで検索していて、ちょっとしたことに気がついちゃったんですが！ 今日はちょっとそれを、ここにメモしておきますね！ ↓ほらこれ、 site:b.hatena.ne.jp エゴサーチしよう - Google 検索 はてなが URLの末尾にタイトルの文字列を含めてる。 あれれ…、前からこうだったっけ…！ URLにキーワード文字列を含めてやるのって今のところものすごく強力なSEOのひとつで、 Amazonとかもその手法をつかっているからか、 本のタイトルなんかで検索すると、よくAmazonが一番上
情報弱者とは - ぼくはまちちゃん！
はい！ 今日もお得な情報いっぱいゲットしてますか！ フィードの未読消化してますか！！ こんにちはこんにちは！！ ところでさいきん2chとか、そのまとめとかでよく「情報弱者」って言葉を見ますよね！ 「なーんだコイツ情弱か」みたいなやつ！ これネットとかを使えない人をバカにする感じで、よく使われているのかな…、たぶん。 だけど、そんな書き込みとかを見るたび、ふと思うのです…！ なんか、2chだとか、ブログだとか、あと、はてブだとかtwitterだとか、あるいはこの日記のような くだらない情報を追うことばかりに必死になってしまって、 それ見て気持ち良い汁を脳内で垂れ流すことだけが生き甲斐になっているような人こそが、 どっちかといえば人生における弱者なんじゃないかなーと…！ いや考え方によっては完全なる勝者…？ (脳汁の分泌量＝幸せの量、たとえばラリっている麻薬中毒者こそがこの世で一番幸せな人種だ
AIRアプリケーションを公開するためのメモ - ぼくはまちちゃん！
こんにちはこんにちは！ AIRアプリは完成しましたか！ はい！ 前回の日記のつづきなんです…！ (JavaScriptでかんたんAIRアプリに挑戦) ぼくはもうすぐ、なにか完成しちゃいそうな感じですよ！ でも、その前に…完成したやつを公開する為の手順が必要ですよね！ なんかちょっとややこしそうななので、これもメモしときます！ 今回は自分用メモみたいな感じで、わりといいかげんなんだけど、参考になれば…！ はい！ 完成したAIRアプリを公開するためには.airファイルにする必要があるよ。 .airファイルになるとインストーラ付きのパッケージになって、ダブルクリックで起動できるようになって嬉しいね。 アプリとしての体裁を整える やっぱり世間体も大事です！ アイコンとかも、ちょっといいやつつくっておこう。 AIRアプリ設定用xmlの中の<application>に以下を追記したよ。 <progra
JavaScriptでかんたんAIRアプリに挑戦 - ぼくはまちちゃん！
こんにちは！ みなさんガジェットつくってますか！ なんだか最近、色々な種類があるみたいですね！ Yahooナントカとか、Googleガジェットとか、Adobe AIRとか、シルバーナントカとか、あとWindowsサイドバーだとか…。 こういうガジェット的な、ちょっとしたデスクトップ用のツールって、 どうやってつくるのかなーなんて思って、ちょっと調べてみました！ そしたら意外と簡単だった…！ これならぼくにも作れそう！！ ってことで、ちょっとメモしておきますね！ どれにしようかな…！ つくるのが簡単なこと WinでもMacでも動いてほしい 使う人がインストールしやすそうなのがいい こんな感じで考えていくと… 最終的に、Googleガジェット か AIRなのかなー、ってことになりました！ でも実際ぼくはGoogleガジェットなんて使ったことないし…！ (なんとなくGoogleデスクトップとかも
スターコメントは要らない子？ - ぼくはまちちゃん！
こんにちは！ 突然ですが、はてなスターのコメントアイコンを消してみました！ スターの横にあった こんなやつなんだけど…！ これ、スターフレンド (最近お互いに☆をつけたもの同士？) のみに見える ちょこっとコメントをつけられる機能らしいんだけど…、 結局はてなスターが始まって１年半、最初に数回おためしで使った時くらいしかつかわれなかったよ…！ この日記みてるほとんどの人は、何かぼくに言いたくなったとき、 たいていは、はてなブックマークにコメントするし、そうでなくても、エントリーにコメント欄まであるよね。 これ以上、へんなコメント欄があっても使われなくてあたりまえなのかもしれない。 面白い試みだったけれど、ぼくには必要なかったみたい…！ ごめんね。 うん、でもやっぱり使わない機能や、アイコン、ボタン類は、できるだけ取り外した方が気分いいですね！ これ以上、取り外す箇所がなくなった時が完成なの
色々な要素にstyleをあてる - ぼくはまちちゃん！
全国のマークアップエンジニアの皆さん、こんにちは！ こんにちはこんにちは！！ 今日も元気にスタイルあててますか…！ ぼくはめっきりあててませんけど！ でもたまにはマークアップしたりスタイルあてたりしなきゃ、どんどん不健康になっちゃいますよね！ だから今日はぼくも久しぶりにCSSでも書いて、どんどんスタイルをあてていっちゃおうかなー、なんて気分です！ だけど、せっかくスタイルあてるんだったら、普段ほったらかしされがちな控えめな子をクローズアップして、ちょっぴり目立たせてあげたいですよね…！ はい！ そんな感じで今日は、<head>の中とかに書かれちゃっているような要素たちにスタイルをあてて遊んでみようかと思います！ … head … display: block、 title … display: block、 meta … display: block っと … …… …できた！ こんな感
空から女の子が降ってくる - ぼくはまちちゃん！
こんにちはこんにちは！！ はてな見てたら、こんなのがありました！ 【降臨賞】空から女の子が降ってくるオリジナルの創作小説・漫画を募集します - 人力検索はてな 条件は「空から女の子が降ってくること」です。要約すると「空から女の子が降ってくる」としか言いようのない話であれば、それ以外の点は自由です。 字数制限 : 200〜1000 字程度 締め切り : 2009-01-12 18:00 で募集を止めます。 優勝賞品 : もっとも稀少な(と質問者が判断する)作品を書いてくださった方に 200 ポイントを贈ります。 面白そうですね！ さっそくぼくも応募してみたよ！ 応募した内容はこれ！ javascript:(function(){scroll(0,0);H='http://hamachiya.com/';D=document;F=Math.floor;R=Math.random;Q=new I
ネット上でのキャラづくり - ぼくはまちちゃん！
こんにちはこんにちは！！ ネカマ入門の時間です！ いまどきネカマするなら、きちんとしたキャラ作りと、ある程度の流行は押さえておきたいものですよね…！ ネカマといっても一昔前と違って、漠然とオンナ言葉を使っているだけではモテません！ モテないネカマほど悲しいものはないですよ…！ そこで、キャラの方向によってどのように振る舞えばそれっぽくなるのか！ ポイントだけ解説したいと思います！ とりあえずなんでもいいんだけど、 テーマとなる文は適当にこれでいきますね。 テーマ：「お兄ちゃん、そこはらめぇ」 はい。 2chねらー女子に化けたい場合 「ちょｗお兄ちゃんｗｗｗそこｗｗちがｗｗらめぇｗｗｗｗ」 簡単ですね。入門に最適。適度に草はやしてみたり「ちょ」とか言ってるだけでそれっぽい。 基本、三行以内で。 唯一気をつけたいのは、2chねらー男子と違って女子は一人称の使用ををなるだけ控えるというところ。
仮想geek的女子による女の子的感覚の代弁 - ぼくはまちちゃん！
(前の日記)geekと女の子的感覚の違いへの追記 はてな： はてなスターのつけた/つけられた一覧がユーザーごとに見られるページつくったよ！ どうぞご利用ください！ geek: (おーやっと作ったんだ) べんりだねー。 女の子: (まさか晒されるとは思ってなかった…、スター削除してまわらないと) これはひどい…！ geek: は？ なにがひどいの？ 女の子: 晒しとか最悪 geek: あのさ、そんなページなくても、きみのスター、今までだって僕個人で集計できていたんだから 女の子: これだからgeekは… geek: スイーツ乙 女の子: …じゃあ言うけど、あなたの住んでいるマンション、多くの世帯が集合ポストで名前を公開しているよね？ じゃあそれ、べんりなようにネットで閲覧/検索できるようにしてもいいってわけ？ それ日本中の住宅に対してやっちゃうことも技術的に可能だよね geek: …それ別に
geekと女の子的感覚の違い - ぼくはまちちゃん！(Hatena)
ここでは、 geek = (ソーシャルナントカ慣れしたネットオタク) 女の子 = (そうじゃない女の子) として書くよ。 (女の子) ブログ等を含むネット上の交流は井戸端会議的な感覚 井戸端会議だから、少し通行人の耳に入る程度は許容できるけど それを勝手にテレビに映されると困る (geek) 閲覧制限でも設けていない限り、ネット上の発言が、いつ誰にどんな状態で見られるかもしれないことを知っている ニックネームや、その他特定できる情報から、いつ誰に、自分に関する他の情報が結びつけられて知られるかもしれないことを知っている 自分の日記やつぶやきが、ある日突然、大きなメディアや2chの祭り会場にとりあげられる可能性があることを知っている それが技術的に可能である・当たり前にできることを知っているから、自分がそれをする・されることを当たり前に受け入れられる ■たとえば、はてなスターで 誰につけた・
ぼくがきみをもれなく紹介するキャンペーン - ぼくはまちちゃん！
「はてなブックマークリニューアル記念！お気に入りユーザーを紹介してはてなグッズが当たる“はてなブックマークのノベルティセット欲しい！”キャンペーン開始！【応募締切：12/10（水）】 - はてなダイアリー日記 ↑なんてキャンペーンがはじまったみたいですね！ やりかたは、自分のはてなダイアリーに、 「はてなブックマークのノベルティセット欲しい！」って書いて、 自分のはてなブックマークのお気に入りの中から５人そこで紹介するだけとか！ かんたんですね！ そこで！ ぼくも便乗してキャンペーンしたいと思います！ 題して、 ぼくを紹介してくれたきみをもれなく逆に紹介しちゃうよキャンペーン！ 参加方法はかんたん！ はてなブックマークで、ぼくをお気に入り登録後 (→ここだよ！)、 上のはてなのキャンペーンでぼくのid「Hamachiya2」を紹介するだけ！ するともれなくこのエントリー上で紹介しかえしちゃ
となりの技術者をイラッとさせる10の方法 - ぼくはまちちゃん！(Hatena)
人の画面をじっと見る あるいは人の後ろにずっと立つ。 人の画面を指で触る せめて爪側、できればペン等で…！ 作業中に話しかけて、そのまま長話 質問や要点をまとめておいてから→いまいい？って確認するとか。 急ぎでなければ、たとえ隣の席でもメールかメッセンジャー的なもので…！ 自分じゃなくても答えられる質問 その技術者が「誰でも知ってて当然だろ」と思っているようなことを質問しちゃうのはだめ。 逆に技術者が「これは俺の得意分野」って思っていることを質問すると機嫌が良くなる場合も。 知ったかぶりによる言語批判 「****(言語)って汚い or 気持ち悪い」 これを言うのはほとんどその言語をちゃんと使ったことない人ばかりでは…！ バグの犯人捜し・犯人叩き 開き直っちゃうけどバグが出るのは仕方がないよ…！ 日経新聞から得たような(あるいは広告業界特有の)IT(?)用語 「WEB2.0のインフルエンサー
個人で使うドリコム式行動ターゲティング広告 - ぼくはまちちゃん！
はい！こんにちはこんにちは！ こんどは寝すぎで、ちょっぴり調子のおかしなはまちや２です！ こんにちは…！ ところでちょっと前に、こんな記事がありましたよね！ 行動ターゲティング広告はどこまで許されるのか http://it.nikkei.co.jp/internet/news/index.aspx?n=MMITbe000015102008 これの仕掛けの部分だけを簡単に説明すると… 見たことのあるページのリンク(visited)は色が変わったりする スタイルで、visitedなリンクと、そうでないものの高さとかを変えることができる 高さとかはJavaScriptで取得可能、つまり訪問済みリンクか取得可能 ページのどこかに、色々なサイトのURLを大量に隠しリンクしておく それぜんぶJavaScriptで調べて、来訪者が行ったことのあるページを把握 訪問済みサイトの傾向にあわせて広告表示 (簡
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
