『眠れなくなる宇宙のはなし』は、本物でした 「眠れなくなる宇宙のはなし：佐藤勝彦著」という本を読みました。 本当に眠れなくなるのかどうかわくわくしながら。 結果、一気読みしてしまい、次の日は寝不足で仕事に行くハメになりました。 皆さんは「宇宙」、好きですか？ 文系の方は特に、身近に感じ辛く、「よくわからない」というイメージが強いのではないのでしょうか。 そんな人にこそぜひ読んでほしい。 そんな人だからこそ眠れなくなってしまう宇宙のはなしが、ここにあるのです。 以下、裏表紙より一部引用 古代から現代に至る宇宙観の変遷をたどり、人間が宇宙の真の姿をひもといてきた様子を物語のように描きます。古代インドの奇妙な宇宙観、コペルニクスによる宇宙像の大転換、アインシュタインが描いた宇宙、そして最新の「11次元時空」の仮説まで、平易な図解を添えてわかりやすく解説。 宇宙に興味が出たらまず読むおすすめの本

近頃、webで「共働き夫婦の家事育児役割分担」についての話題をよく目にします。 かくいう私も、うちの場合のアレコレを、どなたかの参考になればと、ツイッターや著書の中でちょこちょこ晒したりしてます。 なので、今回は特別編！といたしまして、緊急寄稿☆「妻から夫への『大変さ』の伝え方」をお送りします！ うだひろえさんの関連記事：ハードル高！で、やってみたら、キビシーー！！妊婦と2歳児のお出かけのリアル いや～、家事＆育児って大変ですよね。 私も自分でやるようになるまで、こんなに大変だとは思いませんでした。 うちは基本的には共働きなので、家事育児は分担しています。 しかし、きっちりと取り決めをしたわけではなかったので、比較的時間の融通が利き、なおかつ「母親」である私に、自然と負担が重くかかるようになりました。 自分の仕事に余裕があるときは、「今日も遅いんだ、仕事なら仕方ないね」と許せたりもするんで

「バランスなんて、とる必要ないです」ってタイトルで、さも人生を達観したかのように 1つのことにハマるほうが幸福感がある、なんてドヤ顔で書き殴ってるけど 1つのことを掘り下げ続けるよりも、バランスを取るほうが豊かになる可能性もあるんじゃないの？ 凄いと思える人はバランスが崩れてるって言ってるけど、それはあなたの狭い出会いの中でのはなしで むしろバランスが取れてるからこそ凄い人なんて腐るほどいるよ？ 少し斜に構えた発言や行動が人を惹きつける事ってあると思う この人が有名になったのはそこを、たまたま発見した人生経験の少ない人達が感銘を受けたって流れなのかな？ 他の記事もいろいろ読んだけど、いたって普通のことを達観したように書いてるだけだった そういう層の人達には新鮮に映るのかもしれないけど、もてはやされる意味がわからない この人がどれだけ有名になろうが俺には何の関係もないんだけど ネットの世界は

本日、はてなブログはサービス開始から1周年を迎えました。1年にわたってサービスを成長させることができたのも、ひとえにユーザーの皆さまのおかげです。ありがとうございます！ はてなブログ1周年を記念して、皆さまに「ありがとう」の気持ちを込め、iPod touchなど豪華賞品が当たる「はてなブログ1周年！ ありがとうキャンペーン」を実施します。プレゼント賞品や応募方法などについては、エントリーの最後をご覧ください。＜キャンペーン概要までスキップする＞ はてなブログの1年間（ここがおすすめ！） はてなブログは、「しっかり落ち着いて書けるブログ」を目指して日々進化を続けています。この1年でもたくさんの機能を追加してきました。最近の機能追加の中から、特におすすめのポイントをご紹介します。 書くネタに困らない 「編集サイドバー」を使うと、Twitterのツイートや、Instagramに投稿した写真、はて

はじめは今までと同じように、カンプを作ってからコーディング、というやり方でした。 しかし、そのやり方だとトラブルが多いんです、なぜか。 ブレイクポイントとかで揉めたりすることが多いです。 早い話が、いままでの制作のやり方は、レスポンシブWebデザインでは無理だということです。 allWebクリエイター塾の菊池 聡さんは、「レスポンシブWebデザインでは、いままでの仕事のやり方は通用しない。いずれはブラウザでデザインする時代がくる」と、某セミナーで言っていました。 実際、最近は、ブラウザでデザインする、いわゆる「インブラウザ・デザイン」で制作することが多くなってきています。最近は、ほぼ7割くらいです。 最近、久しぶりにFireworksでカンプを作りましたが、「以外とPhotoshopやFireworksでカンプを作るのが面倒だな」と感じました（ちょっといらついていたような気がするのは気のせ

本連載で紹介したレスポンシブWebデザインの基礎に加えて、画像や動画のレスポンシブ対応、パフォーマンス改善といった商用サイト構築のノウハウを大幅に加筆。さらに、解像度に依存しないレスポンシブWebデザインの考え方やスマートテレビ対応などの応用テクも盛り込みました。 レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック 定価：2,625円 (本体2,500円)／形態：B5変 (232ページ) ISBN：978-4-04-886323-0 連載第2回では、レスポンシブWebデザインの設計と素材の準備をしました。今回は、ページの基本となるHTMLとCSSの初期設定を記述します。 ベースHTMLの記述 最初に、「枝豆隊」の基本となるHTMLを用意しましょう。このサイトでは、XHTMLではなくHTML5を採用しています。HTML5はオフライン機能や現在地特定機能などのモバイルデバイ

