こちらの“ドラえもん”のイラスト、どうやって描かれていると思いますか？PhotoshopやIllustratorなどの画像編集ソフトで描かれているようにも見えますが、実はこのイラスト、なんと画像を一切使わずに「XHTML」と「CSS3」のソースコードのみで描かれているとのことです。 ▽CSS3 ドラえもん インターネット上でイラストを公開するには、JPGやGIFといった画像ファイルでアップロードするのが一般的。しかしこちらのドラえもんはそういった画像ファイルではなく、Webサイトを構築する際に使われるXHTMLとCSS3のソースコードのみで作られています。そのため“右クリックで保存”ができなかったり、ブラウザの種類やバージョンによって見え方が異なるのが特徴です。 こちらはFirefox3.6の場合です。FirefoxやGoogle ChromeはCSS3に対応しているので、グラデーションま

PCの周辺機器が増えると、便利になる一方で困るのが「コード類」の整理。ふと気づけば、「どうしたらこんな絡まり方をするの？」というくらいグチャグチャになっていませんか？今回は、「デスク周りのコード類の整理」に役立つエントリーを集めてみました。 ■机の上をスッキリ見せたい！ まずは机の上のコード類をスッキリさせる方法です。書類など大事なものがたくさん置いてあるところに、コードがグチャグチャという状態は避けたいですよね。 ＜スッキリ見せるポイントは？＞ ▽【最終回】これでスッキリ！　ケーブルやコードの整理術 - 日経ビジネス Associe(アソシエ) 必要以上に長いコードは束ねる、コードはできるだけ見えないところに置く、といった工夫をするだけでもスッキリと見せることができます。また「間違って電源コードを抜いてしまった…」というような状況を防ぐには、コードに名前を書いたラベルを貼ると分かりやすい

仕事や勉強など、やらなければいけない作業がある時に限って、他のことに気がいってしまうことはありませんか？今回は今すぐ使えるものから時間管理のコツまで、「集中力をアップさせる方法」についてのエントリーをご紹介します。 ■気が散らない工夫をしよう 気が散って作業が進まないと、イライラして余計に気が散ってしまいますよね。まずは気が散らないための工夫をしてみましょう。 ▽気が散る自分とつきあう9つの方法 : ライフハッカー［日本版］ こちらのエントリーでは、気が散る自分と付き合う方法として次の9つを紹介しています。 1.気が散ってしまう自分を受け入れる。 2.途中で気が散ることを想定する。 3.他の人に託すか、後にするか考える。 4.短めにタイマーをかける。 5.寄り道の原因になりそうなものを分散する。 6.刺激になるものを排除する。 7.分散して発信する。 8.周囲に協力を求める。 9.寄り道し

コミュニケーション能力と言えば「上手な話し方」ばかりが注目されがちですが、同じく重要なのが、人の話を「聞く」姿勢です。そこで今回は、ビジネスに限らず、家族、友人、異性との会話など、あらゆるシーンで役立つ「聞き上手」になる方法をご紹介します。 ■聞き下手な人の特徴は？ まずは反対に“聞き下手”な人の特徴から見ていきましょう。普段の会話で思い当たる部分はありませんか？ ▽聞き上手には程遠い！ 聞き下手な人の特徴 - livedoor ニュース こちらのエントリーによれば、聞き下手な人には次のような特徴があるようです。 「でも」「だって」で話を否定する。 相手の話を先に要約してオチまで言ってしまう。 自分が興味を持っているキーワードに飛びついて勝手に話を進める。 相づちは打つものの反応が薄い。 話にかぶるほど過剰に相づちを打つ。 話しているところに割り込まれたり、反応が薄かったりすると、話す側も

最近「クラウド」という言葉をよく耳にします。「今まで個人のパソコンにあったソフト、データベースなどをインターネットの向こう側に置き、必要なとき必要な分だけ使える」というのが大まかな概念と言えそうです。しかし、その辺はなんとなく理解できても「具体的には何が新しくなったのか？」「技術者が今度検討すべきことは？」などについてはよく分からない人もいるはず。そこで、はてなの伊藤直也と田中慎司が、さくらインターネットの社長・田中邦裕さん、さくらインターネット研究所所長・鷲北 賢さんと「クラウド」について熱く本音で語り合ってきました。 左から、はてな田中慎司、伊藤直也、さくらインターネット研究所所長鷲北 賢さん、田中邦裕社長 ■「クラウド」が実現可能にしたこと 伊藤直也　「『クラウド』って、言葉の使われ方としては2種類ありますよね。最近流行のTwitterやGoogleのGmailなどウェブのサービスで

