タグ

ブックマーク / www.hamashun.com (14)

  • JS習作：フォームにフォーカスしたらデフォルトテキストを消す | Blog hamashun.com

    サンプルページ 概要 11月1週目のJavaScriptです。やりたかった事は以下。 input要素にデフォルトテキストが表示されていて、文字色は薄い フォーカスすると、デフォルトテキストが消えて文字色を濃く変える 何も入力せずにフォーカスを外すとデフォルトテキストが再び現れる 何か入力してあれば、再びフォーカスしても何も起こらない ソースコード jQueryを使用しています。 $(function () { var searchInpt = $("#searchText"); var defaultVal = searchInpt.attr("value"); searchInpt.css("color","#999"); searchInpt.focus(function() { if (searchInpt.attr("value") == defaultVal) { $(this)

    HolyGrail
    HolyGrail 2009/11/08
    がんばれー！
    リンク

  • HTMLコーダーとかマークアップエンジニアのキャリアパスについて | Blog hamashun.com


    最初に結論 この手の話は長くなりがちなので、チャッチャと進めようと思います。 なので最初に結論。 あ、﹁マークアップエンジニアって何？﹂と言う人はググってくださいすみません。 HTMLとCSSしかできない人は、そろそろ他の事も始めた方が良い。 コーダー今昔物語 その理由です。 昔‥テーブルコーディングで十分だよね ちょっと昔‥CSSコーディングできるんだー凄いね！ 最近‥CSSコーディングくらいできて当たり前だよね？ 将来‥えーHTMLとCSSしかできないのー？︵未来予想︶ こんな感じかなーみたいな。 僕は比較的最近になってこの業界に入ってきた人なので、昔の部分は聞いた話とかからの想像です。 言いたいのは、HTMLとCSSしかできない人の価値はこの先低くなっていくよねって事です︵人材的な意味で︶。 HTMLコーダー・マークアップエンジニアが進むべき道は？ ではどうしたらいいのか？ 答えにな
    HolyGrail
    HolyGrail 2009/11/08
    リンク

  • 実践CSS3 & HTML5 with Microformats ワークショップ :: Web Directions East に行ってきたのでまとめ | Blog hamashun.com

    実践CSS3 & HTML5 with Microformats ワークショップ :: Web Directions East に行ってきたのでまとめ 実践CSS3 & HTML5 with Microformats ワークショップ :: Web Directions Eastに行ってきました。 会場は恵比寿のとある会議室で、少人数（参加者10人弱くらい）で行われました。 講師はJohn Allsoppさんで、通訳にヤスヒサさん。 色んなお手伝い（という紹介でいいんでしょうか）にOli Studholmeさんというチームでした。 ヤスヒサさんは久しぶりにお会いしましたが、髪が伸びていました（お前が言うな）。 参加者の中で知ってる人はネコゼさんだけでした。 あの人とかあの人とか来ると思ったのになあ。。 休憩時間に技術評論社でHTML5の記事を書いた村田さんと名刺交換をさせてもらったりもしまし

    HolyGrail
    HolyGrail 2009/05/26
    なんでマークアップ関連のイベントとかセミナーっていちいちお金の臭いに突っ込まないといけないような金額ばっかりなんだろう。ハンズオン形式であるのが最大のメリットなんだから掲載許可で情報制限とかなにそれ
    リンク

  • ワーキングチェアの選び方 | Blog hamashun.com


    たまに上がるワーキングチェアの話題を見るたびに、イスマニアのhamashunはふはふは言いながら見させてもらっています。 せっかくなので僕の選び方を書いてみる事にしました。 ちなみに僕が会社で使っているのはVitraというメーカーのHeadLineという椅子です。 参考‥HeadLine 3Dアームチェア ベーシックダーク仕様︵ヘッドライン 3Dアームチェア ベーシックダーク仕様︶‥hhstyle.com 素材選び ワーキングチェアの素材は大きく分けてメッシュ系と布系に分けられます。 有名なアーロンチェアはメッシュですね。 メッシュは蒸れないと聞きますが、まあここは好みだと思います。 僕はメッシュは服が削れそうな気がしたので布の物を選びました。 日本製と海外製ではどっちがいい？ 平均的体格の日本人なら、基本的には日本製の方が合いやすいと思います。 オカムラのバロンとか有名ですね。僕はミーハ

  • li要素などを改行すると、要素と要素の間に半角スペース分の余白が現れる件について調べてみた。 | Blog hamashun.com


    追記‥トラバが送れないとの報告を受けて、文末に手動トラバを追加しました。 ナビゲーションなどをリスト要素でマークアップして、display: inline; で横並びにすると、li要素とli要素の間に謎の余白が現れます。 そして、この現象を解決する手段はいくつかあります︵参考‥リストをinlineで並べた時の余白｜CSS HappyLife︶。 でも、この余白はそもそも何者で、なぜ現れるのでしょうか。 余白の正体 結論から言うと、この余白の正体は空白類文字です。 marginやpaddingの暴発ではありません。 では、なぜ何もない場所に急に空白類文字が現れるのでしょうか。 この謎を解くには、まずは空白類文字について調べる必要があります。 空白類文字1文書文字集合には、多様な空白類文字が含まれている。その多くは、特定の視覚的スペーシング効果を生成するために何らかのアプリケーションが用い

  • CSS Niteで喋ってきました | Blog hamashun.com

    hamashunのセッション 先日のCSS Niteで、「Webの世界に情報発信しよう！」というタイトルで喋ってきました。 内容は簡潔に言うと、「ブログ書こうぜ」です。 当日のアンケートを見させてもらったんですが、おおむねいい感じの評判を頂けてたようでほっと胸を撫で下ろしました。 なんて言うか、正統派のプレゼンではなかったので、もっと好みが分かれるかなーとか思ってました。 特に寸劇とか寸劇とか寸劇とか。 スライドはUPしていますが、高橋メソッド風味なので（あくまで風味）、スライドだけ見てもあまり意味は無いっぽいです。 音声とか公開・・・されるのかな？ セミナーのような場所で喋るのは今回が初めてだったので、いろいろと勉強になり、また課題も見つけられました。 喋っている時の姿勢をもうちょっとシャンとした方がいいかなとか、間の取り方をもう少し緩急付けたいなーとか。 小山田さんのセッション 今回の

  • 一週間でマスターするXHTML & CSS for Windows　という本を出しました | Blog hamashun.com


    マイコミさんから単著出しました！ 本を出す事は小さい頃からの夢だったので、ねんがんの、という感じです！ 対象読者 タイトルから伺えますが、この本は初心者向けの本です。 はじめてWebサイトを作る人や、以前に挑戦したけど挫折してしまった人に向けて書きました。 あとは学校でのテキストや、新卒で入社したばっかりの人にもオススメできます。 特徴 構成 本書の作りは、まず手を動かしてモノを作る → その後に内容の解説 という流れが基本になっています。 ﹁技術とかよくわかんないけど、とりあえず作りたい！﹂という人は解説セクションを飛ばす事もできるわけです。 ﹁自分が書いたコードが、なぜその結果になるの？﹂と思った人は、じっくり腰を据えて解説を読む事ができます。 ググレカス これは僕が提案した試みなんですが、﹁本当はもう少しつっこんだ解説をしたいんだけど、専門的すぎて難しかったりDNBKされたりしそう…
    HolyGrail
    HolyGrail 2008/07/28
    イケメン
    リンク

  • そろそろライブドア事件について一言いっとかない | Blog hamashun.com


    ご注意 この記事はライブドア事件とは少しも全然一切合財これっぽっちも関係ありません。 その上元ネタを知らないとあんまり面白くないです。 サーセン。 一年経った ライブドアに入社してから一年経ったらこの記事を書かないといけないような、何とも言い表せない焦燥感に駆られてキーボードを取りました。 RealForceは本当にいいキーボードです。 入社前 結構驚かれる事が多いんですが、僕はライブドアが初Web業界です。 それまでは料理とか作ってました。 料理の世界は、若い頃になんとなくノリで入ってダラダラと続けていたんですが、ある時ひどい挫折を味わいまして。 で、その頃趣味だったWeb製作を仕事にしてみようかなと思った訳です。 とは言え、学歴無し経験無し実力無しコネ無しというどうしようも無い状況だったので、まずは実力を付けようと思いました。 独学では限界があるので学校に行くことにします。 この歳にな

  • 勉強会のまとめ方を公開するよ！


    おかげさまで勉強会のまとめ記事が人気です。 知り合いからもまとめ方を知りたいと言われたので、hamashunのやり方を書いてみます。 ノートPCの使用が前提になっています︵ある程度のタイプ速度が出せないと手書きの方がいいかも︶。 勉強会当日のメモを取る時 多少の誤字は気にしない ﹁くだしあ﹂とか﹁でうｓ﹂とか、その程度の誤字は無視します。 あくまでメモなので、読み返した時に記憶を蘇らせるキーにする事が重要です。 あんまりにもひどい誤字は、スピーカーさんの喋りが一息ついた時に直します。 喋っている間はタイプし続けた方がいいと思います。 見出しを作る スピーカーさんの話し方やスライドの雰囲気から察して、いわゆる大見出し的な発言は目立つようにします。 頭に■とか付けるだけでも大分違います。 僕が使っているez-htmlというエディタは、txtファイルでも色指定を設定できるので、視覚的に区別しやす

  • デザイン勉強会のまとめをするよ！ | Blog hamashun.com


    追記 2007-09-11 まとめWikiへのリンクを追加 2007-09-11 cremaさんの資料追加 FrontPage - デザイン勉強会まとめサイト - livedoor Wiki︵ウィキ︶ デザイナーでない人のデザイン入門 ベジェ曲線で行こう 簡単に名刺を作ろうぜ！ Webサイトのあり方と考え方 総括 Twitter繋がりのまめこが主催するデザイン勉強会に行ってきました。 という訳でまとめです。 この勉強会は、デザイナー向けではなく、デザイナー以外に向けたデザイン勉強会です。 会場は今回も株式会社ノッキングオン様に提供していただきました。 いつもありがとうございます！ なお、まだ資料とか公開されていないセッションもあると思うので、タイトルとか微妙に間違ってるかもしれません。 間違ってたらごめんなさい。 デザイナーでない人のデザイン入門 資料 トップバッターは先生もされているcr

  • デザイン勉強会までにInkscapeを予習する | Blog hamashun.com


    追記‥2007-08-29 文言を修正しました。 今度やるデザイン勉強会は、イラレがあると理解が深まるらしいです。 でも、さすがに値段が値段なので、今回の為に買うというのは難しいと思います。 そんな中に現れた救世主がInkscapeというソフト。 なんでもフリーソフトでありながら、イラレに匹敵する性能があるんだとか。 という訳で、デザイン勉強会本番までに覚えたい最低限の機能を予想して、ピックアップしてみました。 あ、ちなみにスピーカーの方とは何も相談していないので、完全に僕の予想です。 インストール ダウンロードはInkscape 公式サイトからどうぞ。 特につまづく所は無いと思います。 日本語以外の言語をオフにすると、40MBくらい軽くなるので、HDDの容量が気になる方はどうぞ。 インターフェイス クリックで拡大図が出ます。 とりあえずこれだけ覚えておけば、大体の事はできると思います。

  • マークアップエンジニア云々に関して書いてみる | Blog hamashun.com


    えーと、HTMLとCSSを書いてご飯食べてる人です。 ポジティブシンキンガーです。 マークアップエンジニア云々について書いてみます。 マークアップエンジニアって何よ？ って言う人は、necozeさんの[メモ]﹁マークアップエンジニア・テーブル﹂︵W2C 定例セミナー︶その1を読むといいです。 その4まであります。 いきなり結論amachangさんが言っているのは、 ﹁リソース余ってるんなら、面白い事あるからやってみない？﹂ って事かな、と僕は思いました。 リソース余り気味？ ここで言うリソースとは、HTMLやCSSの勉強に充てるリソースです。 なんだか最近、HTMLやCSSの話って、重箱の隅的な話題が増えていた気がするんですよね。 例えば﹁h1要素はサイトのタイトルかページのタイトルか﹂とか、もちろんそれはそれで大事な事なんだけど、最終的には文書次第ですし。 レベル1の見出しが2つ以上登

  • JavaScript勉強会のまとめ | Blog hamashun.com


    2007-07-12資料公開をした人の章にリンク追加 2007-07-12 sendさんの章に追記 超長いんでショートカットメニュー作りました。 あと、JavaScriptの素人が書いてます。 あちこち間違ってたらごめんなさい。 マークアッパー・デザイナー向けJavaScript入門 マークアップエンジニア・HTMLコーダー向け、Yahoo UILibrary活用術 Google Gears入門JSの使いどころ liveプレゼン 猿でもわかる GreaseMonkey Firebugの話 総括 Twitter関連でお世話になっているukstudioが、初心者向けJavaScript勉強会を主催してくれたので、モリモリ勉強してきました！ 会場は株式会社ノッキングオン様に提供して頂きました。 ありがとうございます！ 僕は行ってなかったんですけど、モバイル勉強会の時もお世話になったそうです。

  • twitter眼鏡オフ | Blog hamashun.com


    既にあちらこちらで報告が上がってますけど、ついったー発の眼鏡オフに行ってきました。 このオフはcremaさんのつぶやきが発端で、何故か﹁眼鏡or伊達眼鏡orサングラスorマッキー眼鏡 な人達でオフをやろう！﹂という流れに。 ﹁オフ会やろうか？﹂という段階から1週間経たずに開催されるという、超スピーディーな展開でした。 twitterっていう場的に、それくらい軽いノリの方が﹁らしい﹂ような気もしたり？ 集合場所は眼鏡屋 集合場所は渋谷マークシティの眼鏡屋ZOFF。 安い割りにオサレなフレームを扱っている店です。 Shunさんは露天で売ってるような1000円くらいの伊達眼鏡しか持っていなかったので、ここで新調しました。 猫をイメージソースにしたフレームだとか。 色はもちろん赤。 色々と3倍です。 あと、UK君に訳あってのわTシャツを持っていきました。 実物の写真は彼のBlogでどぞー。 会場は
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.