Internet Explorer(IE)、Mozilla Firefox、Google Chrome、Safari、Operaなど、インターネット上のウェブページを閲覧する際に使用するソフトウェアをウェブブラウザと呼ぶわけですが、これらのブラウザのシェアがどのように移り変わってきたのか一目でわかる図があります。 圧倒的シェアを誇っていたIEがほかのブラウザにシェアを奪われていっている状況や、Google Chromeが着実にシェアを伸ばしている様子がよく分かるのですが、よく見てみるとちょっとしたネタが隠されているようです。 詳細は以下より。 Michael VanDaniker ：Historical Browser Statistics これがブラウザシェアの移り変わりが一目で分かる図 一番内側が2002年1月、一番外側が2009年8月になっており、2ヶ月ずつ外に向かっていきます。詳細

OS XのFinderの機能には一言物申したい人はたくさんいると思います。タブが使えたらいいのにとか、不過視ファイルをいじるのが面倒臭いとか、他にも不便なところを挙げればキリが無いですよね。そんなお悩みを全て解決してくれて、Macパワーユーザーの強い味方となってくれそうなのが『TotalFinder』です。 Finderの機能に長年不満を持っていた人にとって、Snow Leopardにアップグレードされても、ほんの少し表面的にしか機能が改善されていなかったのには、本当にガッカリしたことと思います。しかし、Cocoaで開発されているので、FinderでSIMBLプラグインを利用できるようになったというのが唯一の救いです。お陰で、『TotalFinder』を使うことができます。 最近では、Finderの代わりに『PathFinder』を使っている人も多いかもしれません。PathFinderと違

みなさん、こんにちは。そして、いまさらながら、あけましておめでとうございます。相変わらずの遅筆ですが、今年もどうぞよろしくお願いいたします。 さて、新年最初のテーマは「職務経歴書」。見るからにwifehackとは関係しなさそうな言葉ですが、どうしても書いておきたくなるような出来事があったので、忘れないうちにコラムにしてみました。 ■転職の仕組み 通常、IT関連に転職をするときは「履歴書」と「職務経歴書」を用意します。「履歴書」は学歴・職歴・賞罰などを記入するごく一般的なものです。それに対して「職務経歴書」は「スキルシート」「キャリアシート」などとも呼ばれ、エンジニアの経験と技術を採用担当者にアピールするための大事な書類です。 エージェントを使って転職活動をする場合は、以下のような流れで進みます。 転職希望者とエージェントが面談し、履歴書と職務経歴書を作成する 企業からの求人と転職希望者のス

あけましておめでとうございます！ 編集委員の早川大地です。皆様、年末年始どのように過ごされたでしょうか。筆者は年末年始、ジャパンカルチャーを見直すべし！と思いながら、コミケやメイドカフェに足を運んでみたり、その後の仕事一発目はタイからスタートの年となりました。 さて、個人的には今年のメディア的トピックは、電子書籍とライブ・ブロード・キャスティングになるんじゃないかと思っているのですが、今回はその後者の方、昨年あたりから盛り上がってきているライブ・ブロードキャスティングに注目してみました。つまりネット生中継。AndroidやiPhoneなどモバイル機器用Ustream中継ソフトも発表されて、いよいよもってどんどんお手軽になってきました。昔ならTV局みたいな巨大メディアしかできなかったことが、個人でできてしまうのだから、筆者としても興奮しきりなのです。 いまのところイベントやトークショー、記者

毎回入力する手間を省くために、アプリにパスワードを覚えさせている人、多いですよね。その場合、ちゃんと暗号化していないと、あなたのマシンをさわれる状態の人は、その気になれば簡単に解読できてしまうのです。おそらく、かなりの人がきちんと暗号化していないだろう、とにらんだ「The How-To Geek」エディターが、パスワードの保存の仕方のよくある間違いと、正しい方法を紹介しています。 まず、最初に想定するシナリオは、あなたの家を訪れる人は信頼できる人で、あなたのマシンにハッキングしてパスワードを盗むようなことはしない、というものです。そのかわり、あなたのラップトップが盗まれた場合を考えます。ただし、これから紹介する方法は、どちらの状況でも使えるワザです。パスワードが漏れないようにするのは大事なことですが、それ以前に予想されにくいパスワードを使うとか、パスワードを呼び出す質問（例：「あなたのお母

入力した/入力するパスワードを見えるようにする 筆者はパスワード入力をよく間違えてしまうのですが、そもそもパスワードの入力ボックスは不親切だと思いませんか？ どこまで入力したのかが分かりづらいと思うのです。セキュリティ面で考えると他の人に見られたりするような場所では、確かに入力したものが隠れている必要があります。 では、任意で見えるようにしてはどうでしょう？今回は任意でパスワードを見えるようにするサンプルの紹介をしたいと思います。 今回使うメソッドの紹介 まずは今回使うメソッドを紹介しておきます。 afterメソッド 指定した要素/文字列など(A)を対象要素(B)の後ろに追加します。 $(B).after(A); 同じようにbeforeメソッドというものもあり、こちらは指定した要素/文字列など(A)を対象要素(B)の前に追加します。 $(B).before(A); また、似たようなメソッド

フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ

はてなブックマークをGoogle Chromeブラウザでもっと便利に使える拡張機能、「はてなブックマークGoogle Chrome拡張」が正式リリースされました。これを記念して、Googleオリジナルグッズセットが当たる「Googleオリジナルグッズセット欲しい！」キャンペーンを開催いたします。 応募方法は簡単。このキャンペーンページを下記のリンクからはてなブックマークに追加するだけで応募完了です。【締切りは2/28（日）】 ブックマークに追加してキャンペーンに応募する！