今まさに新人研修の真っ最中、という新社会人のみなさんも多いはず。新人の最初の仕事として任されることが多いのが「電話応対」です。そこで今回は、社会人になったら覚えておきたい「電話応対のマナー」についてご紹介します。 ■基本の受け方、取り次ぎ方 まずは基本の受け答えや取り次ぎ方を見ていきましょう。 ▽電話応対の受け答え、ビジネスマナー ▽これで安心！電話応対マナー　基礎編 - ［ビジネスマナー］All About ▽社会人基本マナー：電話マナー - ビジネスマナータウンページ｜ ｉタウンページ 電話を受けて取り次ぐまでの基本的な流れは次の通りです。 受話器を取ったら「はい、○○会社でございます。」「はい、○○会社の□□でございます。」 相手が名乗ったら「いつもお世話になっております。」 相手が名乗らない場合「失礼ですがお名前をお伺いしてもよろしいでしょうか？」 取り次ぐ人の名前を言われたら「△

顔の印象を大きく左右する「メガネ」、あなたはどんなふうに選んでいますか？今回は「似合うメガネがなかなか見つからない」「どうやって選べばいいか分からない」という人のために、「似合うメガネの選び方」をご紹介します。 ■ポイントは「なりたいイメージ」＆「顔の形」！ お店にいくと種類が多すぎて、どれから試着していいか迷いますよね。自分に似合うメガネ選びのポイントはどこにあるのでしょうか？ ▽似合うメガネの選び方 | nanapi[ナナピ] ▽メガネの正しい選び方、知っていますか？ - FASHION - X BRAND ▽ハヤシメガネ　メガネフレームの形の選び方 ▽似合うメガネの選び方【健康Salad】 大きさについては、顔に対してメガネが大きすぎても小さすぎてもバランスが悪くなってしまうので、顔の幅の9割程度の大きさのものを選ぶようにします。フレームのラインと眉毛のラインが平行になっていることや

うっかり見逃してしまうこともあるテレビ番組。録画のためのデバイスやツールが普及しつつありますが、番組提供者側も過去放送した番組を見られるサービスを提供しています。アプリケーション依存で視聴環境が限られてしまうといった問題が指摘されていましたが、この問題も徐々に解消しつつあり、利用してみるとなかなか便利です。今回はそんなテレビ番組のオンデマンド配信サービスについて紹介していきたいと思います。 ■ 主要局のサービス はじめに主要局の番組配信サービスをリストアップしてみます。 NHKオンデマンド 第２日本テレビ - 日テレの動画ポータルサイト TBSオンデマンド 無料見逃しサービス｜TBS 動画配信サービス「フジテレビ On Demand」 テレビ朝日｜テレ朝動画 テレビ東京／あにてれしあたー 2010年4月現在、テレビ東京の「あにてれしあたー」以外は、Flash Playerで再生可能で、ブラ

毎日の歯みがき、実は適当に済ませていませんか？大人になると定期的にお医者さんに診てもらう機会も少なくなり、気づかないうちに虫歯になっているということもあります。そこで今回は、今一度見直したい「正しい歯みがきの方法」と、今すぐ実践できる「虫歯の予防法」をご紹介します。 ■正しい歯ブラシの使い方を覚えよう 歯みがきの目的は、虫歯や歯周病の原因になる「歯垢＝プラーク」を取り除くこと。みがき残しを作らないようにするには、どうやってみがけばいいのでしょうか？ ▽歯みがきの方法｜くらしに役立つ情報｜ライオン株式会社 ▽上手な歯みがきと予防 ▽虫歯の日に見直す“大人のための歯みがき法”とは - シュシュ 強い力でゴシゴシ擦ったほうが汚れが落ちそうにも思いますが、実はそれは間違い。正しいみがき方は次の通りです。 毛先を歯面（歯と歯の間、歯と歯肉の境目）にきちんと当ててみがく。 毛先が広がらない程度の軽い力

ちょっとした冊子を作りたい時、本を作りたいけど印刷所に頼むほどではない時など、自宅でも印刷や製本ができると便利ですよね。今回は製本の基本からコピー本や豆本の作り方まで、自宅でもできる「製本」の方法をご紹介します。 ■製本の種類もいろいろある？ 製本といっても、文庫本のように背表紙に全てのページがくっ付いているものや、フリーペーパーのように真ん中がホチキスで留められているものなど、様々な方法がありますよね。 ＜製本の基本を覚えよう＞ ▽とじ方、道具から折丁印刷まで | 手作り製本 - BindUp バインドアップ こちらのエントリーでは、次の4つの方法について、手順を写真付きで解説しています。 糸かがり綴じ：背の部分に糸を通してとじる方法。 無線綴じ：折丁（印刷された紙をページ順になるように折りたたんだもの）の背に接着剤を付けてとじる方法。 網代綴じ：折丁の中にも接着剤をしみ込ませ、折丁同士

