CSSで半透明、opacityとrgbaの違い - ぼくはまちちゃん！
こんにちはこんにちは！！ 今日はちょっとCSSのメモです！ 半透明について！ opacityを使った透過 #testOpacity { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE */ filter: alpha(opacity=40); /* IE */ -moz-opacity:0.4; /* Firefox(old) */ -khtml-opacity: 0.4; /* Safari(old) */ opacity: 0.4; } Opacity test! opacityは子要素まで全て透過する。 RGBaを使った透過 #testRgba { background: rgba(0, 0, 0, 0.4); /* RGBを10進数(0〜255)で指定、不透明度を0〜1.0で指定 */
はてなブックマーク詳細ページがGoogleペナルティ…？ - ぼくはまちちゃん！
こんにちはこんにちは！！ ところで先日から、はてなブックマークの詳細ページが、 Googleからペナルティ食らってるような気がしてならないんだけど…！ (本当にそうなのかどうかはちょっと自信ないので、誰か詳しいひと調べてみてください…！) どうなんだろう？ あ、なぜ、ぼくがそう思ったかについては、以下の方法を試してみてね！ ・Googleの検索欄に「site:b.hatena.ne.jp 」と入れて… ※b.hatena.ne.jp配下のみ検索という意味 ・さらに続けて、昨日とか一昨日の、最近人気エントリーの上位に入っていた記事のタイトルを適当に入れて検索すると… → site:b.hatena.ne.jp ちょっと知識と勇気があれば誰でも職質は断れます！ - Google 検索 ・以前なら、もちろんその記事のはてなブックマーク詳細ページが一番に出たはず… (参考画像 2009/06/09
はてなブックマークのやりすぎちゃったかもしれないSEO - ぼくはまちちゃん！
はい！こんにちはこんにちは！！ もうすぐ梅雨ですね！ 2009年も半ばって感じです…！ 2009年といえば…、 そう！ マネタイズですね！！ はてなのマネタイズ！！ マネーだいじ…！ だってお金がなくなっちゃうと、みんなの大好きなはてなもなくなっちゃうもんね…。 そうそう、ところで！ ぼくさっきGoogleで検索していて、ちょっとしたことに気がついちゃったんですが！ 今日はちょっとそれを、ここにメモしておきますね！ ↓ほらこれ、 site:b.hatena.ne.jp エゴサーチしよう - Google 検索 はてなが URLの末尾にタイトルの文字列を含めてる。 あれれ…、前からこうだったっけ…！ URLにキーワード文字列を含めてやるのって今のところものすごく強力なSEOのひとつで、 Amazonとかもその手法をつかっているからか、 本のタイトルなんかで検索すると、よくAmazonが一番上
geekと女の子的感覚の違い - ぼくはまちちゃん！(Hatena)
ここでは、 geek = (ソーシャルナントカ慣れしたネットオタク) 女の子 = (そうじゃない女の子) として書くよ。 (女の子) ブログ等を含むネット上の交流は井戸端会議的な感覚 井戸端会議だから、少し通行人の耳に入る程度は許容できるけど それを勝手にテレビに映されると困る (geek) 閲覧制限でも設けていない限り、ネット上の発言が、いつ誰にどんな状態で見られるかもしれないことを知っている ニックネームや、その他特定できる情報から、いつ誰に、自分に関する他の情報が結びつけられて知られるかもしれないことを知っている 自分の日記やつぶやきが、ある日突然、大きなメディアや2chの祭り会場にとりあげられる可能性があることを知っている それが技術的に可能である・当たり前にできることを知っているから、自分がそれをする・されることを当たり前に受け入れられる ■たとえば、はてなスターで 誰につけた・
となりの技術者をイラッとさせる10の方法 - ぼくはまちちゃん！(Hatena)
人の画面をじっと見る あるいは人の後ろにずっと立つ。 人の画面を指で触る せめて爪側、できればペン等で…！ 作業中に話しかけて、そのまま長話 質問や要点をまとめておいてから→いまいい？って確認するとか。 急ぎでなければ、たとえ隣の席でもメールかメッセンジャー的なもので…！ 自分じゃなくても答えられる質問 その技術者が「誰でも知ってて当然だろ」と思っているようなことを質問しちゃうのはだめ。 逆に技術者が「これは俺の得意分野」って思っていることを質問すると機嫌が良くなる場合も。 知ったかぶりによる言語批判 「****(言語)って汚い or 気持ち悪い」 これを言うのはほとんどその言語をちゃんと使ったことない人ばかりでは…！ バグの犯人捜し・犯人叩き 開き直っちゃうけどバグが出るのは仕方がないよ…！ 日経新聞から得たような(あるいは広告業界特有の)IT(?)用語 「WEB2.0のインフルエンサー
その言葉は誰のためのもの？ - ぼくはまちちゃん！
みなさんげんきに通勤してますか！ ぼくも山手線デビューして１ヶ月ほどたちました！！！ ところで山手線といえば！ (大阪の環状線もそうなんだけど) アナウンスで「山手線、内回り、どこそこ方面行き〜」なんて言ってるよね。 こういうの聞いて、たとえば、原宿→渋谷は内回りなのか、外回りなのかって すぐに答えられますか！ むりだよね！ え！！！ できるの！ きみってHOゲージとか集めちゃったりしてますか！ ぼくはこの先１０年住んでもきっと無理です内回りがどっちかわかりません＞＜ だって環状線でも無理だったから…！ でもこれたぶん、線路図を紙に描いて、上から眺めているひとたちにとっては、 わかりやすい呼び名だったのかもしれないね。内側の線路、外側の線路。 設計者、運営側、中の人にとっては、当たり前の言葉。 当たり前すぎて、 「ユーザーからはそんなもの見えない」ってことに気づかなかったのかもしれないね…
警察から電話が…！ - ぼくはまちちゃん！
大変です！ たいへん！ こんにちは！！ さっきtwitterにも書いたんだけど、警察から電話がありました！ どうしよう！！！ とりあえず、せっかくなのでこっちの日記にも書いておきますね！！ そう、ぼく予告.outを、自慢のD905iでも読み書きできるようにしよーって思って、久しぶりに携帯を見てみたんだよ！ そしたら、いつもはモバゲーのマキとか、ジャンカラとか、逆援希望とかのメールばかりなのに、珍しいことに留守電が！ はやる気持ちを抑えつつも、再生してみたら、宮城県警でした！ びっくり！ なんでぼくに警察から電話が！ しかもミヤギの！ あ！ そうか！ 予告.outがすてきだからってことで表彰してくれるのかもしれない！ あるいは一日署長の依頼かも？ そんな感じでわくわくしながら、電話してみたよ！ 警察： はいこちら警察本部ですー はまち: あのうそちらのサイバー？なんとかさんから、ぼくあてにお
こんにちはドコモ - ぼくはまちちゃん！
こんにちは！！！ 先日、とうとう憧れのケータイ買っちゃったはまちや２ですこんにちは！ あ！ ウィルコムさんさようならー！！！！！！！ すばらしいね、D905i…！ はやいね！ 洗練されてるね！ 画面きれいだね！ モバゲーできるね！！！ やったね！ むかしむかし、キムタク主演のGiftってドラマで、 パカッと開く二つ折りのケータイが、やたらとかっこよく使われていて、 恥ずかしながら、それ以来ケータイは、二つ折り信者だったんだよ！ たしか当時、N102だか103だかいうの使っていたかな…！ でもこのD905iは、パカじゃなくてスライド式だね。 だけど、よく練られてるねー。 まわりがこぞって二つ折りなのに、勇気もあるのかな！ 実は近頃あの「パカ」動作に面倒さを感じてきてたところだったので 触ってみて、使い勝手に感動したよ！ レッツノートみたいなクルクルリングもいいね！ 慣れないうちは、テンキーい
ぼくはまちちゃん！(Hatena) - Port801 (初心者向け)セキュリティ勉強会 Hamachiya2編
こんにちはこんにちは！！ 先日、Twitterで声をかけてもらって、 第一回 Port801 セキュリティ勉強会っていうのに参加してきたよ！！ (↑pw: security) そこで、すこし喋った時のビデオを頂いたので、もったいないので公開しちゃいますね！ プレゼンだとかそういうの慣れてなくて、ぐだぐだな感じだけど、 よかったら何かの参考にしたり、晩ご飯のおかずにしてください＞＜ Port801 セキュリティ勉強会 - Hamachiya2 その1 (http編) Port801 セキュリティ勉強会 - Hamachiya2 その2 (CSRF編1) Port801 セキュリティ勉強会 - Hamachiya2 その3 (CSRF編2) Port801 セキュリティ勉強会 - Hamachiya2 その4 (XSS編1) Port801 セキュリティ勉強会 - Hamachiya2 その5
はてなダイアリーに(対応外の)ブログパーツを貼る
はてなダイアリー日記 - 自分のはてなダイアリーにブログパーツを設置できるようになりました これはいいね！ さっそく googleガジェットを使って、(対応外の)すきなブログパーツとかを色々貼ってみよう！ まずは下のようなテキストファイルをつくって、文字コードをutf-8で保存…！ <?xml version="1.0" encoding="UTF-8" ?> <Module> <ModulePrefs title="ここにパーツ名かこうね！"> </ModulePrefs> <Content type="html"> <![CDATA[ (ここにブログパーツ貼り付けコード) ]]> </Content> </Module> たとえばtwitterのブログパーツ(badge)を貼るのなら、ファイル名を「twitter.xml」とかにしておいて、 このファイルをどこかのサーバーにアップロード
IEを華麗に撃墜する一行 - ぼくはまちちゃん！(Hatena)
はい！ こんにちは！！！！！ 今日は、偶然ブラクラ発見しちゃったから、それをお伝えしますね！ これだよ！ <style>*{position:relative}</style><table><input></table> → サンプル (IEだとブラウザが終了しちゃうよ！ 注意してね！) IE6とかIE6のコンポーネントブラウザだと確実に落ちちゃうみたいだね！ IE7は確認してないけど！ tableとかtrの直下に、inputとかselectがあって、 そのあたりにcssの全称セレクタでposition:relativeがあたっているとダメなかんじかな！ ちなみにinputにstyleで直接relativeあてても落ちなかったよ！ なにこれ！ よくわかんないけど面白いね…！ FirefoxとかOpera大好きっ子は、 これをたくさんバラまいてIEのシェアをどんどん下げちゃえばいいと思うよ！
Ustreamでゲームとかデスクトップの実況中継 - ぼくはまちちゃん！(Hatena)
Ustream でデスクトップ中継やってみよう！！ Webカメラもってるひとは HolyGrail様のエントリーをみてね！ こちらでは、 Windowsのゲームとかデスクトップを公開するやり方を詳しくって声がTwitterであったので、 ぼくなりにやってみて、うまくできた方法を書きますね…！ ( http://ustream.tv/channel/Hamachiya2 ) 1. デスクトップを動画に 仮想ビデオデバイスみたいなのを使います！ なんかこれ！ → SoftCam シェアウェアだけど、お試し15日間つかえるよ！ 2. 音楽も配信 短いケーブル (こんなやつ) で、パソコンのAUDIO OUT と IN を物理的につなぎます！ おわり！ ソフトウェア的にやる方法おしえてください＞＜ あとはブラウザから、Ustream の [GO LIVE] ボタン押せば、SoftCam が起動する
ぼくがCSSを書くときに手放せないツール - ぼくはまちちゃん！(Hatena)
こんにちはこんにちは！！ CSS書いてますか！！ ぼくなんか書きすぎて border: 1px solid red; が0.5秒で打ち込めそうな感じなんです＞＜ ところで、CSSいっぱい書いてると、ぱっと見ただけでおよそ何ピクセルか、 わかったりするようになるから人間ってすごいよね！ この余白は 6px だな、こっちのblockは 40px くらいかな？ とか…！ 大きいのは難しいけど！ 最近はエラスチックなんとかレイアウト？っていう em で指定しちゃうのが流行だそうだから pxはあまり使わないのかもしれないけどね！ ところで、そんなぼくがCSSを書くときに必須なツールがあります！ 紹介しちゃいますね！ きっと手放せなくなっちゃうよ！ ひとつが、カラーピッカーだね！ 画面上の好きな色を拾うやつ！ これは色々なものが公開されているから省略しますね！ ぼくはこれつかってるけど！ もうひとつ…
IPAたんからお礼が！ - ぼくはまちちゃん！
はじめてのほうこく IPAたんからの返事 IPAたんからへんじこない のつづきです！！！ 返事きたよ！ きてました＞＜ Date: Thu, 01 Feb 2007 20:43:06 +0900 To: Hamachiya2 Subject: 【IPA#32334280/IPA#11631745/IPA#92669403/IPA#94436430】 届出いただいた件について - ----------------------------------------------------------------- このメールは、以下の取扱い番号に関する連絡です。 IPA#32334280/IPA#11631745/IPA#92669403/IPA#94436430 - ----------------------------------------------------------------
IPAたんからの返事 - ぼくはまちちゃん！
Date: Tue, 30 Jan 2007 10:37:05 +0900 From: "IPA/vuln/Info" To: root@hamachiya.com はまちや２様 ウェブアプリケーションの脆弱性関連情報を届出いただき、ありが とうございます。 本件につきまして、ガイドラインの以下の項目に記載がありますよ うに、届出の際には発見者様の氏名をご記入頂いております。 これは、責任ある届出を促すためであり、匿名やハンドルネームの 届出は受理できませんので、実名での届出にご協力をお願い致します。 ----------------------------------------------------------- 「情報セキュリティ早期警戒パートナーシップガイドライン」P.17 V．ウェブアプリケーションに係る脆弱性関連情報取扱 2. 発見者の対応 4) 届け出る情報の内容 ・発見者
きみの部屋にも光ファイバー - ぼくはまちちゃん！(Hatena)
こんにちはこんにちは！！ 今日もプチプチ、回線切れてますか！ ネットゲームなんかだと致命的だよね…！ ノイズとかで切れちゃうのって！ 光にするのって、ただ速いだけじゃなくて、 そんなところにもメリットがあるんだと思います！ でも「うちは引けないなー」って諦めてるひと、案外多かったりしませんか！ たとえば、 大家さんが認めてくれないよきっと…とか、 市営・都営住宅だし…とか、 すでに、マンションVDSLタイプが導入されてるけどなんか調子悪いとか、 いつまでたっても数ヶ月後にマンションタイプの計画がとかなんとか…！ さて今日は、そんなきみに、 さくっと部屋まで光ファイバーを引き込めちゃうかもしれない方法をお教えします！ とりあえず、NTTの、 ・ハイパーファミリー (安くて速いやつ) もしくは ・ベーシック (高くて、もうちょっとだけ速いやつ) を、導入するって前提でいきますね！ これ「一戸建
はてなブックマークから自衛する - ぼくはまちちゃん！
さいきんなんだか、インターネットに マナーのわかっていない子供ちゃんたちが増えてるよね！！！ たとえばTOPページ以外へ無断リンクしちゃう子とか！ とくにひどいのが、はてなブックマーク？とかいう、ネットウォッチ掲示板！！ あれはひどい…！ あんなの、アメリカなら100回訴えられててもおかしくないですよ！ なんかそういうのって、 サーバーの設定とか、スクリプトとか使えば弾くことができるって教えてもらったけど、 オタクの人とかでもない限り、そんなの無理だし…！ そこで！ ぼくやきみでも、お手軽かんたんに、はてなブックマークされない方法を考えてみたよ！ ↓やり方は、ファイル名をながーくして、urlを 257文字以上にするだけ！ http://hamachiya.com/junk/0123456789abcdef0123456789abcdef0123456789abcdef0123456789a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Googleトークのすてきなところ - ぼくはまちちゃん！
IPAたんからへんじこない - ぼくはまちちゃん！
はじめてのほうこく - ぼくはまちちゃん！