ちょっと前まで、IEかどうかを判別する世界最短のコードは、「IEは垂直タブ(\\v)を理解しない」バグを利用した以下のコードでしたが、 '\v'=='v' // 9byte via Ajaxian その後 7byte 版が登場し、去年まではこれが世界最短とされていました。 !+"\v1" // 7byte via webreflection.blogspot.com そこで IEでは、var ary = [1,2,]; ary.length == 3; が成立するため、これを利用したより短い判別コードを考えてみました。 [,]!=0 // 6byte(IEでtrue, IE以外でfalse) +[1,] // 5byte(IE以外で1, IEでNaN) 6byte版で、世界最短かなぁ〜とか思ったのですが、念のため調べてみたら、 webreflection.blogspot.com の 20

第5回「パワフルなCSS/JavaScriptテクニック45」 2010年01月25日 翻訳元サイト：Smashing Magazine http://www.smashingmagazine.com/ 原文：45 Powerful CSS/JavaScript-Techniques http://www.smashingmagazine.com/2010/01/12/45-powerful-css-javascript-techniques/ 著者：Smashing Editorial 翻訳：中野恵美子 ※本記事は「Smashing Magazine」様より許可を得て翻訳、掲載しています CSSやJavaScriptはデザイナーやディベロッパーにとって、極めてパワフルなツールだ。しかし、使いこなすためのアイデアを得るのはなかなか難しい。ただ、デザイナーやディベロッパーはほとんど毎日、新し

As we are stepping in a new decade, I can foresee that web design in 2010 is going to be fun and filled with experimental works. With the new CSS3 and HTML5, designers and developers are trying to utilize the new features to create impressive designs. Sketchy and large background styles are fading out. Serif fonts and texturized background will be popular. Thanks to CSS3, we are going to see a lot

jQuery1.4のリリース前より、いろいろ紹介するとか言って起きながら結局紹介できなかったダメ男です。ちょっと奮起してちょっとずつでもご紹介していくぞ！ ということで、いくつかの機能を自分なりに紹介 今回は.first() と .last()、あとはそれに関するものと、.nextUntil() と .prevUntil()、あと.parentsUntil()の５つを書いておきます。 １、.first() ／ .last() セレクタのフィルタリングメソッドでの追加で、要素の最初と最後を返します。 //最初の要素 $('li','#demo1 ul').first().append(' First!'); //最後の要素 $('li','#demo1 ul').last().append(' Last!'); .first() ／ .last() DEMO このメソッドは、次に紹介するメソ

ただ「できる」だけではない、多くの有能な人と最高レベルで競い合うことのできるスキルを磨くにはどうすればいいのでしょう？ 一人の「天才」的な才能を生み出すのに必要な時間は、マルコム・グラッドウェルが Outliers で紹介したように、10000 時間と言われています。 しかしこれは必要条件であって、十分条件であるとは限りません。普通にチェスを 10000 時間実践していれば、たいていの選手よりは強くなれます。しかしあとになればなるほど時間あたりに得られる経験値は少なくなりますし、強くなればなるほど自分のレベルを高めてくれる相手を探すのが難しくなるので、グランドマスターになりたいのなら、さらに絞り込んだ訓練が必要になります。 ゲームでたとえるなら、「スライムばかり倒していてもレベルは上がらない」と言い換えられるでしょうか。 ただ秀でているというところから、本当に「天才」というレベルにまで人を

時が経つのは早いもので、ぼーとしてたらもう1月も終わりそうですね。外村です。 先日リリースされたjQuery1.4で新しく追加されたメソッドや新しい使い方ができるようになった機能を全部ではないですがいくつか紹介します。以下に変更点が全て掲載されているのでそちらも参照するといいと思います。 Version 1.4 ? jQuery API 新規で追加されたメソッド 1. nextUntil()、prevUntil()、parentsUntil() 指定したセレクタまでの要素を返します。以下の例ではitem3とitem4の後ろにテキストが追加されます。 <ul> <li id="item1">item1</li> <li id="item2">item2</li> <li id="item3">item3</li> <li id="item4">item4</li> <li id="item5

GoogleChromeでブラウジング している時に良く使っているショート カットキーをご紹介します。基本的 には左手でショートカットキーを使う ので良く使うのも左手で出来るもの が中心となっています。「そんなの 基本じゃん」という方はスルーの方向で・・ 使い易さ等は個人差が生じるので参考程度という事で。。。WindowsユーザーなのでWindowsでのショートカットになります。 コピー(Ctrl+C)、ペースト(Ctrl+V)、切り取り(Ctrl+X)、undo(Ctrl+Z)、全選択(Ctrl+A)、Ctrl+マウスの上下でページの拡大縮小などなど基本的なショートカットは割愛します。 [note]一応キーボードの画像を載せますが、キーの場所は共通ではありませんので参考イメージとしてご覧下さい。[/note] リロード　Ctrl+R ページをリロードします。Fxでも使っていました。F5で

A cognitive architecture is a theoretical framework that aims to describe the underlying structures and mechanisms that enable a mind—whether in natural organisms or artificial systems—to exhibit intelligent behavior. It encompasses the fixed structures that provide a mind and how they work together with knowledge and skills to yield intelligent behavior in a variety of complex environments. Cogni

If you need a really simple and basic Crossbrowser Tooltip on your website, this <1kb tooltip CSS script might be the one for you. Here is the 4 line magic (3lines css, 1line html): a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/ a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;} a.tooltip:hover span{display:inline; position:absolute; b

Our Cheat Sheets are Free for personal & professional use. Paid subscribers can add their logo for a professional “in-house” look.