新しいアプリが登場する度に、つい使ってみたくなる「iPhone」。あらゆる機能が揃って便利な反面、何でもこれ1台に頼ってしまうと、心配なのが“バッテリー”ですよね。そこで今回は「iPhoneのバッテリーを長持ちさせる方法」をご紹介します。 ■できるだけバッテリーを長持ちさせるには？ 外出先で「電池がない…！」という状況はどうにかして避けたいもの。実は、あらかじめ工夫できることもたくさんあります。 ▽アップル - バッテリー - iPhone ▽iPhoneのバッテリー設定を見直して、今より長く使えるようにしよう。 ▽「iPhone 3G」のバッテリーを長持ちさせる15の方法 - iPhone・iPod touch ラボ ▽iPhoneのバッテリーを長持ちさせる10の設定 « iPhone, iPod touch, iTunes, MacなどApple製品のニュースやTipsをお届けするap

Webから利用できる地図としてすっかりおなじみの「Googleマップ」には、目的地の場所を知るだけにとどまらない、便利な機能がたくさん揃っています。今回は、出かける前にぜひチェックしておきたい「Googleマップの便利な使い方」を集めてみました。 ■出かける準備はこれでばっちり？Googleマップの便利な使い方 “自分だけの地図”の作成やルート検索、時刻表のチェックまで、Googleマップには旅行や仕事で出かける際に役立つ機能が満載です。 ＜自分だけの地図を作れる「マイマップ」＞ ▽Google Japan Blog: Google マップを使って地図が簡単に作れるようになりました。 Googleマップ上の好きな位置に目印のアイコンを付け、自分だけの地図を作ることができるのが「マイマップ」の機能。旅行での行き先をあらかじめ地図にしたり、また作った地図は他の人とも共有することができるので、集

2006年にサービススタートしたTwitterですが、昨年から日本でもユーザーを増やしつつあり、使い始めたという方も多いのではないでしょうか。気軽につぶやけるゆるさや思わぬつながりにやみつきになってしまう気持ち、よくわかります。ただ、気軽につぶやいていると無意識の内に個人的な情報を公開してしまう可能性も。今回は実は危険かもしれないTwitterのもうひとつの顔をお伝えしたいと思います。 ■ 個人的な状況を検索 まずはTwitter公式検索を使って特定の状況の個人を検索できてしまうというエントリーを紹介します。 ▽twitter大ブームも個人情報の『ダダ漏らし』に要注意／岐阜のヒューマネット専務ブログ エントリーの中では 「彼氏と別れたばかりの女性」 を検索するキーワードが具体的に紹介されています。同様にして 「子供が今春で入学する」 「近く結婚式を挙げる」 といった特定の状況にある人を割り

「寒くてなかなか布団から抜け出せない。」「目覚ましが鳴ってもすぐ止めてまた寝てしまう。」など、いつも以上に朝起きるのが辛いこの季節。しかし仕事などでどうしても早起きしなければいけないこともありますよね。そこで今回は、この時期こそ実践したい「朝スッキリと目覚めるためのヒント」をご紹介します。 ■“布団から抜け出す”には？ 朝目が覚めても、「あと5分だけ…」とついつい二度寝したくなってしまいますよね。まずは、そんな時に気持ちを切り替えて布団から抜け出すためのヒントです。 ＜まずは足だけでも布団から出そう＞ ▽起床術 - 布団から抜け出すためのテクニック - 早起き生活 こちらのエントリーで紹介しているのは、次の4つのポイントです。 まずは布団から足だけ出す。 カーテンを開けておき、部屋を明るくする。 テレビやラジオをつける。 かけ声をかけてガバ起きする。 布団から抜け出すためには、目覚めのぼん

初めての人と話す時や大勢の人の前で話す時は、どうしても緊張してしまいますよね。「慣れれば大丈夫」と言われても、慣れるまではなかなか不安が尽きません。そこで今回は、そんな時に役立つ、色々な場面で使える「緊張をほぐすヒント」をご紹介します。 ■面接で初対面の人と話すには？ まずは、面接など「初めての人と1対1で話す場合」についてです。 ＜面接で気を楽にする3つのアイデア＞ ▽人見知りが考えた、面接のときに少し楽になれる3つのアイディア - じゃがめブログ こちらでは、自身も人見知りだという筆者が、面接の際の緊張を少しでも和らげるための3つのヒントを紹介しています。 笑顔をつくる 面接官の良い所を見つける 面接官の目ではなく鼻の頭辺りを見る 話しやすい雰囲気を作るのに欠かせないのがまず「笑顔」。そして優しげ、真面目そうなど、相手の良いところを見つけられれば親近感もわきます。また目を見るのではなく

