日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイトです。
スマートフォンやタブレット、PCなどあらゆるデバイスに対応する制作手法として注目されている「レスポンシブWebデザイン」。レスポンシブWebデザインの概念からサイト制作の基本まで、レスポンシブWebデザインによる制作案件を数多くこなす菊池 崇氏が解説します。（編集部） 本連載で紹介したレスポンシブWebデザインの基礎に加えて、画像や動画のレスポンシブ対応、パフォーマンス改善といった商用サイト構築のノウハウを大幅に加筆。さらに、解像度に依存しないレスポンシブWebデザインの考え方やスマートテレビ対応などの応用テクも盛り込みました。 レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック 定価：2,625円 (本体2,500円)／形態：B5変 (232ページ) ISBN：978-4-04-886323-0 レスポンシブWebデザイン（Responsive Web Design）
デスクトップ、タブレット、スマフォなどのレスポンシブ対応サイトで使用されているナビゲーションのトレンドを紹介します。 特に小さいサイズになった際に、どのようにアイテムを見せるかさまざまな工夫がこらされています。 Popular Design Trends for Responsive Navigation 下記は各ポイントを意訳したものです。 ブロックレベルのメニュー 凝縮するナビゲーション フォームのセレクトメニュー 非表示のドロップダウン スライドするナビゲーションボックス 終わりに -次のプロジェクトの開始に ブロックレベルのメニュー まずは、ボックスをベースとしたデザインのブロックレベルのナビゲーションです。表示サイズに合わせて、ボックスのサイズが変わったり、配置が変わったりします。
米ゼネラル・エレクトリック（GE）は2013年6月18日（米国時間）、産業用機器から収集した「ビッグデータ」をクラウドで管理・分析する方針を明らかにした。米アマゾン・ウェブ・サービスと提携し、同社のクラウドサービスを活用する考えだ。 GEはジェットエンジンやガスタービンといった産業用機器からネット経由で収集したデータを管理・分析し、生産性を高めたり、無駄や停止時間を減らしたりする方針を打ち出している（関連記事：「データ分析とソフトウエアの会社になります」～ジェフ･イメルト氏・米ゼネラル・エレクトリック（GE）会長兼CEO ）。 そのための基盤として、アマゾン・ウェブ・サービスのクラウドを活用する。GEでグローバル・ソフトウエア・センターのバイス・プレジデントを務めるビル・ルー氏は「GEのプラットフォームは次世代のコンピューティングに向けた、最初の実行可能なステップになる」と語った。 ビッグ
クラウド環境の利用が急速に進む クラウドがコンピュータパラダイムを変える技術として認知されるようになって数年、企業システムにおいてクラウドは着実に市民権を得ており、最近では基幹となる業務システムの領域にも進出しつつある。この連載ではパブリッククラウドを中心に市場の動向、利用事例、課題などを、経営と開発者の視点から見ていく。 クラウドと一口に言われるが、その中味は大きく3つに分類できる。仮想化技術を利用してCPU、ストレージ、ネットワークなどのコンピューティングリソースをサービスとして提供するIaaS（Infrastructure as a Service）、ウェブアプリケーションなどのソフトウェア開発プラットフォームをサービスとして提供するPaaS（Platform as a Service）、ソフトウェアをサービスとして提供するSaaS（Software as a Service）である
ブランド品からリサイクルの時代と来て、次は自作の時代じゃないかと思っているのだがどうだろう。 そんなことをDarbySmartを見ながら考えた。 このサイトではスタイリッシュなアイテムを自作できるキットを販売している。 カフェなどで見るようなおしゃれなロウソクや、ちょっとしたアクセサリーなどなどを「これ、自分で作ったんだ」と言えればたしかに楽しそうだ。 しかもキットを作っているのはPintarestで有名なデザイナー達らしい。「Style, Made by Me.」というタグラインにもぐっと来る。日本でも流行りそうな気がしないでもない。
ケンタが予約制チキン食べ放題（ポテト・ドリンクも）、7月3日と4日に店舗限定で実施へ。 ※ 2013年06月19日08:30 カテゴリ http://hayabusa3.2ch.net/test/read.cgi/news/1371533891/ 「ケンタが予約制チキン食べ放題（ポテト・ドリンクも）、7月3日と4日に店舗限定で実施へ。 ※」より 1: スフィンクス(チベット自治区) 2013/06/18(火) 14:38:11.57 ID:7XUmm7ZJT● BE:496383473-BRZ(10201) ポイント特典 http://www.narinari.com/Nd/20130621977.html ケンタが予約制チキン食べ放題、7月3日と4日に店舗限定で実施へ。 2013/06/18 14:26 Written by Narinari.com編集部 ケンタッキー・フライド・チキン
米オンライン電子ガジェットショップのAdarfruitは6月18日（現地時間）、Raspberry Piで組み立てるTorルータキット「Onion Pi」を発売した。Raspberry Piを提供する英Raspberry Pi Foundationは同日、「Onion PiのTorプロキシでNSAとPRISMを撃退できる」と賛辞を送っている。 Onion Piには「Raspberry Pi Model B」、ケース、Wi-Fiアダプタ、SDカードなどが含まれており、1式90ドル。売り上げの一部はTor Projectに寄付される。Adafruitのページには、ていねいなチュートリアルも掲載されている。 Tor（The Onion Router）は、インターネットの接続経路の匿名化を実現するためのオープンソースの規格およびリファレンス実装で、タマネギの皮のように暗号化を多層に重ねる手法が名称
科学的に存在するはずのない惑星が発見される 1 名前： シャルトリュー(WiMAX)：2013/06/19(水) 00:49:24.77 ID:uuQGBciO0 ハッブル宇宙望遠鏡による新たな発見は、天文学者らの頭を悩ませてしまった。今回発見された惑星について、誕生の経緯が現代科学では説明できないのだ。ハッブル・サイトで明らかとなった。 これは地球から176光年離れたTW Hydraeの観測中に発見されたもので、TW Hydraeからは120億キロメートル離れている。例えば地球は親星から1億4900万キロメートル離れている。 学者らはいくつかの矛盾に直面している。例えば、TW Hydraeの年齢は800万年に 過ぎないが、これは星が惑星になるためには不十分だと考えられている。また質量は 太陽の55％に過ぎない。またTW Hydraeの周りを回っている今回発見された天体は、 地球の6個分か
ムフフなビデオも網羅的に扱うDVDや動画の提供サービス「DMM」のWeb APIがいつの間にか公開していたらしく、なにぶんノーマークだったもので昨日の夜知ってビックリした。というかDMMは一生API出さないだろうなんて決め込んでいたのが良くなかったですね。 ってことでとあるAV女優の商品一覧を出力するようなスクリプトを書いてみました。API固有の「癖」でいくつか実装する際の注意すべきポイントがあるのでそれをまず紹介します。Perlコードですが参考になるかもです。 リクエストパラメータにはタイムスタンプがいる リクエストのパラメータにはタイムスタンプが必須です。形式は 2013-05-14 08:03:16 というもの。僕はDateTime派なので、以下のコードで現在のタイムスタンプの文字列をつくっています（＊ある方から指摘を受けてコードを修正させていただきました！）。 use DateTi
ありきたりなPowerPointのプレゼン...なるべくならしたくありません。聴衆を魅了するスライドショーを作るにはどうすればいいでしょうか？ PowerPointでアメージングなプレゼンを作るためのTipsを紹介します。 プレゼンは大きな責任を伴う行為です。聴衆をPowerPointによる退屈死から救えるのはあなたしかいません。今回は、PowerPointを使って、プロフェッショナルで魅力的なスライドショーを作る方法を紹介します。もちろんほかのプレゼンツールにも応用できます。 基本的な間違いを避ける スライドの作り方を解説する前に、退屈なプレゼンの根本原因を見て行きます。 準備不足、すなわち情熱の欠如。失敗するプレゼンの主な原因は、練習不足のせいで、プレゼンの意図を伝えきれないことです。情熱を持って主題となるメッセージを訴えれば、聴衆も耳を傾けてくれます。そのためには、十分な練習が不可欠
注目を集めている第3のモバイルOSを狙う「Tizen」や「Firefox OS」。以前執筆した当コラムの記事では、第3のOSが注目を集める理由として、米グーグル、アップル依存のリスクヘッジとしてのポリティカルな側面が背景にあることを解説した。 一方でアプリケーションの動作環境に注目すると、両OSには興味深い技術的なポイントがもう一つある。TizenやFirefox OSがサポートする「Packagedアプリ」という新たなタイプのWebアプリだ。これまでのコンピューティングの変遷を振り返ると、このような新たなタイプのWebアプリの登場は必然と言えるかもしれない。 Webアプリの概念が広がる、これは歴史が繰り返されている？ TizenやFirefox OSがサポートする「Packagedアプリ」とは、HTML/JavaScript/CSSファイルなどWebアプリを構成する素材にマニフェストファ
・思考の道具を用いる（作業工程と作成物形式） ・目的と結論形式を最初に設定 ・目的と結論形式に適した思考工程の採用 ・各工程での思考内容を作成物として残す ・思考内容の全体像を俯瞰表で把握する ・要所要所で漏れがないか検査する ・事柄の重要度を意識して検討する ・蓄積された良い設計方法の活用 ・効果と副作用の大きさを事前に予測する ・部分または全体で論理性を検査する ・適切に評価して最良解を求める これらの工夫で重要なのは、中身の深さだ。できるだけ多くの人が確実に実行できるレベルが求められる。作業手順や作成物形式といった道具を用意し、それを用いて行えるようにしなければならない。こうした点まで十分に考えて提供することで、実際にできる人が確実に増える。 基本要素の内容は、これらの工夫を集めたものになる。それがどのようなものなのか、工夫ごとに順番に解説しよう。 思考の道具を用いる 論理的思考の基
場面転換テクニック ショットとショットをつなげるときスムーズにつなげるために使用するテクニックのこと。 使用用途によってひとつの効果でもさまざまな意味が生まれる。 具体的に効果を言い換えると 省略･･･時間経過、移動時間の省略、動作やアクションの省略 例）インサート、空抜けなど 句読点（接続詞）･･･場面転換をわかりやすくするため。 ｢そして｣や｢しかし｣などの言葉で言い換えることができる 例）フェード、ワイプ、トラジション効果など 感嘆符･･･映像を敢えて滑らかにつながず、観客にインパクトを与えるために使用 例）リヴィール・フレーム、スイッシュパンなど 緩和･･･ショットをつないだとき映像に違和感が生まれてしまったとき、それを緩和するため 例）オーバーラップなど 場面転換テクニックを使用する前に、どの効果を狙い使用するか考え使用するとよい。 テクニック例 オーバーラップ･･･回想シーンや
ウェブ上に存在する児童ポルノの写真や動画は、この数年間に驚くべき速さで増加してきた。全米行方不明・被搾取児童センター（National Center for Missing and Exploited Children：NCMEC）によると、児童虐待が疑われる画像や動画の受付件数は2011年に1730万件にのぼり、その数は2007年の4倍に増えたという。 Googleはこのほど、こうした児童ポルノの拡散抑止に手を差し伸べる意向を発表した。同社は実際、これをさらに1歩前進させようとしており、インターネットから児童ポルノを完全に根絶したい考えだ。 Google Givingのディレクターを務めるJacquelline Fuller氏は米国時間6月15日のブログ投稿で、次のように述べている。「こうした画像の向こう側には、性的な被害を受け、その画像が出回ることでさらなる被害を受けている、実在のか弱
「悪いことをしたら反省するのが当然」「反省してもらわなきゃ困るよね」って考えてると、どんどん犯罪者が増えるよ。 ええええー！？ さらに、自分の子供を犯罪者にしてしまうよ。 って、ええええー！？ どゆこと？ と驚きながら読み進めていった。 『反省させると犯罪者になります』 すごいタイトル。 でも、読んでいくうちに納得してしまう力がこの本にはある。 第3章に、女優酒井法子の事例が登場する。 覚醒剤取締法違反で逮捕された彼女は、“自らが犯した事件を謝罪する目的で、「贖罪」というタイトルの著書を出版”する。 これが、まさに「模範的な反省文」になっているのだ。 “これでは自分自身をみつめたことにはなりません。酒井さんには失礼ですが、書名を「贖罪」とするには、内容としては表面的でしかありません”。 また、保釈された後の記者会見での言葉を引用し、“自分の弱さ故に負け”“自分の弱さを戒め”“二度と手を出さ
解説 Windows OSでは、ユーザーや（ほかの）グループのアカウントをまとめて、1つのものとして扱うために、「グループ」という概念がある。「TIPS：デフォルトのローカルグループを知る」では、Windows OSで利用できるローカルグループについて解説した。これ以外にも、グループにはいくつかの種類があるが、本TIPSでは、そのグループの種類について解説する。 以下の画面は、Active Directoryの管理ツールでグループを作成するためのダイアログである。これを見ると、ドメインレベルで利用できるグループアカウントの種類について知ることができる。 Active Directory環境における新規グループの作成ダイアログ これはWindows Server 2003のActive Directoryにおける新規グループの作成ダイアログの例。これ以外に、各コンピュータごとで利用できるロー
うまく翻訳できない…そんなときは？ １．原文の主語・述語を確認 「主語（＋目的語、補語など）＋述語」がそろっているか確認しましょう。足りない場合は原文に合うように単語を補って翻訳します。 ２．長い一文は短く分解 長い一文は、「句」「節」ごとの主語・述語がはっきりわかるよう、接続詞ごとに文を分けるなど工夫し、一文を短くして訳してみましょう。 ３．よくある間違いを修正 うまく訳せないときは、原文の表現に間違いがある可能性があります。よくある間違いをまとめました。 ４．英訳しやすい表現に調整 無理やり日本語にした「～的」「～化」を使う表現や造語は訳せない場合があります。また、なるべく文脈に依存したあいまいな表現を避け、限定的な意味の動詞になるよう調整してみましょう。 ５．よりよい訳にする一工夫 翻訳結果に「冠詞」「代名詞」「時制」に編集を加えると、よりきれいな訳文を作ることができます。 エキサイ
Node.js で重い処理をしてしまったときにタイムアウトするの法 (この記事は Node.js アドベントカレンダー不参加記事です) チャットサーバー的な使い方とか意外とみんな興味なくて、普通のウェブアプリケーションなどをかく、という用途にちょっと node.js がつかえたらいいのにな、とおもっている人がおおいようにかんじています。Node.js が人気なのは、v8 をうまくパッケージングしているのが node.js ぐらいで、そして v8 をうまくパッケージングするのが結構めんどくさいから、というところが大きいのです。ぶっちゃけ node.js が〜 とさわいでる人のうち8割は I/O multiplexing だからとかそういう理由で支持しているわけではなかったりするのです(偏見)。 さて、普通の web application のようなものを書こうとしたときに Node.js っ
■ロイターは17日、アマゾンの食品宅配サービス「アマゾンフレッシュ（amazonfresh）」が2001年に倒産したウェヴバンの失敗をもとに運営されていることを報じた。ウェブバンは1999年６月にサンフランシスコでサービスを開始した食品宅配サービス。同社は株式公開で得た約８億ドルの資金を元に３年間で26ヶ所の配送センターを設けたものの、2001年にビジネスモデルの欠陥と急拡大のコスト増により2001年に倒産した。アマゾンフレッシュには実はウェヴバンの元役員だったドーグ・ハリントン氏、ピーターハム氏、ミック・マウンツ氏、マーク・マスタンドレア氏の４人が主要役員に加わっている。アマゾンフレッシュはウェヴバンの崩壊から得た３つの教訓「慎重な拡大」「住宅密集地域に絞った配達」「徹底した物流効率の向上」を生かしているのだ。 ウェヴバンは当時、サンフランシスコでの営業開始から18ヶ月以内で９都市に拡大
なぜ壊れない？ 古代コンクリートの謎がまたひとつ解明2013.06.18 13:0019,921 satomi 何千年も昔の人類より大抵のことはうまくできている今日このごろですが、そうじゃないものもあるんですね。 例えば、ローマン・コンクリート（古代コンクリート）。 今のコンクリートでは到底及ばぬほど長もちするのですが、その秘密は一体なんなのか？ 二千年の謎がまたひとつ解明されました。 コンクリートは現代建築には欠かせないものです。一般によく使われる｢ポルトランドセメント（Portland cement）｣は、セメントの強固材として200年近く前から使われています（日本では1875年に宇都宮三郎の会社が初の国産に成功）。が、耐久性の面ではローマン・コンクリートの足元にも及びません。イタリアには何千年も前からあるコンクリートの港が今だに健在ですが、ポルトランドセメントのコンクリートは｢塩水に
乾燥わかめを10分ほど水につけてもどし、熱湯でさっとゆでて冷水にさらします。 わかめの水気をきって２〜３cmのざく切りにします。
ついったーで「激おこぷんぷん丸」の国語教員による分析・品詞分解が話題になっていて、 www.yukawanet.com どうなのかなあ、みたいなことをつぶやいていたのですが、けちだけつけていてもあれなので即興で分析。 以下の内容は関連文献の調査とかしてませんので細部は結構適当なところもあります。色々叩いて遊んでみてください。 前提と方法 先頭の要素から分解しながら、その要素をどう考えるのか少し考察する。ちなみに 語：≒自由形態素。単独で句・節・文の構成要素になることができる 接辞：≒拘束形態素。単独で句・節・文の構成要素になることができず、自由形態素にくっついて現れる という粗い定義を採用している。 「激」 「激だ」「激を」などの用法は今のところ見つかっていないので接頭辞とする。 「強い」「はげしい」といった意味で漢語の構成要素となる（例：激痛、激減、激戦、…）のが一般的であると思われるが
アーケード用リズムゲーム「けいおん！放課後リズムタイム」はいかにして生まれたのか。開発元・インデックスの担当者が解き明かす，その経緯 ライター：ケンちゃん 廃部寸前の軽音部に所属する女子高生5人がつむぐハートフルなストーリーと，個性的なキャラクターで人気を博し，アニメファンを越えたムーブメントを引き起こした人気アニメ「けいおん！」シリーズ。この5人の主人公達が作中で組むバンド「放課後ティータイム」が奏でる音楽で遊ぶリズムゲーム「けいおん！放課後リズムタイム」が，2013年4月26日より全国のアミューズメント施設で稼働を開始した。 4Gamerでも4月8日に掲載した本作の第一報は，瞬く間に「けいおん！」ファンの間に広がり，同時にひとつの疑問をもたらした。「なぜ今になって？」と。テレビアニメシリーズも2期まで終了し，また劇場版のBlu-Rayも発売されて久しいこの時期に，なぜアーケードゲーム化
netshコマンド えー、久々のWSHネタで、需要が少なそうなスクリプト。Win2KとかXPとかでネットワーク設定を構成する「netsh」ってコマンドがあるんだけども、これが設定のダンプやリストアができるので、ちょこちょこっとTCP/IPの設定切り替えたりするのに割と便利。 例えば「netsh interface dump」ってコマンドラインから実行すると、こんな感じで表示される。 C:\Documents and Settings\dara-j>netsh interface dump #======================== # インターフェイス構成 #======================== pushd interface reset all popd # インターフェイス構成の最後 # ---------------------------------- # イン
6月3 恐怖のアルコール その２ （VB1の大量投与も効かないかもしれないアルチュハイマー病） カテゴリ:アルコール認知症 （前回の続きである） 当院には４０歳前にアルコールにて認知症となり、未だに入院している男性が数名いる。どの家族も引き取りを拒否し、だんだんと家族も亡くなっていき、入院期間は長い人では３０年近くになるだろうか（さすがに場末の病院だけのことはある）。入院後の記憶は一切ないようなのだが、ある時点から前の過去の記憶だけは保たれており、診察時に「お母さんに会いたいです」としか毎回言わない。言うのはそれだけである。母はかなり昔に亡くなったのだが。何回か母が死亡したという事実は伝えたはずだが、「ああ、そうですか」と悲しそうな顔もせずに、数日後には再び「お母さんに会いたいです」。 なぜ自分が入院しているのかも、自分が誰なのかも分からない。あるのは子供の頃の記憶だけのようだ。彼の時間は
6月6 恐怖のアルコール その３ （アルチュハイマー病への移行を防ぐ可能性がある薬剤） カテゴリ:アルコール認知症 （前回の続きである） 高齢者のアルコール依存症のケースで、解毒のための断酒がきっかけとなり認知症が進行してしまう。そういった悲惨なケースがあり、当院ではアルチュハイマー病として警戒しているのであった。 なお、精神科以外でも、入院中に認知症がいっきに進行してしまうことはよくある。心不全などの身体疾患の治療で入院していたが、その間に認知症が進行し、治療終了後に精神科に入院依頼がなされることが多々ある。 前回までに分かったことは、アルコール依存症では、脳はアルコール依存となった状況に適応し、アルコールの代謝産物である酢酸をエネルー源として利用している。アルコールの暴露によって神経細胞のグルコーストランスポーターの発現が低下しており、ブドウ糖が細胞内に取りこまれにくくなっており、急激
地域キャラクターの公募なんかでも、盗作をいかに回避するかは深刻な問題。 投稿を募って、審査会を開いて、選んで、「決まりました！」と発表したあとで盗作とわかったら目も当てられない。 しかし、世の中に存在するすべてのキャラクターをあらかじめ知っている人はいない。限られた労力で完全な調査を行なうのも不可能。 2008年に奈良の地域キャラクターの民間公募プロジェクトに関わったけど、盗作問題回避のため、オープン戦略で臨んだ。 ステップは、①一次選考、②一般投票、③最終選考。 ①関係者による一次選考で、応募618点から30点を選出。クローズドの会議だが、不正がないようマスコミを入れた。 ②一般投票はこんなWeb投票 [mantokun.net]と街頭投票で、総数5万3千票を集めた。 ③開票すると、得票1位は8番の候補、2位は23番の候補 [mantokun.net]だった。 最終選考で、そのまま1位の
「HaswellはIvy Bridgeよりもわずかに良くなっただけ」、Intelの新プロセッサは賛否両論：プロセッサ/マイコン（1/2 ページ） Intelが発表したばかりの第4世代Coreプロセッサ「Haswell」。専門家からは、「幅広い分野に適用できる革新的なプロセッサ」という声がある一方で、「第3世代Coreプロセッサである『Ivy Bridge』よりも少し性能が良いだけ」といった見方もあり、評価はまちまちのようだ。 Intelは、台湾で開催されたコンピュータ関連の展示会「COMPUTEX TAIPEI 2013」（2013年6月4日～8日）において、第4世代Coreプロセッサ「Haswell」を発表した。本稿では同製品に対する5人のアナリストの意見を紹介するが、その評価は賛否両論だった。「Haswellは、半導体エンジニアリングの偉業とも言える製品だ」という意見があった一方で、「
サムスンは現地時間6月17日、次世代ウルトラブック向けとなる、PCIeベースの新たなSSDの量産を開始したと発表した。PCIe接続のSSDは、SATA（Serial ATA）接続のSSDよりも高速に動作する。 例を挙げると、サムスンのSSD「XP941」は毎秒1400Mバイト（1.4Gバイト）のデータを逐次的に読み込むことができ、PCIe 2.0インターフェースにおける最高速度を実現している。この性能は現実での使用において、500Gバイトのデータ、すなわち5GバイトのHD映画100本分のデータを、たった6分間で読み込めるということを意味している。このようなPCIeベースのSSDは、従来のハードディスクに比べて7倍高速に動作し、最速のSATAベースのSSDと比べても2.5倍高速に動作する。 XP941の容量としては3種類、すなわち128Gバイトと256Gバイト、512Gバイトが用意されている
Appleのシニアバイスプレジデントを務めるJonathan Ive氏の肩書きが新しくなったようだ。同社サイトで確認できる。 同氏の役職名は、これまでの「インダストリアルデザイン」担当シニアバイスプレジデントの記載に代わり、現在は単に「デザイン」担当と変更されている。 この変更は、9to5Macが米国時間6月17日にAppleのサイト上で発見したが、新しい役職名が有効になったのは先週のようだ。AppleはIve氏の新しい肩書きを、10日のWorldwide Developers Conference（WWDC）基調講演直後に公開された「iOS 7」用の動画で紹介している。 Appleは2012年10月、Ive氏に「全社を通してヒューマンインターフェースに関するリーダーシップとディレクション」を担当するとともに、同社トップデザイナーの職務も継続するよう任命した。その役割は、外観が刷新されたi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: 百万人のデザイン (1959年): ヘンリー・ドレフュス (著), 勝見勝 (翻訳): 本