Webデザインの評価項目というのを、ディレクターやデザイナーの方々はつくっているでしょうか？ 評価項目があると、デザイナーやディレクターだけでなく、クライアントにとってもデザインの基準がわかりやすくなり、目標地点が明確になります。 今までつくったことがなかったという方は、この機会につくってみてはどうでしょうか。 改めて、Webデザインの評価項目をつくるメリットです。 デザイナー、ディレクター、クライアントにとって、デザインを評価する共通認識を持つことができ、三者間で認識のブレが少なくなる デザインの優先すべき項目（もっと企業の色を出したい、など）がわかりやすくなり、それをデザインに反映させることができる デザイナーは、すでに満たされている要素にそれ以上時間をかけることがなくなり、足りない要素に注力できる デザインの評価項目とデザインエレメント一覧表 私はWebデザインの評価項目を、以下のよ

こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量：10で追加します。これが同心円状のヘアラ

a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:

by 401K 今やその存在抜きではいろいろなことが成り立たないぐらいに人々の生活に浸透しているGoogle。その2011年の収益は379億ドル(約2兆9000億円)で、このうち96％が広告収入でした。これはGoogle Adwordsがそれだけ売れているということですが、では、どこがGoogleの広告枠を買っているのでしょうか。 Who Buys All Those Google Ads? | Visual.ly 分野別で分けるとこのようになります。 ◆第1位　金融＆保険：40億ドル(約3054億円) State Farm(自動車保険)：4370万ドル(約33億3700万円) Progressive(自動車保険)：4310万ドル(約32億9100万円) GEICO(自動車保険)：2370万ドル(約18億1000万円) Quicken Loans(住宅ローン)：2110万ドル(約16億11

スマートフォンを使うときによく使う操作方法としてフリックがあります。このフリックの操作でギャラリーができるjQueryプラグインを集めました。 Androidを持ってないので、全てがAndroidで動くかは未検証ですがだいたい動くと思います。 flickGal 自分が一番つかってるのがこのflickGalです。 PC（IE以外）でも動作します。 flickGal・・・iPhoneでフリックギャラリーを簡単に実装できるjQueryプラグインです – piglovesyouの日記 flickable こちらはPCでフリックができるようにできるプラグインです。そのままスマートフォンでも使えます。 PCでも（IE6でも）よく動きます。 jQuery.flickable: iPhone and Android like flick scrolling plugin flickSimple こちらもP

面白法人カヤックがサイトリニューアル！ いきなり手前みそで恐縮ですが、今年の夏、面白法人カヤックがコーポレートサイトを2年ぶりにリニューアルしました。 「世界一更新頻度が高く、カヤックの活動がひと目で分かるコーポレートサイト」をコンセプトに、可読性が高く容量も軽いサイトに仕上げました。 ひと目見るだけで、最近のカヤックの動向が分かるようにニュースでTOPページを構成し、日々リアルタイムにカヤックの最新の情報を発信します。 技術的には、ブラウザのウィンドウサイズによって拡縮する画像はベクターファイルであるSVG（Scalable Vector Graphics）画像で置き換えたり（SVGはベクトル形式の画像のため、拡大してもボケない）、CSS3を用いることで画像の使用を極力控えたりするなど、ページの軽量化を実現しています。 カヤックサイトのCSSテクニックを丸ごと伝授！ 本稿では、サイトリニ

「ソフトウェア見積り」を読んだ後に「アジャイルな見積りと計画づくり」を読み直したら、とても理解しやすかった。 理解できたことをメモ。 間違っていたら後で直す。 ※追記：一部修正した。 ※追記：Velocityの計算方法を「塹壕よりScrumとXP」から参照するようにした。 【元ネタ】 Twitter / @akipii: 見積について色々考えている。1.0MD(人日)という単位は規模・出来高・工数という複数の意味を持ち混乱しやすいから、ソフトウェア開発の計画づくりに支障をきたしているのではないかという仮説を考えている。その考えを深めるとScrumのストーリーポイントはよく考えられた概念だと思う。 アジャイルサムライで一番難しくて面白い概念～Velocity: プログラマの思索 ソフトウェア開発に特有な技術～ソフトウェア見積り: プログラマの思索 チームは加速するのか～Velocityの使い

プログラミングというのは、名前をつける行為なんだと思う。 プログラミングで一番大切なこと。 もしも、プログラマーじゃない人に、「プログラミングで一番大切なことは？」と聞かれたら、迷わず「名前」だと答える。もちろん、人それぞれだし、自分はスキルの高いプログラマーじゃないよ、と前置きして。 名前が9割と言ったときの、9割という部分は人によってだいぶ差があるんだと思う。もっと小さいかもしれない。けれど、名前が重要だという点に関しては、反対するプログラマーはいないんじゃないだろうか。 時代や環境で変わる名前。 いま僕がイメージしてる名前というのは、変数名だったり関数名だったりクラス名だったり、とにかくいろいろ。さらに、JavaScriptとか高階関数をバリバリ使うような場合など、名前をつけないという選択肢もある。 なんとなくJavaScriptと書いたんだけど、名前はプログラミング言語や開発環境や