ここまで凄いって知ってた？「CTスキャン」のカバーを取った姿に驚きの声 病院で人体の断面図を撮影する「CTスキャン」。 大きなドーナツ状の穴に、頭からすっぽり入るデザインですが、この中の機械がどうなっているかご存知でしょうか？ 「白いカバーを外すと中身はこうなっていたのか！」と驚かれていた写真をご覧ください。 もうそこは宇宙船の中とも思えるほど、構造が入りくんでいます。 なんとなく検査してもらっていた機械が、実はここまで高度な造りだったとは知りませんでした。 CTスキャンの真の姿（？）に、海外掲示板でも驚きのコメントを残している人も多くいました。 ●誰かがこれを設計して組み立てたってこと自体が、自分にとって驚きだ。 ●こんなの作れるのは神だけだろ。 ●おお、これでどう動くかがわかった。 ●そうだよ、えっと、ここで波動を起こしそれが別の…ものにぶつかり…そうして…そうなんだよ。 ●さらに、ゆ

独自の基盤が必要なら、試作品を設計・製造してくれる企業があります。ウェブプログラムと同じように、実際に動くプロトタイプを作りながら手元で開発できることが素晴らしいです。 資金調達はネットで 事業化していくには、ある程度の量を製造して売らなければなりません。つまり、初期投資が必要になります。これまでは銀行などから融資を受けるしか方法がありませんでしたが、最近は「クラウドファンディング」と呼ばれる資金調達の仕組みがあります。 商品のプレゼントやイベント参加を条件に、ネット上で出資を募る仕組みです。目標額に達しないと資金調達はできないルールです。Kickstarterが世界的に有名。日本のクラウドファンディングにはキャンプファイヤーなどがあります。 出資する側は、自分の欲しい商品をいち早く手に入れられます。出資を受ける側は、商品の需要を知る事ができます。目標額に達しない場合は、そもそも需要が無か

9月某日、はてな屈指のガジェット好きにして、何枚ものディスプレイをデスクに設置しているエンジニア、id:halfrackのもとに、1台の新しいディスプレイが届きました。「三菱電機さんの液晶ディスプレイで、スマートフォンとつないでいろいろ遊べるみたいですよ！」とライターの深山がお伝えすると、彼は「ほほう……」と一言。後日、ディスプレイで遊び倒したid:halfrackは、社内のエンジニアらを集めてお披露目会を開催したのでした。 （※この記事は三菱電機株式会社提供によるPR記事です。記事の内容は三菱電機株式会社への取材をもとに、株式会社はてなが執筆したものです） ▽ http://url.hatena.ne.jp/OmJS4 深山　ということで本日はid:halfrackによる、三菱電機さんの液晶ディスプレイ「RDT234WX(BK)」のお披露目会です！ はてな京都オフィス8F奥にある休憩スペ

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

「HTML をシンプルに保ったままブロック要素を段組みする方法」のパート 2 です。 前回の記事では、float と position の合わせ技により、全体の横幅ピッタリに要素を段組みしました。 今回は、position を使わない方法をご紹介します。 ボックスと余白の幅の値は前回と同じく以下です。 HTML ソースも前回と同じくこちら。無駄な ID や class のないシンプルなソースになっています。 <div id="photo"> <ul> <li><img src="hoge1.jpg" alt="サンプル1" width="160" height="120" /></li> <li><img src="hoge2.jpg" alt="サンプル2" width="160" height="120" /></li> <li><img src="hoge3.jpg" alt="サン

ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです！ IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに！」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height（相当）の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi

こんにちは。ShareWisの辻川です。 最近、にわかに学習系のサービスが盛り上がりを見せていますが、僕も学習系サービスの従事者の端くれとして、さまざまなサービスを実際に利用し、どんな特徴があるのかチェックしたりします。 特に動画で学習するタイプのサービスは国内外問わず色々と見てきました。 そんな中、思わず最後まで見入ってしまう動画と、開始１分以内で「もういいや」となってしまう動画があることに気づき、その違いは一体どこから来ているんだろう、と疑問に思うことがありました。 そこで、ふと自分が学生だったとき、どういう授業が面白くて、どういう授業が面白くなかったかを考えてみることにしました。 TEDのようにスラスラ話す＝面白い授業、ではない 高校のときの化学の先生にすごく変わった先生がいました。 その先生は授業中にしょっちゅう「フリーズ」していました。 化学の法則について解説しているとき、練習問

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

