泥棒対策のため、あまりカギの構造が公になることはないのだが、YOUTUBEでダイヤル式のカギの構造を解説してくれる動画がアップされた。 動画は英語だが、映像を見ているだけでピンと来るはず。木の模型でできたカギのダイヤルをクルクルと回していくと奥のパーツと連携するようになっており、右に左にと回すことでうまく調整していく仕組みになっていたのだ。0：15では無事カギを開けることができる。 なお動画は構造の解説に終始しているので全部見なくてもOK。 http://youtu.be/lQZmKNjbtXo 外国人のコメント訳 ・これ知りたかったやつだ！！！ありがとう！！！！ ・超理解した ・すげええええええええ ・この仕組み、考えた人天才か… ・いつも不思議だったけど、ついに納得した！！ ・カギ式のはいっつもカギなくすからダイヤル式のほうが便利なんだよな ・はじめに出てくる木の模型かっこいい ・解説

PCの接続端子として不動の地位を確立したUSBに設計上の致命的な脆弱性が見つかり、この脆弱性を突くハッキング手法「BadUSB」が2014年8月に開催された開発者会議Black Hat 2014 USAで発表されていました。BadUSBについて公表した技術者は有効な対策のない脆弱性の危険性を勘案してコードを公開しませんでしたが、DerbyCon 4.0の講演でBadUSBのコードが別の技術者によって公開されてしまいました。 SRLabs-BadUSB-BlackHat-v1.pdf (PDFファイル)https://srlabs.de/blog/wp-content/uploads/2014/07/SRLabs-BadUSB-BlackHat-v1.pdf The Unpatchable Malware That Infects USBs Is Now on the Loose | WIR

ランディングページといったコンテンツもレイアウトも全て決め打ちで成立するようなものはさておき、多くの Web サイトおよびアプリケーションは、いかなる分量のコンテンツであろうと柔軟に受け入れて表示出来るように設計・デザインされなくてはなりません。 しかし、全ての文字列を表示するには長過ぎてレイアウトが崩れてしまうといった場合には、何らかの方法で文字列を省略する必要があります。一昔であれば Ruby や PHP、Java などサーバーサイドで文字列を切り捨てるなどの加工をしてからフロントエンドに返すという方法が常套手段として用いられていました。しかし、これでは昨今のワンソースによるレスポンシブデザインといったスクリーンサイズに応じて動的に表示領域が変わるようなデザインに対応しきる事が出来ません。PCサイズの表示領域に適した文字数を返したとしてもモバイルサイズの表示領域がそれと同じとは限りませ

ドル＝doller なのに、なぜ記号では「S」に縦線なのでしょう？ ちなみに「￥」マークにも、ちゃんと理由がありました ドルマークといえば、「$」。一度は見たことがあると思うのですが、そもそもなぜこのマークを使うのでしょうか。「ドル」は「dollar」なので、「D」を使えばいいと思うのですが、実際は「S」が使われています。実は、これには、2つの説があるのです。 まずは、アメリカ大陸を発見したのがスペインなので、その頭文字である「S」を使っているということ。植民地の時代には、「ドレラ」という通貨だったのですが、やがて「ドル」に変わったようです。そして、縦に入っている2本の線は、ジブラルタル海峡の東の入口に位置している「ヘラクレスの柱」を表現しています。ちなみに、ジブラルタル海峡は、スペインとモロッコの間にある海峡です。 もうひとつの説は、「The United States of Ameri

画像表示のマルチデバイス対応をHTMLとCSSのみで実現できる「レスポンシブ・イメージ」ですが、効果的な使い方をするには、いくつか注意点があります。プロダクション・サイトで使えるようになるまでにはもう少し時間がかかりそうですが、基礎と注意点くらいは今から覚えておいても良さそうです。 Cloud Fourというアメリカの制作会社のブログ で、<picture>要素の使い方について注意を促していて、とても重要な情報だと思ったのでこちらでもシェアします。先日書いたレスポンシブ・イメージとPicturefill 2のまとめとあわせて、近い将来、レスポンシブ・イメージ実装の参考になれば幸いです。 まずは推奨の記述方法から レスポンシブ・イメージ実装の際に推奨されるHTMLの記述方法は以下のとおりです： とりあえず、これだけ覚えておけば、細かいところはこの記事をはてブ しておいて、使う時にもう一度見な

こんにちは。mackyです。 CSS3で追加されたremという単位が便利な理由をpxやemと比較してまとめてみました。 IE8以下は非対応ですので、px指定を追加する必要がありますが、 スマートフォンやRWDにはとても便利です。 ちなみに、 remというのは、「root+em」（ルートエム）の略でhtmlのサイズを継承するemだと。 なるほど、とてもわかりやすいです。 そのまえにem（pxも）の継承をおさらい。 px(ピクセル) ピクセル単位の指定。 環境によって変化しない絶対単位です。 em(エム) 文字の高さを基準にした単位。1emは1文字分で、環境によって大きさが変化する相対単位。 bodyなどでfont-sizeの指定をしていない場合、あるいはfont-size:100%なら「1em=16px」が基準になります。 まずはpxとemをおさらい pxとemについてのわかりやすい説明はこ