大切な本をキズや汚れから守ってくれる「ブックカバー」。毎日持ち歩くなら、自分の好みに合った“手作りブックカバー”にしてみるのはいかがですか？今回は身近な素材で簡単にできるブックカバーの作り方や、無料でダウンロードして使えるブックカバーをご紹介します。 ■お気に入りの布で手作りブックカバー まずは定番の布製ブックカバーの作り方です。 ＜シンプルな差し込みタイプ＆スライドタイプの作り方＞ ▽布製ブックカバーの作り方 | 差し込みタイプ ▽布製ブックカバーの作り方 | スライドタイプ こちらは表紙を差し込んで使う「差し込みタイプ」と、テープを使った「スライドタイプ」のブックカバーの作り方です。基本的な作り方はまずこちらからどうぞ。ミシンはもちろん手縫いでも作ることができます。 ＜レースやボタン、パッチワークでアレンジしよう！＞ ▽手作り雑貨の作り方 | スタジオクリップ > ブックカバーの作り方

シンプルで軽い操作が魅力のブラウザ、「Google Chrome」。登場以来順調にシェアを伸ばし続けていますが、中でも注目なのが昨年12月にベータ版が公開されてから、既に2000種類以上登場している「拡張機能」ですよね。今回は「たくさんありすぎて何から入れていいか分からない！」という人のために、はてなブックマークでも人気の「Google Chromeの拡張機能」についてのエントリーをご紹介します。 ■仕事の効率アップにも使える！オススメ拡張機能いろいろ まずは最初に入れたいものから仕事や趣味に役立つものまで、オススメの拡張機能をまとめたエントリーです。 ＜最初に入れておくと便利な拡張機能は？＞ ▽Google Chrome に最初に入れた６つのエクステンション – ライフハック心理学 「とりあえず、最初に入れておくと便利なものを知りたい！」という人には、筆者が最初に入れた拡張機能についてま

大学進学や就職など、春の新生活に向けて本格化するのが、物件探しや引っ越し。そこで今回は、部屋探しや引っ越しの際に参考になる情報をまとめてみました。 ■物件を探す時期を見極めよう！ 新築物件が出回りやすい時期、初期費用が抑えやすい時期など、探す物件により「借り時期」があります。 ▽賃貸の「借り時」を考える〜物件が多いのは？　部屋が借りやすい時期はいつ？ - ［賃貸・部屋探し］All About こちらの記事では、物件を探す人の推移や空室状況などから、いつ頃が狙いどころか、という考察をまとめています。 また、物件を探しはじめるのは引っ越す1か月半～2か月前が目安とされています。 ■まずは条件をリストアップしよう！ 住みたい場所や家賃の上限、理想の間取りなど、希望条件を出して、その中で“譲れるもの”と“譲れないもの”の優先順位を決めましょう。 ▽賃貸条件の決定はこう決めろ！＠賃貸攻略『部屋探し達

メールのやり取りなしにビジネスをするのは難しい時代になりましたが、ビジネスメールの書き方に自信が無いという人も多いと思います。そこで今回は、ネット上のビジネスメール記事を参考にしながら、ビジネスメールの書き方の基本について簡単に確認してみましょう。 さて、一口にビジネスメールと言っても、「相手に自分から送信するのか、返信するのか」、「社内向けか、社外向けか」、「初めての相手か、二度目以降なのか」など、状況に応じて様々な書き方が存在します。とりあえずここでは、最もフォーマルな書き方が要求される「社外」の「初めての相手」に向かって「送信」するという状況を想定して紹介します。 さて、ビジネスメールは、基本的に以下のような3つのブロックによって文章が構成されます。 1. 前文 2. 本文 3. 末文 前文では「相手への挨拶とメールを送った目的の説明」、本文では「メールの用件の具体的内容」、末文では

忘年会シーズンが近づいてきました。忘年会といえば、普段と違う話題で盛り上がったり、あまり話したことがなかった人とも親しくなれるチャンスですよね。今回は、そんな飲み会での会話をさらに盛り上げるためのヒントをご紹介します。 ■場をしらけさせない話し方って？ 会話を盛り上げられる人と盛り上げられない人の行動には、どんな違いがあるのでしょうか？まずは場をしらけさせてしまう、ダメな会話の原因を見て行きましょう。 ▽誠 Biz.ID：人を動かす話し方講座：飲み会で話を盛り上げる2つの気配り 場をしらけさせてしまう会話の代表的なパターンが、「話が長い」「会話の流れを止めてしまう」という2つ。こちらのエントリーでは、そうなってしまわないために心がけたいポイントをシンプルに2つ挙げています。グループでの会話は、みんなで輪になって遊ぶバレーボールのイメージで。自分が受け取るボールはなるべく短く、そして相手が受