2013年8月28日 Webサイト制作 オンラインショップで最も使われている決済方法がクレジットカード決済。しかし、過去にオンラインショップを制作したことのあるWeb屋さんは、決済時の動作テスト方法にとまどった事はありませんか？動作確認に自分のクレジットカードを使っていたという人が多いかと思います。私もそうやってテストしていました…が、実は各種メジャークレジットカードではオンライン決算時用のテスト番号があるのです！便利ですよね！ ↑私が10年以上利用している会計ソフト！ 以下のクレジットカード番号を使えば、実際に決済が完了した時と同じ動作をします。もちろんテスト番号なので実際に入金などはありません。有効期限は現在の年月より先のものならなんでもOKです。 広く使われているこのテスト番号ですが、対応していないサービスもあります。番号自体のチェックは「【PHP】クレジットカードチェックサンプル」

特に新卒でプログラマになりましたとか、若者に向けて、RSSリーダーで技術情報にアンテナ張ると色々捗りますよ。というご紹介です。 普段からRSSリーダーを利用して情報収集されている方には、つまらない記事ですが、あなたの知っている一番若いエンジニアに教えてあげてください。知らない新卒エンジニアは多いみたいです。 情報収集の方法は？日々技術は進歩していて、流行廃りもあります。こういった情報を追いかけるために、どのようなツールを活用していますか？ 「Twitterで話題になってるのを見るぐらい」というだけでは、そのつぶやきを見過ごしたら、二度と知ることができません。 SNSなどが普及したことによって情報が流れるスピードが上がったので、1日後にはまた新しい話題にすり替わってます。それに、あなたが本当に知りたい分野の最新の情報であるとは限りません。 これでは話題の技術を把握することができませんし、重大

twitter facebook hatena google pocket 背景に動画を流せると印象的なサイトになります。 これを簡単に実現するのがBigVideo.js - The jQuery Plugin for Big Background Videoです。 インパクトのあるサイトにご利用ください。 sponsors 使用方法 BigVideo.js - The jQuery Plugin for Big Background Videoからファイル一式をダウンロード。 <link rel="stylesheet" href="bigvideo.css"> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript" src="jquery-ui-1

ウェブ上で使用される画像ファイルのフォーマットには、主にJPEG、GIF、PNGという3種類の圧縮形式があり、この中で可逆圧縮かつフルカラー、つまり元画像の画質を見た目上一切劣化させることなくファイルサイズを縮小できるのがPNGですが、欠点は高画質な分ファイルサイズが大きくなってしまいがちなこと。 このため、フルカラーのPNGをウェブ上で使用する場合は専用ツール（有名なものではAzConvPNGなど）を使用してファイルサイズの最適化を行い、画質を劣化せずにできる限りサイズを落とした上でサーバーにアップロードされることがよくありますが、それでも削減できるファイルサイズは良くて1割といったところでしょう。 実は、一般にはほとんど知られていませんが、この他にもフルカラーPNGを画質劣化なしに、さらに大幅にファイルサイズを削減できる裏技的な方法が存在します。やり方は少し面倒ですが、うまく使えば非常

仕組みをよく理解できていないのですが、ImageAplphaは色数を減らしてファイルサイズを軽量化してくれるアプリのようです。 詳しい人がちゃんと解説してくれると嬉しいです。無知でごめんなさい。 さらには透過PNGの透過も維持したままにできるそうなので、これは是非試さないと損。 参考：透過を保ちつつpngを高圧縮するMacの無料アプリImageAlpha。素でIE6対応 以下のキャプチャ画像をサンプルに試してみました 上の画像をサンプルにファイルサイズの軽量化をImageAlphaで試してみました。 最初の状態でファイルサイズは579KBです。 PNGファイルをアプリケーションにドラッグ＆ドロップします。 画面下部にImage sizeとしてどのくらい軽量になったかが表示されます。 保存しようとすると以下のような画面が開きます。 注目すべきは「ImageOptim」にそのまま送ることもでき